Wie man das Review Widget anpasst

Geschätzt 10 Lesedauer in Minuten
|
Aktualisiert 5. Nov. 2024, 10:45 EST
Du wirst lernen

Du wirst lernen

Hier erfährst du, wie du das Aussehen deines Bewertungs-Widgets anpasst (z.B. den Block in deinem Laden, der Produktbewertungen anzeigt und akzeptiert). 

Widget für verfügbare Bewertungen

Widget für verfügbare Bewertungen

Klaviyo Reviews bietet verschiedene Widgets, die du zu deinem Laden hinzufügen kannst: 

  • Sterne-Bewertungs-Widget
    Zeigt deine aktuelle Sternebewertung für ein bestimmtes Produkt an und wird meistens unter dem Namen deines Produkts eingefügt.
    Das Widget für die Sternebewertung
  • Bewertungsübersicht Widget
    Zeigt ein Diagramm, das alle Bewertungen, die ein Produkt erhalten hat, die Bilder der Nutzer, die mit den Bewertungen eingereicht wurden, und das häufigste Kunden-Feedback aufschlüsselt. Sie wird normalerweise am Ende einer Produktseite hinzugefügt.
    Zusammenfassung der Rezension mit Bildern
  • Review Liste Widget
    Zeigt eine Liste aller veröffentlichten Rezensionen und Kundenfragen an, zusammen mit einer Suchleiste, Filtern, einer Schaltfläche " Rezension schreiben" und einer Schaltfläche " Frage stellen". Meistens wird es direkt unter dem Widget für die Bewertungszusammenfassung hinzugefügt.
    Das Widget für die Bewertungsliste
  • Widget für Produktbewertungen
    Eine Kombination aus dem obigen Widget für die Zusammenfassung der Bewertungen und der Liste der Bewertungen. Wenn du das Produktbewertungs-Widget zu deiner Seite hinzufügst, musst du die Bewertungsliste und das Bewertungszusammenfassungs-Widget nicht separat hinzufügen. 
  • Karussell-Widget mit ausgewählten Bewertungen
    Zeigt ausgewählte Bewertungen zu einem deiner Produkte an. Dies kann auf deiner Homepage, auf einer eigenständigen Bewertungsseite oder an einem anderen Ort auf deiner Website geschehen. Du kannst die Bewertungen auswählen, die in diesem Widget angezeigt werden sollen. Falls verfügbar, werden jeder Bewertung von Kunden übermittelte Bilder beigefügt; wenn kein Bild übermittelt wurde, werden deine Produktbilder verwendet. 
    Das Widget für Karussellbewertungen
  • Das SEO / Alle Bewertungen Widget zeigt alle deine Bewertungen für alle Produkte auf einer einzigen Seite an. Nutze dieses Widget, um dein SEO zu verbessern und potenziellen Kunden einen zentralen Ort zu bieten, an dem sie sehen können, was deine aktuellen Kunden lieben. Dieses Widget wird meist zu einer eigenständigen Bewertungsseite auf deiner Website hinzugefügt.
    alle Reviews-Widgets

Diese Widgets sind vollständig anpassbar, d.h. du kannst die Schriftarten und Farben deiner Marke wählen und die Bewertungen, die im Karussell hervorgehoben werden sollen, selbst auswählen. 

Wähle eine Sprache für das Bewertungs-Widget und die Anmeldeseiten

Wähle eine Sprache für das Bewertungs-Widget und die Anmeldeseiten

Standardmäßig sind alle Inhalte von Klaviyo Reviews auf Englisch. Um eine andere Sprache auszuwählen: 

  1. Navigiere zur Registerkarte " Bewertungen" in Klaviyo. 
  2. Klicke auf Einstellungen für Bewertungen.
    Bewertungen Einstellungen
  3. Wähle Allgemein.
    Die allgemeine Schaltfläche in den Einstellungen von Klaviyo Reviews
  4. Wähle im Menü Sprache auswählen deine Sprache aus. 

