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.
Verfügbare Bewertungs-Widgets
Klaviyo Reviews bietet mehrere Widgets, die du deinem Shop hinzufügen kannst:
- Sternebewertungs-Widget
Zeigt deine aktuelle Sternebewertung für ein bestimmtes Produkt an und wird meist unter dem Namen deines Produkts hinzugefügt.
- Widget „Bewertungszusammenfassung“
Zeigt ein Diagramm, das alle Bewertungen aufschlüsselt, die ein Produkt erhalten hat, von Nutzer*innen eingereichte Bilder zusammen mit Bewertungen sowie das häufigste Feedback von Kund*innen. Es wird normalerweise in der Nähe des unteren Endes einer Produktseite hinzugefügt.
- Widget zum Überprüfen von Listen
Zeigt eine Liste aller veröffentlichten Bewertungen und Kund*innenfragen zusammen mit einer Suchleiste, Filtern, einer Schaltfläche Bewertung schreiben und einer Schaltfläche Frage stellen an. Meistens wird es direkt unter dem Widget mit der Bewertungszusammenfassung hinzugefügt.
- Widget für Produktbewertungen
Eine Kombination aus den Widget „Bewertungszusammenfassung“ und „Bewertungsliste“ oben. Wenn du das Widget für Produktbewertungen zu deiner Website hinzufügst, musst du die Widgets „Bewertungsliste“ und „Zusammenfassung der Bewertungen“ nicht separat hinzufügen. - Karussell-Widget für ausgewählte Bewertungen
Zeigt ausgewählte Bewertungen von beliebigen deiner Produkte 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.
Diese Widget sind vollständig anpassbar. Das heißt, du kannst deine Markenschriftarten und -farben auswählen sowie Bewertungen manuell auswählen, die im Karussell für vorgestellte Bewertungen hervorgehoben werden sollen.
Wähle eine Sprache für Bewertungs-Widgets und Einreichungsseiten aus
Standardmäßig sind alle Inhalte von Klaviyo Reviews auf Englisch. So wählst du eine andere Sprache aus:
- Navigiere in Klaviyo zur Registerkarte Rezensionen.
- Klicke auf Bewertungseinstellungen.
- Wähle Allgemein aus.
- Wähle im Menü Sprache auswählen deine Sprache aus.
Das Aktualisieren deiner Sprache für Klaviyo Reviews gilt für:
- Seite zum Einreichen von Bewertungen
- Widgets für deine Website
- Widget für Sternebewertungen
- Widget für die Bewertungszusammenfassung
- Widget für die Review-Liste
- Widget für Produktbewertungen
- Karussell-Widget mit hervorgehobenen Bewertungen
Du kannst die Spracheinstellung nicht nur für ein einzelnes Widget aktualisieren; alle Widgets müssen dieselbe Sprache verwenden. Alle Widgets und die Übermittlungsseite werden sofort aktualisiert, einschließlich derjenigen, die bereits live auf deiner Website sind.
Das Aktualisieren deiner Sprache für Klaviyo Reviews gilt nicht für andere Klaviyo Funktionen (z. B. benutzerdefinierte Fragen, Flow, Anmeldeformulare, Präferenzseiten, die Inhalte von Kund*innen eingereichten Reviews usw.). Diese müssen manuell übersetzt und bearbeitet werden.
Review-Widget ausblenden, bis ein Produkt Bewertungen erhalten hat
Diese Anweisungen gelten für das Sternebewertungs-Widget und das Bewertungslisten-Widget.
Standardmäßig zeigt ein Produkt ohne Bewertungen 0/5 Sterne und eine Nachricht an, dass noch keine Bewertungen abgegeben wurden. Wenn du das Widget lieber ausblenden möchtest, bis du Bewertungen erhältst, folge diesen Schritten:
- Öffne den Tab Reviews in Klaviyo.
- Wähle Reviews – Einstellungen.
- Klicke auf Widgets für deine Website.
- Wähle Produktbewertungen oder Sternebewertung aus.
- Öffne das Menü Leerer Zustand.
- Schalte die Einstellung „Mit null Sternen anzeigen“ aus.
Widget-Erscheinungsbild ändern
Folge diesen Schritten, um den Stil (z. B. Schriftarten, Farben und mehr) für jedes Reviews-Widget anzupassen.
- Öffne den Tab Reviews in Klaviyo.
- Wähle Reviews – Einstellungen.
- Klicke auf Widgets für deine Website.
- Wähle das Widget aus, das du bearbeiten möchtest.
- Klicke auf Layout und Stil.
- Passe das Erscheinungsbild des Widgets nach Wunsch an, einschließlich Schriftarten, Farben und Abständen.
Das Ändern einer Einstellung in einem Bewertungs-Widget (z. B. der Button-Farbe) wirkt sich nicht auf diese Einstellung für andere Widgets aus, mit Ausnahme des SEO-/Alle-Bewertungen-Widgets. Dieses Widget übernimmt alle Einstellungen aus dem Widget für Produktbewertungen. Um das Erscheinungsbild des SEO-/Alle-Bewertungen-Widgets anzupassen, aber nicht das Widget für Produktbewertungen, musst du benutzerdefiniertes CSS verwenden.
Verfügbare Einstellungen für den Bewertungsstil
Öffne jedes Drop-down-Menü, um mehr über die für diese Kategorie verfügbaren Stiloptionen zu erfahren.
Widget für Produktbewertungen
Im Bereich Layout & style der Stileinstellungen für Produktbewertungen kannst du die folgenden Einstellungen anpassen:
- Rand
Passe den Abstand oben, unten, links und/oder rechts am Widget an. - Primäre Hintergrundfarbe
Aktiviere diese Einstellung, um eine Hintergrundfarbe für den gesamten Widget-Bereich hinzuzufügen. - Sekundäre Hintergrundfarbe
Bearbeite die Farbe für bestimmte Widget-Elemente wie Histogrammbalken. - Akzentfarbe
Bearbeite die Farbe, die für verschiedene Akzente verwendet wird, einschließlich der Auswahl bei einer Bereichsfrage und Abzeichen für verifizierte Rezensent*innen. - Eckenradius
Wende abgerundete Ecken auf den gesamten Widget-Bereich für Produktbewertungen an. Beachte, dass dies nur sichtbar ist, wenn du eine primäre Hintergrundfarbe hinzufügst. - Trennlinien
Füge optionale Linien zwischen jeder Bewertung hinzu. - Primäre Schriftart
Wähle Von Website übernehmen, um deine bestehende Website-Schriftart zu verwenden, oder wähle eine Schriftart aus. Die Einstellung Primary font gilt für alle Widget-Schriftarten außer:- Die Kennzeichnung #/5 im Abschnitt Kund*innenbewertungen.
- Der Zeitstempel bei jeder Bewertung.
- Der Beschriftungstext im Stern-Histogramm.
- Der Platzhaltertext im Suchfeld.
- Sekundäre Schriftart
Wähle Von Website übernehmen, um deine vorhandene Website-Schriftart zu verwenden, oder wähle eine Schriftart aus. Die Einstellung Sekundäre Schriftart gilt für das Stern-Histogramm, das Suchfeld, den Zeitstempel für jede Bewertung und das Label #/5 im Abschnitt Kundenbewertungen. - Schriftgröße, -stärke und -farbe
Passe jeweils die Größe, Stärke und Farbe für die primären und sekundären Schriftarten an. - Button-Einstellungen
- Farbe
Schaltflächenfarbe. - Eckenradius
Die Rundung der Button-Ecken. Auf 0 setzen, um keine Rundung zu verwenden. - Rahmen
Ein farbiger Rahmen um die Schaltfläche. - Hover-Farbe angeben
Wenn Buttons bei Hover die Farbe ändern sollen, aktiviere diese Einstellung. - Innenabstand
Innenabstand innerhalb jeder Schaltfläche, der den Schaltflächentext umgibt. Wenn du Innenabstand hinzufügst, wirkt die Schaltfläche größer. - Schriftart, Schriftgröße, Schriftstärke, Schriftfarbe
Die für die Widget-Schaltflächen verwendete Schriftart.
- Farbe
- Bewertungseinstellungen
- Ausgefüllte Farbe
Die Farbe der ausgewählten Sterne (z. B. wenn ein Produkt mit 4/5 Sternen bewertet ist, verwenden die ersten 4 Sterne diese Farbe). - Leerfarbe
Die Farbe nicht ausgewählter Sterne (z. B. wenn ein Produkt mit 4/5 Sternen bewertet wird, verwendet der 5. Stern diese Farbe). - Rahmen
Ein optionaler farbiger Rahmen um alle Sterne. - Abstand
Der Abstand zwischen den einzelnen Sternen. - Form
Wähle alternative Bewertungsstile aus, wie scharfe Sterne, abgerundete Herzen und mehr. - Größe
- Zusammenfassung
Die Größe der Sterne in der Bewertungszusammenfassung. - Überprüfen
Die Größe der Sterne in jeder Kund*innenbewertung.
- Zusammenfassung
- Ausgefüllte Farbe
- Filtereinstellungen
DieFilter -Einstellungen gelten für das Suchfeld und die Bewertungsfilter.- Hintergrundfarbe
Die Hintergrundfarbe der Filterschaltflächen und der Suchleiste. - Breite, Farbe der aktiven Kontur
Die Breite und Farbe des Rahmens, der eine aktive (d. h. ausgewählte) Filteroption anzeigt. (Mindestens 1.) - Eckenradius
Die Rundung der Ecken im Suchfeld. Wähle für keine Rundung 0 px aus. - Suchsymbol
Schalte das Lupen-Suchsymbol ein oder aus.
- Hintergrundfarbe
- Bildeinstellungen
- Eckenradius von Zusammenfassungsbildern
Abrundung bei der Auswahl von Zusammenfassungsbildern in der Rezensionszusammenfassung. - Eckenradius von Bewertungsbildern
Abrundung jedes Bildes in einzelnen Bewertungen. - Größe der Bilder prüfen
Die Größe der Bilder, die in einzelnen Bewertungen enthalten sind.
- Eckenradius von Zusammenfassungsbildern
Karussell mit ausgewählten Bewertungen
Im Abschnitt Layout der Stileinstellungen für das Karussell „Empfohlene Bewertungen“ kannst du die folgenden Einstellungen anpassen:
- Abschnittsüberschrift
Füge diesem Widget ein Label hinzu, Kundenbewertungen. - Karusselltyp
Wähle aus, ob das Karussell Bilder oder nur Text anzeigen soll. - Maximale Rezensionen pro Seite
Wähle aus, wie viele hervorgehobene Rezensionen pro Seite angezeigt werden sollen. - Textlimit
Wähle aus, wie viele Textzeilen du in jeder Bewertungs-Vorschau einfügen möchtest. - Rand
Passe den Abstand oben, unten, links und/oder rechts am Widget an. - Textausrichtung
Ob Text links, rechts oder zentriert ausgerichtet werden soll. - Kartenelemente
Option zum Anzeigen des Datums, der Autor*in und des Verifizierungs-Badges einer Bewertung ein- oder ausschalten.
Im Abschnitt Stil der Stileinstellungen für das Karussell mit hervorgehobenen Bewertungen kannst du die folgenden Einstellungen anpassen:
- Schriftart-Einstellungen für Abschnittsüberschrift
Schriftart, Schriftfarbe und Schriftgröße für die Abschnittsüberschrift. Beachte, dass Abschnittsüberschrift unter Layout aktiviert sein muss, damit diese Einstellung auf dein Widget angewendet wird. - Bildhöhe
Bearbeite die Größe des Bildes, das in der Bewertungsvorschau enthalten ist. - Eckenradius
Passe die Abrundung der Ecken auf jeder vorgestellten Kachel für Bewertungen an. - Kartenfarbe
Füge für jede Bewertungskachel eine Hintergrundfarbe hinzu. - Schatten
Einen Schatten zu den Karten hinzufügen oder von ihnen entfernen. - Rahmen
Einen Rahmen zu den Karten hinzufügen oder entfernen. - Einstellungen für den Bewertungsstil
- Ausgefüllte Farbe
Die Farbe der ausgewählten Sterne (z. B. wenn ein Produkt mit 4/5 Sternen bewertet ist, verwenden die ersten 4 Sterne diese Farbe). - Leerfarbe
Die Farbe nicht ausgewählter Sterne (z. B. wenn ein Produkt mit 4/5 Sternen bewertet wird, verwendet der 5. Stern diese Farbe). - Rahmen
Ein optionaler farbiger Rahmen um alle Sterne. - Abstand
Der Abstand zwischen den einzelnen Sternen. - Größe
Die Größe der Sterne innerhalb jeder Kund*innenbewertung. - Form
Wähle alternative Bewertungsstile aus, wie scharfe Sterne, abgerundete Herzen und mehr.
- Ausgefüllte Farbe
- Schrifteinstellungen für die Bewertungsüberschrift
Wähle Von der Website übernehmen, um die vorhandene Schriftart deiner Website zu verwenden, oder wähle eine Schriftart sowie Schriftgröße, -stärke und -farbe aus. - Schriftart-Einstellungen für Bewertungstext
Wähle Von Website übernehmen, um deine vorhandene Website-Schriftart zu verwenden, oder wähle eine Schriftart sowie Schriftgröße, -stärke und -farbe aus. - Schrifteinstellungen für Datums- und Namenslabels
Wähle Von Website übernehmen, um deine vorhandene Website-Schriftart zu verwenden, oder wähle eine Schriftart sowie Schriftgröße, Schriftschnitt und Farbe.
Sternebewertung
- Rand
Passe den Abstand oben, unten, links und/oder rechts am Widget an. - Einstellungen für den Bewertungsstil
- Ausgefüllte Farbe
Die Farbe der ausgewählten Sterne (z. B. wenn ein Produkt mit 4/5 Sternen bewertet ist, verwenden die ersten 4 Sterne diese Farbe). - Leere Farbe
Die Farbe nicht ausgefüllter (d. h. nicht ausgewählter) Sterne (z. B. wenn ein Produkt mit 4/5 Sternen bewertet wird, verwendet der 5. Stern diese Farbe). - Rahmen
Ein optionaler farbiger Rahmen um alle Sterne. - Abstand
Der Abstand zwischen den einzelnen Sternen. - Größe
Die Größe der Sterne innerhalb jeder Kund*innenbewertung. - Form
Wähle alternative Bewertungsstile aus, wie scharfe Sterne, abgerundete Herzen und mehr.
- Ausgefüllte Farbe
- Primäre Schriftart
Bearbeite die Schriftart, die für den Text # Bewertungen verwendet wird. Wähle Von Website übernehmen, um deine vorhandene Website-Schriftart zu verwenden, oder wähle eine Schriftart. - Schriftgröße, -stärke und -farbe
Passe Schriftgröße, -stärke und -farbe für den Text # Bewertungen an.
Bewertungsfilter und -aktionen deaktivieren oder aktivieren
Ermögliche es deinen Kund*innen, Bewertungen nach Bewertung, Medien (d. h., ob Bewertungen Bilder enthalten) oder ihren Antworten auf benutzerdefinierte Fragen zu filtern. So können potenzielle Kund*innen die für sie relevantesten Bewertungen finden.
- Navigiere in Klaviyo zur Registerkarte Rezensionen.
- Klicke auf Bewertungseinstellungen.
- Wähle Onsite-Widgets aus.
- Wähle Widget für Produktbewertungen aus.
- Wähle Liste überprüfen.
- Um die Q&A-Schaltfläche und den Tab oder die Schaltfläche Rezension schreiben ein- oder auszublenden, aktiviere oder deaktiviere die entsprechende Auswahl in der Karte Aktionen.
- Um den Abschnitt „Filter“ in deinem Widget für die Bewertungsliste zu entfernen oder hinzuzufügen, deaktiviere oder aktiviere den Schalter Filter.
- Aktiviere oder deaktiviere eine dieser Einstellungen, um festzulegen, welche Filteroptionen angezeigt werden: Suchleiste, Sortierung (neueste, höchste, niedrigste), Bewertung, Medien, Benutzerdefinierte Fragen.
Über die relevantesten Filter
Der Filter Am relevantesten hebt die Bewertungen hervor, die Benutzer*innen am ehesten hilfreich finden. Wenn diese Option ausgewählt ist, werden Bewertungen in dieser Reihenfolge angezeigt:
- Bewertungen mit Text, Bildern oder benutzerdefinierten Fragen, die aus dem Land der Besucher*innen eingereicht wurden
- Bewertungen ohne Inhalt (d. h. Bewertungen nur mit Sternebewertung), die aus dem Land der Besucher*innen eingereicht wurden
- Bewertungen mit Text, Bildern oder benutzerdefinierten Fragen, die aus anderen Ländern eingereicht wurden
- Bewertungen ohne Inhalt (d. h. reine Bewertungsbewertungen), die aus anderen Ländern eingereicht wurden
Innerhalb jeder Kategorie sind Rezensionen nach Einreichungsdatum sortiert, wobei die neuesten zuerst angezeigt werden.
Wähle aus, ob Produktbilder in deiner Bewertungszusammenfassung angezeigt werden sollen
Bewertungszusammenfassungen enthalten eine optionale Galerie mit von Kund*innen eingereichten Produktbildern. Um diese Galerie zu aktivieren oder zu deaktivieren:
- Navigiere in Klaviyo zur Registerkarte Rezensionen.
- Klicke auf Bewertungseinstellungen.
- Wähle Onsite-Widgets aus.
- Wähle das Widget Produktbewertungen aus.
- Wähle Bewertungsübersicht und Medien aus.
- Schalte die Einstellung Bildergalerie aus oder ein.
Elemente aus der Bewertungsliste ausblenden
Diese Anweisungen gelten für das Widget der Bewertungsliste.
Du kannst bei Bedarf Elemente aus deiner Bewertungsliste ausblenden (z. B. Verfasser*in der Bewertung, Shop-Antwort, Zeitstempel). Um dies zu tun:
- Öffne den Tab Reviews in Klaviyo.
- Wähle Reviews – Einstellungen.
- Klicke auf Widgets für deine Website.
- Wähle Produktbewertungen aus.
- Klicke auf Bewertungsliste.
- Schalte alle Elemente aus, die du ausblenden möchtest.
Wenn du Sternebewertung, Medien und Benutzerdefinierte Fragen aus der Bewertungsliste deaktivierst, verschwinden die Einstellungsoptionen für Bewertungsfilter. Damit ein*e Website-Besucher*in die Suche filtern kann, muss mindestens ein Filterkriterium (Sternebewertung, Medien oder benutzerdefinierte Fragen) in der Bewertungsliste sichtbar sein.
Wähle Bewertungen aus, die im Karussell für hervorgehobene Bewertungen angezeigt werden sollen.
Hervorgehobene Bewertungen werden im Karussell für hervorgehobene Bewertungen angezeigt. So wählst du aus, welche Bewertungen du hervorheben möchtest:
- Navigiere zur Registerkarte Bewertungen.
- Wähle Alle Bewertungen aus.
- Klicke neben einer Bewertung, die du hervorheben möchtest, auf Funktionen.
- Wiederhole dies nach Bedarf. Wir empfehlen, mindestens 3–5 Bewertungen zum Hervorheben auszuwählen.
Weitere Ressourcen
- How to install Klaviyo Reviews on Shopify 2.0 themes
Learn how to install Klaviyo Reviews on your Shopify 2.0 store by installing the app and adding reviews widgets.
- How to install Klaviyo Reviews on Shopify (vintage themes and headless)
Learn how to install Klaviyo Reviews with a vintage Shopify theme or headless architecture. This process involves copying several code snippets and pasting them into your site’s code.
- How to install Klaviyo Reviews for WooCommerce
Learn how to install Klaviyo Reviews on your WooCommerce store and add reviews widgets. To learn about all the steps required to get started, head to Getting started with Klaviyo Reviews.