Bewertungen sind im E-Commerce von entscheidender Bedeutung. Sie dienen nicht nur als soziale Bestätigung für potenzielle Kunden, sondern auch als wertvolles Instrument zur Steigerung von Vertrauen und Umsatz im eigenen Shopify Shop. Immer mehr Online-Shopper verlassen sich auf die Erfahrungen anderer, bevor sie eine Kaufentscheidung treffen. Google Kundenrezensionen sind eine leistungsstarke Möglichkeit, diese Vertrauensbildung zu unterstützen. Sie bieten eine transparente Plattform für Kunden, um ehrliche Meinungen über Produkte und den Shop selbst zu teilen.
Google Kundenrezensionen in Shopify
Zunächst werfen wir einen Blick auf die Apps: Meines Wissens gibt es aktuell keine App die das macht, was wir wollen, nämlich schlichtweg die Google Kundenrezensionen in Shopify einbinden. Also zum einen das Opt-In-Fenster auf der „Vielen Dank für Ihre Bestellung“-Seite und zum anderen das Badge, Siegel zu Deutsch mit den Bewertungen im Shop.
Die bestehenden Apps laden die Bewertungen von Google herunter und erlauben es diese in Textform (z.B. als Produktbewertungen) einzubinden. Kann auch sinnvoll sein, jedoch nicht in unserem Szenario in dem wir auch den Badge nutzen wollen.
Google Kundenrezensionen im Mechant-Center aktivieren
Zunächst müssen im Google Merchant Center die gewünschten Dienste unter „Wachstum > Programme Verwalten“ aktiviert werden. Dazu in der Seite einfach die Box „Kundenrezensionen“ suchen und aktivieren, optional den die Box Produktbewertungen suchen und ebenfalls aktivieren.
Als nächstes navigieren wir in „Einstellungen > Kundenrezensionen einrichten„…
… um uns den Integrations-Code anzeigen zu lassen.
Wir müssen einen modifizierten Code verwendet, der ist der Code für uns eigentlich egal, aber wir benötigen die Nummer bei „Merchant_id“ für später.
Google Kundenrezensionen Opt-In-Code in Shopify einbinden
Nun navigieren Sie (in Shopify) in „Einstellungen > Checkout“ und scrollen (weit) nach unten zum Punkt Bestellstatusseite. Hier muss folgender Code eingebunden werden:
<!-- BEGIN Google Customer Reviews -->
<script src="https://apis.google.com/js/platform.js?onload=renderOptIn" async defer></script>
<script>
window.renderOptIn = function() {
window.gapi.load('surveyoptin', function() {
window.gapi.surveyoptin.render(
{
// REQUIRED FIELDS
"merchant_id": 123456789,
"order_id": "{{ name }}",
"email": "{{ email }}",
"delivery_country": "{{ shipping_address.country_code }}",
"estimated_delivery_date": "{{ created_at | date:'%s' | plus:604800 | date:'%F' }}",
"opt_in_style": "CENTER_DIALOG",
"products": [{% for item in order.line_items %}{"gtin":"{{ item.variant.barcode }}"}{% unless forloop.last %}, {% endunless %}{% endfor %}]
});
});
}
</script>
<!-- END Google Customer Reviews -->Wichtige Hinweise zum Code:
- Sollte in der Box bereits Code sein, dann einfach nach dem Code unseren Code einbinden
- Neben „merchant_id“ muss man seine eigene Merchant-ID eintragen, die wir uns von Google notiert hatten.
- Bei estimated_delivery_date wird das Datum des geschätzten Lieferdatums eingebunden. Hier wird das Bestelldatum + 604800 Sekunden ausgegeben, also + 7 Tage. Wenn Sie schneller oder langsamer liefern, muss die 604800 also durch den entsprechenden Wert in Sekunden ersetzt werden.
Abschließend sollten Sie eine Testbestellung machen, um zu prüfen, ob das Fenster von Google angezeigt wird. Wenn Sie mit einem Klick auf „Ja“ bestätigen, sollten Sie 7 Tage später die Mail von Google mit der Aufforderung zur Bewertung bei Google erhalten.
Google Kundenrezensionen Siegel einbinden
Ca. 100 Bewertungen später, wird das Sterne-Siegel von Google generiert und kann in den Shop eingebunden werden. (Eingebunden kann es schon früher werden, jedoch steht dann „Keine Bewertungen“ im Siegel, was vermutlich eher einen negativen Effekt auf die Conversion hat.) Dazu wechselt man in den Code-Editor des Themes und öffnet die theme.liquid (oder vergleichbar – eine Datei mit der wir vor </body> etwas einbinden können).
Hier muss einfach der zweite Code aus dem Merchant-Center eingebunden werden, ohne dass etwas geändert werden muss. Der Einfachheit halber hier der Code:
<script src="https://apis.google.com/js/platform.js?onload=renderBadge" async defer></script>
<script>
window.renderBadge = function() {
var ratingBadgeContainer = document.createElement("div");
document.body.appendChild(ratingBadgeContainer);
window.gapi.load('ratingbadge', function() {
window.gapi.ratingbadge.render(ratingBadgeContainer, {"merchant_id": 119536067});
});
}
</script>Nach dem speichern sollte unten rechts im Shop der kleine Google-Badge angezeigt werden. Sobald ca. 100 Bewertungen vorhanden sind, erscheint ein Sterne-Rating und der Kunde kann den Badge anklicken um auf der Bewertungsseite von Google zu landen.
Wo Sie ohnehin schon im Merchant Center sind, können Sie natürlich auch direkt die Konfiguration von Google-Shopping starten. Der Service von Google, sowie einige weiter, kann bei Shopify bequem über die App „Google & Youtube“ eingebunden werden.