Aktualisiere deine Sprache für Klaviyo Bewertungen gelten für: 

  • Überprüfung der Einreichungsseite
  • Onsite Widget
    • Sterne-Bewertungs-Widget
    • Widget für die Zusammenfassung der Rezension
    • Überprüfung Liste Widget
    • Widget für Produktbewertungen
    • Karussell-Widget für besondere Beiträge 

Du kannst die Spracheinstellung nicht nur für ein Widget aktualisieren; alle Widgets müssen die gleiche Sprache verwenden. Alle Widgets und die Anmeldeseite werden sofort aktualisiert, auch die, die bereits auf deiner Website sind.

Das Aktualisieren deiner Sprache für Klaviyo Bewertungen gilt nicht für andere Funktionen von Klaviyo (z. B. benutzerdefinierte Fragen, Flow, Anmeldeformular, Einstellungsseiten, den Inhalt von durch Kunden abgegebene Bewertungen usw.). Diese müssen manuell übersetzt und bearbeitet werden. 

Bewertungs-Widget ausblenden, bis ein Produkt Bewertungen erhalten hat

Bewertungs-Widget ausblenden, bis ein Produkt Bewertungen erhalten hat

Diese Anweisungen gelten für das Sternebewertungs-Widget und das Bewertungslisten-Widget. 

Ein Produkt ohne Bewertungen zeigt standardmäßig 0/5 Sterne und eine Meldung, dass noch keine Bewertungen abgegeben wurden. Wenn du das Widget lieber ausblenden möchtest, bis du Bewertungen erhältst, befolge diese Schritte: 

  1. Öffne die Registerkarte " Bewertungen" in Klaviyo. 
  2. Wähle die Einstellungen für Bewertungen aus.
  3. Klicke auf Onsite Widget
  4. Wähle Produktbewertungen oder Sternebewertung.
  5. Öffne das Menü " Leerer Zustand"
  6. Umschalter die Show mit null Sternen ab.
    Die Schaltfläche "Nicht anzeigen" in den Einstellungen eines Widgets
Aussehen des Widgets ändern

Aussehen des Widgets ändern

Befolge diese Schritte, um den Stil (z. B. Schriftarten, Farben und mehr) für jedes Bewertungs-Widget anzupassen. 

  1. Öffne die Registerkarte " Bewertungen" in Klaviyo. 
  2. Wähle die Einstellungen für Bewertungen aus.
  3. Klicke auf Onsite Widget
  4. Wähle das Widget, das du bearbeiten möchtest. 
  5. Klicke auf Layout & style
  6. Passe das Aussehen des Widgets nach Belieben an, einschließlich Schriftarten, Farben und Abstände. 

Wenn du eine Einstellung in einem Bewertungs-Widget änderst (z. B. die Farbe der Schaltfläche), wirkt sich das nicht auf andere Widgets aus, mit Ausnahme des Widgets "SEO / Alle Bewertungen". Dieses Widget erbt alle Einstellungen vom Produktbewertungs-Widget. Um das Erscheinungsbild des SEO-/Alle Bewertungen-Widgets, aber nicht des Produktbewertungs-Widgets anzupassen, musst du benutzerdefinierte CSS verwenden.

Verfügbare Einstellungen für den Überprüfungsstil

Verfügbare Einstellungen für den Überprüfungsstil

Öffne jedes Dropdown-Menü, um mehr über die verfügbaren Stiloptionen für diese Kategorie zu erfahren. 

Widget für Produktbewertungen

