Widget auf Shopify installieren

Diese Anleitung verwendet das JustReview Testimonials-Widget als Beispiel. Jedes andere Widget funktioniert genauso.

1. Erstellen Sie Ihr Widget und klicken Sie auf “Generate Code for your website” (Code für Ihre Website generieren).

   

   

2. Öffnen Sie Online Store → Themes → Edit code.

   

3. Bearbeiten Sie theme.liquid und fügen Sie Teil 1 und Teil 2 vor dem schließenden </body>-Tag ein.

   Teil 1 lädt die Bibliothek und gehört nur einmal auf die Seite, auch bei mehreren Widgets. Teil 2 ist die Konfiguration für ein Widget, fügen Sie also pro Widget einen Teil 2 hinzu.

   

   Speichern Sie die Datei.

4. Gehen Sie zurück zu Themes und klicken Sie auf Customize.

   

5. Fügen Sie einen Custom-HTML-Bereich dort hinzu, wo das Widget erscheinen soll.

   

6. Fügen Sie Teil 3 in das Custom-HTML-Feld ein und speichern Sie.

   

Das Widget wird im Shopify-Admin nicht angezeigt

Das Widget wird nur auf Domains angezeigt, die in Ihren Einstellungen hinterlegt sind, daher bleibt die Vorschau im Theme-Editor leer. Speichern Sie und prüfen Sie stattdessen Ihren Live-Shop. Ihre Shop-Adresse muss mit dem Whitelist-Eintrag übereinstimmen.

Generieren Sie den Code nach jeder Änderung neu

Die Widget-Einstellungen befinden sich im Snippet in Ihrem Shop. Nachdem Sie etwas im Dashboard geändert haben, generieren Sie den Code erneut und ersetzen Sie Teil 2 in theme.liquid.

Widget wird immer noch nicht angezeigt?

1. Domain-Whitelist in den Einstellungen stimmt mit Ihrer Shop-Adresse überein. Prüfen Sie, ob Kunden Sie über yourstore.myshopify.com oder eine eigene Domain erreichen, und tragen Sie die tatsächlich genutzte Adresse in die Whitelist ein.
2. Teil 3 ist vorhanden auf der Seite, die Sie betrachten. Bereiche sind in Shopify pro Template, daher landet er nicht automatisch auf Produktseiten, wenn Sie ihn zur Startseite hinzufügen.
3. Teil 1 erscheint genau einmal in theme.liquid.
4. Das Badge-Widget benötigt mindestens eine Bewertung, bevor es etwas anzeigt.