Referenz für Klaviyo Reviews-Metafelder für Shopify
Übersicht
Erfahre, wie du Metafelder verwenden kannst, um Inhalte von Klaviyo Reviews auf deiner Website anzupassen. Metafelder sind Shopifys Tool zum Speichern benutzerdefinierter Variablen zur Verwendung auf deiner gesamten Website, auch auf Produktseiten.
Diese Ressource richtet sich an Entwickler*innen. Um Shopify-Metafelder mit benutzerdefiniertem Code anzuzeigen, brauchst du Kenntnisse in Liquid, der Templating-Sprache von Shopify. Du kannst Bewertungen auf deiner Website auch ohne Programmierung anzeigen, indem du die anpassbaren Bewertungs-Widgets verwendest.
Klaviyo Reviews-Metafelder für Shopify sind standardmäßig aktiviert. Metafelder sind für WooCommerce nicht verfügbar.
Über Metafelder für Bewertungen
Wenn du einen Metafield-Ausdruck zum Liquid-Code deines Themes hinzufügst, wird sein Wert angezeigt. Wenn du {{ product.metafields.reviews.rating.value.rating }} zum Liquid-Code deiner Produktseite hinzufügst und die Bewertung dieses Produkts 4,7 beträgt, wird beim Laden der Seite anstelle des Metafields „4,7“ angezeigt.
Du kannst Metafelder auch für komplexere Aufgaben verwenden, darunter:
- Anderen Shopify-Apps erlauben, auf deiner Website auf Daten aus Klaviyo Reviews zuzugreifen und sie zu verwenden.
- Inhalte für Produkte mit bestimmten Bewertungen dynamisch mithilfe von Bedingungen anzeigen.
- Deine eigene Sternebewertungsanzeige programmieren, statt das Sternebewertungs-Widget von Klaviyo Reviews zu verwenden.
Auf deiner Seite Shopify-Produkt-Metafeld-Definitionen heißen die Metafelder von Klaviyo Reviews Produktbewertungsanzahl und Produktbewertung.
Metafelder für Bewertungen mit dem Theme-Editor hinzufügen
Wenn dein Theme das Hinzufügen von Metafeldern unterstützt, verwende das Symbol für dynamische Quellen, um Metafelder für Bewertungen hinzuzufügen. Das Hinzufügen von Metafeldern für Bewertungen mit dem Theme-Editor wird im Bereich „Produktinformationen“ auf einer Produktseite unterstützt.
- Gehe im Theme-Editor von Shopify zu einer Produktseite.
- Öffne (oder füge) ein Feld hinzu, das Text unterstützt.
- Wähle das Symbol für die dynamische Quelle aus.
- Wähle ein Metafeld für Bewertungen aus.
- Klicke auf Speichern.
Metafelder für Bewertungen mit benutzerdefiniertem Liquid hinzufügen
Die folgenden Metafelder können auf Produktseiten und innerhalb von Produktobjekten verwendet werden (z. B. innerhalb einer Produktkachel auf einer Kategorieseite). Außerhalb von Produktobjekten werden sie nicht unterstützt (z. B. auf deiner Info -Seite).
Metafeld | Inhalt | Datentyp |
{{ product.metafields.reviews.rating.value.rating }} | Die durchschnittliche Bewertung eines Produkts. | Float (z. B. 3,5, 4,7) |
{{ product.metafields.reviews.rating_count }} | Die Anzahl der für ein Produkt abgegebenen Bewertungen. | Ganze Zahl (z. B. 10, 45, 721) |
{{ product.metafields.reviews.rating.value.scale_min }} | Die niedrigstmögliche Bewertung (d. h. 1). | Ganzzahl; immer 1 |
{{ product.metafields.reviews.rating.value.scale_max }} | Die höchstmögliche Bewertung (d. h. 5). | Ganzzahl; immer 5 |
Review-Metafelder deaktivieren
Metafelder für Bewertungen sind standardmäßig aktiviert. So deaktivierst du Metafelder:
- Navigiere in Klaviyo zur Registerkarte Rezensionen.
- Wähle Reviews – Einstellungen.
- Wähle Allgemein aus.
- Deaktiviere unter Shopify die Einstellung Rezensions-Metafelder mit Shopify synchronisieren.
- Klicke auf Änderungen speichern.
Weitere Ressourcen
- So passt du Bewertungs-Widgets an
Hier erfährst du, wie du das Erscheinungsbild deiner Review-Widget (z. B. die Blöcke in deinem Shop, die Produktbewertungen anzeigen und annehmen) anpassen kannst.
- So verwendest du benutzerdefiniertes CSS, um Klaviyo Reviews-Widget zu gestalten
Erfahre mehr über benutzerdefiniertes CSS für Klaviyo Reviews, einschließlich der Implementierung einiger grundlegender Anwendungsfälle. Für fortgeschrittenere Anwendungsfälle gehe zu unserer Entwicklerressource zu benutzerdefiniertem CSS für Klaviyo Reviews. Die meisten Widget-Anpassungen können mit Drag-and-drop-Editoren umgesetzt werden; CSS ist nur für fortgeschrittene Anwendungsfälle erforderlich.