Im Abschnitt Layout & Stil der Stil-Einstellungen für Produktbewertungen kannst du die folgenden Einstellungen vornehmen: 

  • Rand
    Passe den Abstand am oberen, unteren, linken und/oder rechten Rand des Widgets an. 
  • Primäre Hintergrundfarbe
    Schalte diese Einstellung ein, um eine Hintergrundfarbe für den gesamten Widget-Bereich hinzuzufügen.
  • Sekundäre Hintergrundfarbe
    Bearbeite die Farbe für bestimmte Widgetelemente wie Histogrammbalken.
  • Akzentfarbe
    Bearbeite die Farbe, die für verschiedene Akzente verwendet wird, einschließlich der Auswahl auf einer Bereichsfrage und den verifizierten Prüferabzeichen.
  • Eckenradius
    Wende abgerundete Ecken auf den gesamten Bereich des Produktbewertungs-Widgets an. Beachte, dass dies nur sichtbar ist, wenn du eine primäre Hintergrundfarbe hinzufügst. 
  • Trennlinien
    Füge optionale Linien zwischen den einzelnen Überprüfungen hinzu.
  • Primäre Schriftart
    Wähle " Von Website übernehmen", um deine vorhandene Website-Schriftart zu verwenden, oder wähle eine Schriftart aus. Die Einstellung "Primäre Schriftart" gilt für alle Widget-Schriftarten mit Ausnahme von:
    • Das #/5 Label in der Rubrik Kundenrezensionen.
    • Der Zeitstempel für jede Überprüfung. 
    • Der Beschriftungstext im Sternhistogramm. 
    • 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 Sterne-Histogramm, das Suchfeld, den Zeitstempel für jede Rezension und die #/5-Beschriftung im Abschnitt Kundenrezensionen.
  • Schriftgröße, -gewicht und -farbe
    Stelle Größe, Gewicht und Farbe für die primäre bzw. sekundäre Schriftart ein. 
  • Schaltfläche Einstellungen
    • Farbe
      Farbe der Schaltfläche. 
    • Eckenradius
      Die Rundheit der Knopfecken. Setze den Wert 0, um nicht zu runden. 
    • Umrandung
      Ein farbiger Rahmen um die Schaltfläche. 
    • Hover-Farbe festlegen
      Wenn sich die Farbe der Schaltflächen beim Hovern ändern soll, aktiviere diese Einstellung. 
    • Auffüllung
      Der Abstand innerhalb jeder Schaltfläche, der den Text der Schaltfläche umgibt. Das Hinzufügen von Füllmaterial lässt die Schaltfläche größer erscheinen. 
    • Schriftart, Schriftgröße, Schriftgewicht, Schriftfarbe
      Die Schriftart, die für die Widget-Schaltflächen verwendet wird. 
  • Bewertungseinstellungen
    • Gefüllte Farbe
      Die Farbe der ausgewählten Sterne (z.B. wenn ein Produkt mit 4/5 Sternen bewertet wurde, verwenden die ersten 4 Sterne diese Farbe).
    • Leere Farbe
      Die Farbe der nicht ausgewählten Sterne (z.B. wenn ein Produkt mit 4/5 Sternen bewertet wurde, hat der 5. Stern diese Farbe).
    • Umrandung
      Ein optionaler farbiger Rahmen, der alle Sterne umgibt.
    • Abstände
      Der Abstand zwischen den einzelnen Sternen.
    • Form
      Wähle verschiedene Bewertungsformen, wie spitze Sterne, runde Herzen und mehr. 
    • Größe
      • Zusammenfassung
        Die Größe der Sterne in der Zusammenfassung der Rezension.
      • Rezension
        Die Größe der Sterne in jeder Kundenrezension. 
  • Filtereinstellungen
    DieFiltereinstellungen gelten für das Suchfeld und den Überprüfungsfilter. 
    • Hintergrundfarbe
      Die Hintergrundfarbe der Filterschaltflächen und der Suchleiste.
    • Aktive Strichbreite, Farbe
      Die Breite und Farbe des Rahmens, der eine aktive (d. h. ausgewählte) Filteroption anzeigt. (Mindestens 1.) 
    • Eckenradius
      Die Abrundung der Ecken auf dem Suchfeld. Um nicht zu runden, wähle 0 px.
    • Suchsymbol
      Schalte das Suchsymbol mit der Lupe ein oder aus. 
  • Bilder Einstellungen
    • Zusammenfassung Bilder Eckradius
      Abrundung bei der Auswahl von Übersichtsbildern in der Review-Zusammenfassung.
    • Eckradius der Rezensionen
      Abrundung jedes Bildes innerhalb der einzelnen Rezensionen.
    • Größe der Rezensionsbilder
      Die Größe der Bilder in den einzelnen Rezensionen. 
