Theme-Feedback für Shopify sammeln: Snippet in theme.liquid einfügen, Vorschau-Link teilen, Notizen auf Produkt-, Kategorie- und Checkout-Seiten.
Kurz gesagt
Für Shopify fügst du das nootiz-Snippet in die theme.liquid deines Themes ein – am besten in einer Theme-Kopie, damit der Live-Shop unberührt bleibt. Über den Theme-Vorschau-Link gibt dein Team Feedback direkt an Produkt-, Kategorie- und Content-Seiten.
Theme duplizieren (Online Store → Themes → Aktionen → Duplizieren), damit der Live-Shop unberührt bleibt.
Im Code-Editor der Kopie theme.liquid öffnen und das Snippet direkt vor </head> einfügen.
Speichern und über „Vorschau“ den Theme-Vorschau-Link öffnen – dort läuft der Code bereits.
Vorschau-Link an Kunde und Team teilen und Notizen sammeln, solange das Theme noch nicht veröffentlicht ist.
Nach Freigabe: Theme veröffentlichen (Online Store → Themes → Veröffentlichen) und denselben Link künftig auf die Live-Domain zeigen lassen.
Bearbeite nie das aktuell veröffentlichte Theme direkt – jede Änderung an theme.liquid ist dort sofort live. Dupliziere das Theme, füge das Snippet in der Kopie ein und arbeite ausschließlich über den Theme-Vorschau-Link. So bekommt dein Team die neue Version zu sehen, während Käufer im echten Shop nichts von den Anpassungen merken. Erst nach Freigabe veröffentlichst du die Kopie und das Snippet läuft live weiter.
Ja, solange die App ihre Inhalte als normale DOM-Elemente auf der Storefront rendert – etwa Bewertungs-Widgets, Upsell-Banner oder Bundle-Blöcke. Die Notiz hängt am tatsächlich gerenderten Element, sodass du im Ticket exakt siehst, welcher App-Block gemeint war, statt in der App-Verwaltung raten zu müssen. Läuft ein App-Block in einem eigenen iFrame, kann sich das Element seltener präzise markieren lassen – hier hilft eine Notiz auf dem umgebenden Bereich mit Beschreibung.
Der Checkout ist bei Shopify aus Sicherheits- und PCI-Gründen weitgehend gesperrt; eigener Head-Code lässt sich dort nur über Checkout-Erweiterungen (Shopify Plus / Checkout Extensibility) platzieren, nicht über theme.liquid. Für Feedback zu Checkout-Schritten funktionieren deshalb Notizen auf Warenkorb- und Produktseiten zuverlässiger, ergänzt um Screenshots der Checkout-Ansicht. Für alle Storefront-Seiten davor – Startseite, Kollektionen, Produkte, Content-Seiten – greift das Snippet ohne Einschränkung.
Neue oder in Entwicklung befindliche Shops sind standardmäßig mit einem Storefront-Passwort geschützt. Das ist kein Hindernis: Wer Passwort und nootiz-Link hat, gelangt auf die Seite und kann dort ganz normal Notizen setzen. Ein Shopify-Konto, ein Collaborator-Zugang oder Zugriff auf das Backend ist dafür nicht nötig – Kunden bleiben komplett außen vor der Shopify-Adminoberfläche.
Jeder mit dem geteilten Link kann Notizen hinterlassen, ganz ohne Shopify-Login – ideal für Kunden, die selbst keinen Shop-Zugang haben sollen. Jede Notiz speichert automatisch die Seiten-URL, das markierte Element, einen Screenshot-Ausschnitt sowie Browser und Bildschirmgröße. Entwickler öffnen die betroffene theme.liquid-Sektion oder den Snippet-Block gezielt, statt aus einer vagen Beschreibung wie „der Button oben rechts“ zu raten.
Shopify-Themes bestehen aus Templates (product.json, collection.json, index.json) und darin eingebundenen Sections und Blocks. Eine Notiz auf der Produktseite bezieht sich technisch auf das gerenderte Element innerhalb der jeweiligen Section – so lässt sich Feedback zum Produktbild direkt von Feedback zum Beschreibungstext oder zum Reviews-Block unterscheiden, ohne dass du den Section-Code durchsuchen musst.
Auf gehosteten Checkout-Seiten und in isolierten App-iFrames lässt sich das Snippet nicht ausliefern, weil Shopify diese Bereiche kontrolliert. Für Multi-Storefront-Setups mit mehreren Domains oder Märkten muss das Snippet in jedem verwendeten Theme separat eingebaut werden, da jede Domain ihre eigene theme.liquid ausliefern kann.
Nein. Dupliziere das Theme, füge das Snippet in der Kopie ein und arbeite über den Theme-Vorschau-Link. Der veröffentlichte Shop bleibt bis zur Freigabe unverändert.
Nein. nootiz läuft als reines Snippet in theme.liquid, es gibt keine App zu installieren, zu pflegen oder zu bezahlen zusätzlich zu deinem nootiz-Plan.
Ja, auf allen Storefront-Seiten inklusive Produkt-, Kollektions-, Blog- und Content-Seiten. Der gehostete Shopify-Checkout lässt eigenen Code kaum zu und wird deshalb nur eingeschränkt unterstützt.
Nein, Notizen sind ausschließlich für Projektbeteiligte mit dem geteilten Link sichtbar, nicht für normale Shop-Besucher.
Ja. Jeder, der Storefront-Passwort und nootiz-Link hat, kann die Seite sehen und Notizen setzen – ein Shopify-Konto ist dafür nicht nötig.
Direkt am Element nur eingeschränkt, weil Shopify den Checkout absichert. Praktikabler sind Notizen auf Warenkorb- und Produktseiten kombiniert mit Screenshots der Checkout-Ansicht.
Solange URL-Struktur und Elemente gleich bleiben, findet nootiz sie nach der Veröffentlichung wieder – ein Wechsel von Vorschau- zu Live-Domain ändert daran nichts Grundsätzliches.
Jede Notiz lässt sich als Ticket nach Trello, Asana, Jira oder GitHub übertragen – mit Shop-URL, markiertem Element und Screenshot-Kontext.
Vertiefende Seiten zu Plattformen, Vergleichen und Praxis-Workflows.
Für WordPress brauchst du kein eigenes Plugin: Du fügst das nootiz-Snippet einmal in den Header deines Themes ein (oder über ein Code-Snippet-Plugin) und kannst danach auf jeder Seite Notizen direkt am Element hinterlassen. Kunden brauchen dafür kein WordPress-Login und kein Backend-Konto.
→AnwendungsfallFür passwortgeschützte Staging- und Preview-Umgebungen, die Feedback von außen einholen müssen.
→PlattformBei Squarespace fügst du das nootiz-Snippet unter Einstellungen → Erweitert → Code-Injection in den Header ein. Danach kann jeder mit deinem Link Notizen auf der Seite hinterlassen, ohne sich bei Squarespace anzumelden.
→Vergleichnootiz ist eine Markup.io Alternative für Teams, die Feedback dauerhaft an einer laufenden Website sammeln wollen, statt für jede Freigabe einen neuen Review-Link zu erzeugen.
→AnwendungsfallFür Agenturen, die Freigabeschleifen kürzen wollen: Kundenfeedback landet direkt auf der Seite statt in E-Mail, WhatsApp und Excel.
→FunktionKlicken, schreiben, fertig – Feedback landet genau an der Stelle, um die es geht.
→Snippet einbauen, Link teilen, Feedback direkt auf der Website sammeln – in unter 5 Minuten startklar.
