So installierst du Klaviyo Reviews in Shopify 2.0-Themes
Übersicht
Hier erfährst du, wie du Klaviyo Reviews in deinem Shopify 2.0-Shop installierst, indem du die App installierst und Bewertungs-Widgets hinzufügst.
Wenn dein Shopify-Shop ein Vintage-Theme verwendet, musst du ein paar Code-Fragmente kopieren und einfügen, um Reviews-Widgets hinzuzufügen. Hier erfährst du, wie du Klaviyo Reviews in einem Vintage-Shopify-Theme installierst. Wenn du WooCommerce verwendest, erfährst du hier, wie du Klaviyo Reviews für WooCommerce installierst.
Bevor du anfängst
Bevor du diese Widgets zu deinem Shopify-Shop hinzufügst:
- Füge die Klaviyo Reviews-App hinzu in deinem Shopify-Shop.
- Aktiviere das Einbetten der Klaviyo-App in deiner Shopify-Integration.
- Wenn du vorhast, ein Karussell mit hervorgehobenen Bewertungen hinzuzufügen, wähle die Bewertungen aus, die du hervorheben möchtest in Bewertungen > Alle Bewertungen, bevor du es installierst.
Verfügbare Bewertungs-Widgets
Klaviyo Reviews bietet mehrere Widgets, die du zu deinem Shopify-Shop hinzufügen kannst:
- Das Sternebewertungs-Widget zeigt deine aktuelle Sternebewertung für ein bestimmtes Produkt an und wird meist unter dem Namen deines Produkts hinzugefügt.

- Das Widget für Produktbewertungen zeigt ein Diagramm mit der Aufschlüsselung aller Bewertungen, die ein Produkt erhalten hat, von Nutzer*innen eingereichte Bilder mit Bewertungen sowie das häufigste Feedback, das das Produkt erhalten hat.
Darunter befindet sich eine Liste aller veröffentlichten Bewertungen und Fragen von Kund*innen sowie eine Suchleiste, Bewertungsfilter, eine Schaltfläche Bewertung schreiben und eine Schaltfläche Frage stellen.
Wird normalerweise in der Nähe des unteren Endes einer Produktseite hinzugefügt.


- Das Widget „Karussell für hervorgehobene Bewertungen“ zeigt hervorgehobene Bewertungen aus all deinen Produkten an. Dieses kann auf deiner Startseite, auf einer eigenständigen Bewertungsseite oder an einer beliebigen anderen Stelle auf deiner Website platziert werden. Du kannst die Bewertungen auswählen, die in diesem Widget hervorgehoben werden. Falls verfügbar, werden zu jeder Bewertung von Kund*innen eingereichte Bilder angezeigt; wenn zusammen mit der Bewertung kein Bild eingereicht wurde, werden deine Produktbilder verwendet.

- Das SEO-/Widget „Alle Bewertungen“ zeigt alle deine Bewertungen für alle Produkte auf einer einzigen Seite an. Verwende dieses Widget, um deine SEO zu verbessern und potenziellen Kund*innen einen zentralen Ort zu bieten, an dem sie sehen können, was deine aktuellen Kund*innen lieben. Dieses Widget wird am häufigsten zu einer eigenständigen Bewertungen -Seite auf deiner Website hinzugefügt.

Bewertungs-Widgets zu deiner Website hinzufügen
Diese Schritte beschreiben, wie du Klaviyo Reviews-Widget in einem Shopify-Shop mit einem Shopify 2.0-Theme hinzufügst. Wenn du ein Shopify-Vintage-Theme verwendest, musst du stattdessen Code-Fragmente manuell installieren, um diese Widget hinzuzufügen.
Verwende die folgenden Schritte, um das Widget für Produktbewertungen, die Sternebewertung oder das Karussell-Widget für hervorgehobene Bewertungen in deinem aktuellen Live-Theme zu installieren. Um mit einer Kopie deines Themes zu arbeiten, verwende die manuellen Installationsschritte unten. Für das Widget „SEO / Alle Bewertungen“ gelten im nächsten Abschnitt separate Installationsschritte.
- Gehe in Klaviyo zu Reviews.
- Klicke oben rechts auf Bewertungseinstellungen.
- Wähle Onsite-Widgets aus.
- Klicke auf das Widget, das du installieren möchtest (z. B. Produktbewertungen).
- Wähle Installation.
- Klicke im Tab Shopify 2.0 auf Jetzt installieren.
- Du wirst zum Editor für dein aktuelles Shopify-Theme weitergeleitet. Produktbewertungen und Sternebewertungen werden zur Standard-Produktvorlage hinzugefügt; das Karussell mit hervorgehobenen Bewertungen wird zur Startseite hinzugefügt.
- Überprüfe die Platzierung des Widgets und passe sie bei Bedarf im Shopify-Editor an.
- Klicke auf Speichern, um deine Aktualisierungen zu veröffentlichen und das Widget auf deiner Website live zu schalten.
- Wiederhole dies nach Wunsch mit zusätzlichen Widget (z. B. Widget für Sternebewertung, Widget für Karussell mit hervorgehobenen Bewertungen).
Wenn deine Produkte andere Vorlagen verwenden, füge die Widgets für Produktbewertungen und Sternebewertung zu jeder Vorlage hinzu, in der sie erscheinen sollen. Verwende die manuellen Installationsanweisungen unten, um diese Vorlagen auszuwählen oder um ein Karussell mit hervorgehobenen Bewertungen auf einer anderen Seite zu platzieren.
Füge das Widget für SEO / alle Bewertungen hinzu
- Wähle unter Reviews > Reviews-Einstellungen > Onsite-Widgets die Option SEO / Alle Reviews aus. Öffne Installation und wähle Shopify 2.0 aus.
- Verwende den Link zum Shopify-Theme-Editor in der ersten Installationsanweisung, um eine Seitenvorlage für deine Bewertungen zu erstellen.
- Kehre zu Klaviyo zurück und klicke auf Nächster Schritt. Folge den Anweisungen, um das Alle Bewertungen -Widget zur neuen Vorlage hinzuzufügen, und speichere dann die Vorlage in Shopify.
- Kehre zu Klaviyo zurück und klicke erneut auf Nächster Schritt. Folge dem Shopify-Seiten-Link, um eine Seite zu erstellen, die deine neue Bewertungen-Vorlage verwendet, und speichere dann die Seite.
Widgets manuell über deinen Shopify-Theme-Editor installieren
Du kannst die Bewertungs-Widgets manuell im Shopify-Theme-Editor installieren. Diese Schritte verwenden eine Kopie deines Themes, damit du die Widgets vor dem Veröffentlichen deiner Änderungen prüfen kannst.
Schritte für die manuelle Installation
- Navigiere in deinem Shopify-Administrator zu Online Store > Themes.