Karussell mit ausgewählten Bewertungen

Im Abschnitt Layout der Karussell-Stil-Einstellungen kannst du die folgenden Einstellungen vornehmen: 

  • Abschnitt Überschrift
    Füge diesem Widget die Überschrift " Kundenrezensionen" hinzu.
  • Karussell-Typ
    Wähle aus, ob das Karussell Bilder oder nur Text anzeigen soll. 
  • Maximale Bewertungen pro Seite
    Wähle aus, wie viele Bewertungen pro Seite angezeigt werden sollen.
  • Textbegrenzung
    Lege fest, wie viele Textzeilen in jeder Überprüfungsvorschau enthalten sein sollen.
  • Rand
    Passe den Abstand am oberen, unteren, linken und/oder rechten Rand des Widgets an. 
  • Textausrichtung
    Ob der Text links, rechts oder mittig ausgerichtet werden soll.
  • Kartenelemente
    Schalte die Option ein oder aus, um das Datum, den Autor und die Prüfplakette einer Rezension anzuzeigen. 

Im Abschnitt Stil der Karussell-Stil-Einstellungen kannst du die folgenden Einstellungen vornehmen: 

  • Einstellungen für die Schrift der Abschnittsüberschrift
    Schriftart, Schriftfarbe und Schriftgröße für die Abschnittsüberschrift. Beachte, dass die Abschnittsüberschrift unter Layout aktiviert sein muss, damit diese Einstellung für dein Widget gilt. 
  • Bildhöhe
    Bearbeite die Größe des Bildes, das in der Überprüfungsvorschau enthalten ist. 
  • Eckenradius
    Ändere die Abrundung der Ecken der einzelnen Kacheln in der Übersicht.
  • Kartenfarbe
    Füge eine Hintergrundfarbe für jede Bewertungskachel hinzu. 
  • Schatten
    Füge einen Schatten auf den Karten hinzu oder entferne ihn. 
  • Umrandung
    Füge einen Rahmen zu den Karten hinzu oder entferne ihn.
  • Einstellungen für den Bewertungsstil
    • Gefüllte Farbe
      Die Farbe der ausgewählten Sterne (z.B. wenn ein Produkt mit 4/5 Sternen bewertet wurde, verwenden die ersten 4 Sterne diese Farbe).
    • Leere Farbe
      Die Farbe der nicht ausgewählten Sterne (z.B. wenn ein Produkt mit 4/5 Sternen bewertet wurde, hat der 5. Stern diese Farbe).
    • Umrandung
      Ein optionaler farbiger Rahmen, der alle Sterne umgibt.
    • Abstände
      Der Abstand zwischen den einzelnen Sternen.
    • Größe
      Die Größe der Sterne in jeder Kundenbewertung.
    • Form
      Wähle verschiedene Bewertungsformen, wie spitze Sterne, runde Herzen und mehr. 
  • Überprüfe die Einstellungen für die Überschriftenschrift
    Wähle " Von Website übernehmen", um deine vorhandene Website-Schriftart zu verwenden, oder wähle eine Schriftart sowie Schriftgröße, -gewicht und -farbe aus. 
  • Überprüfe die Einstellungen für die Körperschrift
    Wähle " Von Website übernehmen", um deine vorhandene Website-Schriftart zu verwenden, oder wähle eine Schriftart sowie Schriftgröße, -gewicht und -farbe aus. 
  • Einstellungen für die Schriftart der Datums- und Namensetiketten
    Wähle " Von Website übernehmen", um deine vorhandene Website-Schriftart zu verwenden, oder wähle eine Schriftart sowie Schriftgröße, -gewicht und -farbe. 
