Sterne und Bewertungen im Shop anzeigen
Auf einen Blick
- Ergebnis
- Bewertungen und Sterne sind auf den Produktseiten Ihres Shops sichtbar.
- Dauer
- 10 Minuten
- Tarif
- Alle Tarife
Bevor Sie beginnen
- Die App ist installiert und der Katalog synchronisiert. Siehe Installation.
- Ihr Theme nimmt App-Blöcke auf (Online Store 2.0-Theme). Siehe Bevor Sie beginnen.
Die App ändert Ihr Theme nicht und kann es nicht lesen. Die Blöcke fügen Sie selbst hinzu, mit den Schaltflächen der App, die den Theme-Editor an der richtigen Stelle öffnen. Danach bestätigen Sie in der App, dass Sie es getan haben.
Achtung: Der Theme-Editor arbeitet am veröffentlichten Theme, also an dem, das Ihre Kunden sehen. Sobald Sie auf Speichern klicken, erscheint der Block im Shop.
Bewertungen zur Produktseite hinzufügen
- Öffnen Sie Shopify Admin › Apps › IFG Reviews.
- Klicken Sie in der Übersicht auf Geführte Einrichtung öffnen und scrollen Sie zum Kasten Widget im Theme.
-
Klicken Sie auf Bewertungen auf der Produktseite.
Was Sie sehen: Der Theme-Editor öffnet sich in einem neuen Tab auf einer Produktseite, mit dem Block IFG Reviews — Bewertungen bereits in einem neuen Abschnitt.
- Sehen Sie sich die Vorschau an. Wenn Sie den Block verschieben möchten, ziehen Sie ihn in der Liste links.
- Klicken Sie oben rechts im Editor auf Speichern.
Sterne unter den Titel setzen
-
Wechseln Sie zurück zum Tab der App und klicken Sie auf Sterne zur Produktseite hinzufügen.
Was Sie sehen: den Theme-Editor mit dem Block IFG Reviews — Sterne am Ende des Hauptabschnitts des Produkts.
- Ziehen Sie IFG Reviews — Sterne in der Liste links direkt unter den Produkttitel. Shopify lässt die Position nicht per Link festlegen, deshalb verschieben Sie ihn von Hand.
- Klicken Sie auf Speichern.
Tipp: Solange ein Produkt keine Bewertungen hat, zeigen die Sterne nie eine leere Bewertung. Auf Wunsch zeigen sie stattdessen eine Einladung, eine zu schreiben: Das ist die Option Einladung anzeigen, wenn es keine Bewertungen gibt.
Prüfen und bestätigen
-
Öffnen Sie eine Produktseite Ihres Shops, außerhalb des Adminbereichs.
Was Sie sehen: die Sterne unter dem Titel und weiter unten den Bewertungsbereich mit der Schaltfläche zum Schreiben einer Bewertung. Hat das Produkt noch keine veröffentlichten Bewertungen, steht dort „Noch keine Bewertungen“.
-
Kehren Sie zur App zurück, in den Kasten Widget im Theme, und klicken Sie auf Ich habe den Block hinzugefügt.
Was Sie sehen: „Einstellung gespeichert.“, und der Schritt wird Erledigt.
Die weiteren Blöcke (optional)
Im selben Kasten gibt es weitere Schaltflächen. Jede öffnet den Editor mit dem bereits eingefügten Block; danach klicken Sie auf Speichern.
| Schaltfläche in der App | Block im Theme-Editor | Wohin er kommt |
|---|---|---|
| Fragen auf der Produktseite | IFG Bewertungen — Fragen | Produktseite: Kunden stellen Fragen, Sie antworten |
| Karussell auf der Startseite | IFG Reviews — Karussell | Startseite: ein Streifen mit aktuellen Bewertungen zum Durchblättern |
| Shop-Bewertungen auf der Startseite | IFG Reviews — Shop-Bewertungen | Startseite: Bewertungen über den Shop selbst (Service, Versand) |
| Vertrauensabzeichen auf der Startseite | IFG Bewertungen — Vertrauensabzeichen | Startseite: eine Zeile mit Durchschnitt und Anzahl der Bewertungen |
| Fotogalerie auf der Startseite | IFG Bewertungen — Fotogalerie | Startseite: die Fotos aus den Bewertungen |
Dazu kommen zwei Einbettungen: Sie gelten auf allen Seiten des Shops und werden im Editor unter App-Einbettungen eingeschaltet.
| Schaltfläche in der App | Name im Editor | Was sie tut |
|---|---|---|
| Schwebender Bewertungs-Button | IFG Bewertungen — schwebender Button | Ein fester Button in einer Ecke, der die neuesten Bewertungen öffnet |
| Bewertungs-Pop-up | IFG Bewertungen — Bewertungs-Pop-up | Eine kleine Karte mit einer echten Bewertung, einige Sekunden nach dem Eintreffen des Besuchers |
-
Klicken Sie auf die Schaltfläche der gewünschten Einbettung.
Was Sie sehen: den Theme-Editor auf App-Einbettungen, mit der Einbettung eingeschaltet.
-
Klicken Sie auf Speichern.
Hinweis: Der Block IFG Reviews — alle Bewertungen hat keine Schaltfläche. Er ist für eine Shop-Seite mit allen Bewertungen gedacht: Sie fügen ihn von Hand einer Seitenvorlage hinzu, wie unter Widgets beschrieben.
Farben und Aussehen ändern
Farben, Spalten, Überschrift und Ecken ändern Sie im Theme-Editor, nicht in der App.
- Öffnen Sie Shopify Admin › Apps › IFG Reviews › Einstellungen.
- Klicken Sie im Bereich Darstellung des Widgets auf Theme-Editor öffnen.
-
Klicken Sie im Editor auf den Block, den Sie ändern möchten (zum Beispiel IFG Reviews — Bewertungen).
Was Sie sehen: rechts die Einstellungen des Blocks, etwa Anordnung, Spalten auf dem Desktop, Sternfarbe.
- Ändern Sie, was Sie brauchen, und klicken Sie auf Speichern.
Die nützlichsten Einstellungen des Bewertungsblocks:
| Einstellung | Was sie bewirkt |
|---|---|
| Überschrift | Die Überschrift über den Bewertungen. Leer = Überschrift in der Sprache des Shops |
| Anordnung | Kartenraster mit Fotos oder Einspaltige Liste |
| Spalten auf dem Desktop | 2 bis 4. Auf dem Telefon immer zwei (eine unter 360 px) |
| Verteilung nach Sternen anzeigen | Die Balken mit der Anzahl der Bewertungen je Sternzahl |
| Besucher hier eine Bewertung schreiben lassen | Zeigt das Formular zum Schreiben einer Bewertung |
| Bewertung zu den strukturierten Daten der Seite hinzufügen | Gibt Suchmaschinen die Bewertung des Produkts. Schalten Sie es aus, wenn Ihr Theme oder eine andere App das schon tut |
| Farben und Eckenradius | Leer lassen, um die Farben des Themes zu verwenden |
Alle Blöcke und Optionen stehen unter Widgets.
Optional: der Link auf der Bestellbestätigungsseite
Die App kann auf der Dankeseite nach dem Kauf unter jedem Produkt einen Link „Bewertung schreiben“ einblenden. Er ist aus, bis Sie ihn im Checkout-Editor von Shopify einschalten. Die Einstellungen dieses Links gibt es nur auf Englisch.
- Öffnen Sie Shopify Admin › Apps › IFG Reviews › Einstellungen und suchen Sie den Bereich Diagnose.
- Klicken Sie in der Zeile Link auf der Bestellbestätigungsseite auf Checkout-Einstellungen öffnen.
- Wechseln Sie im Checkout-Editor zur Bestellbestätigungsseite und wählen Sie Order confirmation link.
- Schalten Sie Show a review link under each purchased product ein. Für einen anderen Text tragen Sie ihn unter Link text ein.
- Klicken Sie auf Speichern.
- Machen Sie eine Testbestellung und prüfen Sie, ob unter jedem Produkt der Link erscheint.
Hinweis: Eine Bewertung über diesen Link ist nicht „bestätigt“. Das Kennzeichen Bestätigter Kauf kommt nur aus der Anfrage-E-Mail.
Wenn etwas nicht klappt
Ich finde den Block im Editor nicht. Ihr Theme oder dieser Abschnitt nimmt keine App-Blöcke auf. Nutzen Sie die Schaltfläche der App, statt von Hand zu suchen. Erscheint er immer noch nicht, ist Ihr Theme kein Online Store 2.0-Theme.
Ich habe gespeichert, sehe aber keine Bewertungen im Shop. Prüfen Sie, ob Sie im Editor auf Speichern geklickt haben und das veröffentlichte Theme ansehen. Hat das Produkt keine veröffentlichten Bewertungen, sehen Sie nur die Einladung, eine zu schreiben. Haben Sie gerade eine Bewertung veröffentlicht und sehen sie nicht, öffnen Sie in der App Bewertungen: Steht dort der Hinweis „Die Produktseiten sind noch nicht aktuell“, klicken Sie auf Produktseiten aktualisieren.
Die Sterne erscheinen ganz unten auf der Seite. Der Link setzt sie ans Ende des Hauptabschnitts. Ziehen Sie sie im Editor unter den Titel und klicken Sie auf Speichern.
Ein Google-Tool meldet zwei Bewertungen für dasselbe Produkt. Ihr Theme oder eine andere App veröffentlicht bereits eine Bewertung. Schalten Sie im Bewertungsblock Bewertung zu den strukturierten Daten der Seite hinzufügen aus.