- Klicke auf das Symbol mit den drei Punkten unter deinem aktuellen Theme.
- Klicke auf Duplizieren, um eine Kopie zu erstellen.
- Klicke neben der neuen Kopie deines Themes auf Anpassen.
- Befolge die Schritte für jedes Widget unten.
Eine Zusammenfassung und Liste von Produktbewertungen hinzufügen
- Klicke auf das Drop-down-Menü mit der Bezeichnung Home Page.
- Klicke auf Produkte > Standardprodukt (oder auf die Vorlage, die du für deine Produktseiten verwendest).

- Klicke in der Seitenleiste auf Abschnitt hinzufügen.

- Wähle Produktbewertungen aus der Liste aus.

- Passe die Platzierung des Widgets nach Bedarf an und klicke dann auf Speichern.
Füge unter dem Produkttitel eine Sternebewertung hinzu
- Klicke auf das Dropdown-Menü oben in deinem Shopify-Website-Editor.
- Klicke auf Produkte > Standardprodukt (oder auf die Vorlage, die du für deine Produktseiten verwendest).

- Klicke im Abschnitt Produktinformationen auf Block hinzufügen.

- Wähle den Block Sternebewertung aus.

- Verwende das Symbol rechts neben dem Blocknamen, um den Block neu anzuordnen. Das Sternebewertungs-Widget wird meistens direkt über dem Produktpreis platziert.

- Wenn du mit der Platzierung deiner Bewertungs-Widget zufrieden bist, klicke auf Speichern.
Empfohlene Bewertungen überall auf deiner Website anzeigen
- Navigiere zur Vorlage für eine beliebige Seite in deinem Shopify-Shop.
- Klicke auf Abschnitt hinzufügen.
- Klicke auf Apps.
- Wähle den Block Karussell mit ausgewählten Bewertungen aus.

- Passe die Platzierung des Karussells nach Bedarf an und klicke dann auf Speichern.
Dieser Block zeigt Bewertungen an, die du in deiner Klaviyo Reviews-Administration als Funktionen ausgewählt hast.

Nachdem du die gewünschten Widgets hinzugefügt hast, sieh dir die Kopie deines Themes in der Vorschau an. Wenn du mit dem Ergebnis zufrieden bist, veröffentliche die Kopie, damit die Widgets in deinem Live-Shop sichtbar sind. Das Speichern von Änderungen am Text macht ihn nicht live.
Wenn du Sternbewertungen unter einem Produktnamen auf einer Kollektionsseite hinzufügen möchtest, musst du deine Theme-Dateien bearbeiten und das unten stehende Code-Fragment innerhalb des Produkt-Rasters hinzufügen.
<div class="klaviyo-star-rating-widget" data-id="{{product.id}}" data-product-title="{{product.title}}" data-product-type="{{product.type}}"></div>
Dafür brauchst du möglicherweise die Hilfe von Entwickler*innen. Das Support-Team von Klaviyo kann deine Theme-Dateien nicht direkt bearbeiten.
Ergebnis
Sobald du deine Widgets im Live-Theme gespeichert oder die bearbeitete Theme-Kopie veröffentlicht hast, werden deine Bewertungen auf den Seiten angezeigt, die diese Vorlagen verwenden.
Wenn ein Produkt keine Bewertungen hat und „Mit null Sternen anzeigen“ deaktiviert ist, bleiben seine Produktbewertungen oder sein Sternbewertungs-Widget ausgeblendet. Erfahre, wie du diese Einstellung ändern kannst.
Weitere Ressourcen
- Getting started with Klaviyo Reviews
Learn how to set up reviews so you can collect customer feedback and share positive reviews with your prospects.
- How to customize review widgets
Learn how to customize the appearance of your review widgets (e.g., the blocks on your store that display and accept product reviews).