Sterne Bewertung
  • Rand
    Passe den Abstand am oberen, unteren, linken und/oder rechten Rand des Widgets an. 
  • Einstellungen für den Bewertungsstil
    • Gefüllte Farbe
      Die Farbe der ausgewählten Sterne (z.B. wenn ein Produkt mit 4/5 Sternen bewertet wurde, verwenden die ersten 4 Sterne diese Farbe).
    • Leere Farbe
      Die Farbe der nicht ausgefüllten (d.h. nicht ausgewählten) Sterne (z.B. wenn ein Produkt mit 4/5 Sternen bewertet wurde, hat der 5. Stern diese Farbe).
    • Umrandung
      Ein optionaler farbiger Rahmen, der alle Sterne umgibt.
    • Abstände
      Der Abstand zwischen den einzelnen Sternen.
    • Größe
      Die Größe der Sterne in jeder Kundenbewertung.
    • Form
      Wähle verschiedene Bewertungsformen, wie spitze Sterne, runde Herzen und mehr.
  • Hauptschriftart
    Bearbeite die Schriftart, die für den Text # Bewertungenverwendet wird. Wähle " Von Website übernehmen", um deine vorhandene Website-Schriftart zu verwenden, oder wähle eine Schriftart aus.
  • Schriftgröße, -gewicht und -farbe
    Passe die Größe, Gewichtung und Farbe für den Text der #-Bewertungen an. 
Deaktivieren oder Aktivieren von Überprüfungsfiltern und Aktionen

Deaktivieren oder Aktivieren von Überprüfungsfiltern und Aktionen

Erlaube deinen Kunden, Bewertungen nach Bewertung, Medien (d.h. ob die Bewertungen Bilder enthalten) oder nach Antworten auf benutzerdefinierte Fragen zu filtern. Das kann potenziellen Kunden helfen, die für sie wichtigsten Bewertungen zu finden. 

  1. Navigiere zur Registerkarte " Bewertungen" in Klaviyo. 
  2. Klicke auf Einstellungen für Bewertungen
  3. Wähle Onsite Widget
  4. Wähle das Widget für Produktbewertungen.
  5. Wähle Review Liste
  6. Um die Schaltfläche Q&A und die Registerkarte oder die Schaltfläche Bewertung schreiben ein- oder auszublenden, schalten Sie diese Auswahl auf der Karte Aktionen ein oder aus. 
  7. Um den Abschnitt filtern in deinem Review Liste Widget zu entfernen oder hinzuzufügen, deaktiviere oder aktiviere den filtern Umschalter. 
  8. Aktiviere oder deaktiviere eine der folgenden Einstellungen, um festzulegen, welche Filteroptionen angezeigt werden: Suchleiste, Sortierung (letzte, höchste, niedrigste), Bewertung, Medien, Benutzerdefinierte Fragen.
Zu den wichtigsten Filtern 

Zu den wichtigsten Filtern 

Der Filter " Relevanteste " hebt die Bewertungen hervor, die die Nutzer/innen am wahrscheinlichsten hilfreich finden. Wenn du diese Option auswählst, werden die Bewertungen in dieser Reihenfolge angezeigt: 

  1. Bewertungen mit Text, Bildern oder benutzerdefinierten Fragen, die aus dem Land des Besuchers eingereicht werden
  2. Bewertungen ohne Inhalt (d.h. reine Bewertungen), die aus dem Land des Besuchers eingereicht werden
  3. Bewertungen mit Text, Bildern oder benutzerdefinierten Fragen, die aus anderen Ländern eingereicht werden
  4. Rezensionen ohne Inhalt (d.h. reine Bewertungen), die aus anderen Ländern eingereicht werden

Innerhalb jeder Kategorie sind die Rezensionen nach dem Einreichungsdatum geordnet, wobei die neueste zuerst erscheint.

Lege fest, ob Produktbilder in deiner Bewertungsübersicht erscheinen sollen

Lege fest, ob Produktbilder in deiner Bewertungsübersicht erscheinen sollen

Die Zusammenfassungen der Bewertungen enthalten optional eine Galerie der vom Kunden eingesandten Produktbilder. So aktivierst oder deaktivierst du diese Galerie: 

  1. Navigiere zur Registerkarte " Bewertungen" in Klaviyo. 
  2. Klicke auf Einstellungen für Bewertungen
  3. Wähle Onsite Widget
  4. Wähle das Widget " Produktbewertungen" aus.
  5. Wähle Zusammenfassung überprüfen & Medien.
  6. Schalte die Einstellung der Bildergalerie aus oder ein. 
    Umschalter für die Bildergalerie
Artikel aus den Bewertungen ausblenden Liste

Artikel aus den Bewertungen ausblenden Liste

Diese Anweisungen gelten für das Review Liste Widget.

Du kannst Elemente aus deiner Bewertungsliste ausblenden (z.B. den Autor der Bewertung, die Antwort des Ladens, den Zeitstempel), falls gewünscht. Um dies zu tun: 

  1. Öffne die Registerkarte " Bewertungen" in Klaviyo. 
  2. Wähle die Einstellungen für Bewertungen aus.
  3. Klicke auf Onsite Widget
  4. Wähle Produktbewertungen
  5. Klicke auf Liste überprüfen
  6. Schalte jedes Element aus, das du verstecken willst.

Wenn du die Sternebewertung, die Medien und die benutzerdefinierten Fragen in der Bewertungsliste deaktivierst, verschwinden die Einstellungsoptionen des Bewertungsfilters. Damit ein Seitenbesucher seine Suche filtern kann, muss mindestens ein Filterkriterium (Sternebewertung, Medien oder benutzerdefinierte Fragen) in der Bewertungsliste sichtbar sein. 

Wähle Bewertungen aus, die im Karussell angezeigt werden sollen

Wähle Bewertungen aus, die im Karussell angezeigt werden sollen

Herausgehobene Bewertungen werden im Karussell der herausgehobenen Bewertungen angezeigt. Um auszuwählen, welche Bewertungen veröffentlicht werden sollen: 

  1. Navigiere zur Registerkarte " Bewertungen ".
  2. Alle Bewertungen auswählen.
  3. Klicke neben der Rezension, die du vorstellen möchtest, auf " Vorstellen".
    Der Feature-Button einer Rezension
  4. Wiederhole den Vorgang wie gewünscht. Wir empfehlen, mindestens 3-5 Bewertungen auszuwählen. 
Zusätzliche Ressourcen

Zusätzliche Ressourcen

War dieser Artikel hilfreich?
Nutze dieses Formular nur für Feedback zu Artikeln. So kontaktierst du den Support.

Mehr von Klaviyo entdecken

Community
Vernetze dich mit Kolleg*innen, Partner*innen und Klaviyo-Expert*innen, um dich inspirieren zu lassen, Erkenntnisse auszutauschen und Antworten auf deine Fragen zu erhalten.
Live-Schulung (EN) ↗
Nimm an einer Live-Sitzung mit Klaviyo-Expert*innen teil, um mehr über Best Practices, die Einrichtung wichtiger Funktionen und mehr zu erfahren.
Support

Kontaktiere den Support über dein Konto.

Support per E-Mail (kostenlose Testversion und kostenpflichtige Konten) Verfügbar 24/7

Chat- / virtuelle Unterstützung
Verfügbarkeit abhängig von Standort und Abonnementtyp