Shopify - Easy Reviews / Produktbewertungen - Integrationsanleitung

Angekündigte Änderung durch Shopify zum 25. August 2025:

Quelle: https://shopify.dev/changelog/support-for-shopify-scripts-will-end-on-august-13-2024

Shopify hat eine Änderung bei der Funktion “Zusätzliche Skripte” in der Bestellbestätigungsseite / dem Checkout bekannt gegeben. Die Änderung betrifft unter anderem den Wegfall der bisherigen Integrationsmöglichkeit von SHOPVOTE über das Feld “Zusätzliche Skripte” erst zum 25. August 2025.

Bis zu diesem Termin kann diese Anleitung und die Integration von SHOPVOTE in den Shopify-Shop ohne Einschränkung genutzt werden. Ab dem 25. August 2025 wird dann für die Integration und Verwendung von SHOPVOTE in einem Shopify-Shop eine entsprechende App benötigt.

SHOPVOTE wird die benötigte Shopify-App rechtzeitig vor Deaktivierung der bisherigen Funktion bereitstellen.

Die EasyReviews-Funktion unterstützt Sie dabei, Ihren Kunden rechtssicher Bewertungsanfragen zu senden. Dabei wird Ihren Kunden am Ende des Bestellvorgangs eine Opt-In Möglichkeit angeboten. Willigen Ihren Kunden in den Erhalt einer Bewertungsanfrage ein, senden wir ihnen nach einem von Ihnen festlegbaren Zeitfenster eine entsprechende E-Mail. Um die Funktion EasyReviews in den Shopify-Shop zu integrieren, gehen Sie wie folgt vor:

Anleitung

Melden Sie sich in der Verwaltungsoberfläche Ihres Shopify-Shops an.
Klicken Sie in der linken Navigation auf „Einstellungen“:
Wählen Sie im Menü der Einstellungen den Punkt “Checkout”:
Scrollen Sie bis zum Eingabefeld “Zusätzliche Skripte für die Bestellstatus-Seite”:

Eventuell müssen Sie den Bereich manuell aktivieren. In diesem Fall finden Sie einen entsprechenden Link zur manuellen Aktivierung.

HTML + JavaScript für Händlerbewertungen (EasyReviews) einbinden

Fügen Sie in das Feld „Zusätzliche Skripte“ den HTML- und JavaScript-Code aus dem SHOPVOTE-Händlerbereich aus dem Menüpunkt „EasyReviews“ ein und ersetzen Sie die Worte

„CUSTOMERMAIL“ mit „{{ customer.email }}“
„ORDERNUMBER“ mit „{{ checkout.id }}“

Alternativ können Sie den folgenden HTML-Teil einfach kopieren und in das Feld “Zusätzliche Skripte” einfügen:

<div id="srt-customer-data" style="display:none;">
	<span id="srt-customer-email">{{ customer.email }}</span>
	<span id="srt-customer-reference">{{ checkout.id }}</span>
</div>

Anschließend kopieren Sie bitte den JavaScript-Code aus dem SHOPVOTE-Händlerbereich aus dem Menüpunkt „EasyReviews“ und fügen Sie ihn unterhalb des HTML-Teils ein.

Das Ergebnis sollte anschließend wie in der Abbildung (Beispiel EasyReviews) aussehen.

HTML + JavaScript für Produktbewertungen einbinden

Um neben Händlerbewertungen (EasyReviews) auch Produktbewertungen mit Shopify zu sammeln, lassen Sie den JavaScript-Code unverändert. Ersetzen Sie den HTML-Code mit dem nachfolgenden Code.

<div id="srt-customer-data" style="display:none;">
	<span id="srt-customer-email">{{ customer.email }}</span>
	<span id="srt-customer-reference">{{ checkout.id }}</span>
</div>
<div id="SHOPVOTECheckoutProducts" style="display: none;" translate="no">
	{%- for line_item in order.line_items -%}
    <span class="SVCheckoutProductItem">
		<span class="sv-i-product-url">{{ shop.url }}{{line_item.product.url}}</span>
		<span class="sv-i-product-image-url">{{ line_item.product | img_url }}</span>
		<span class="sv-i-product-name">{{line_item.product.title}}</span>
		<span class="sv-i-product-gtin">{{line_item.variant.barcode}}</span>
		<span class="sv-i-product-sku">{{line_item.variant.sku}}</span>
		<span class="sv-i-product-brand">{{line_item.vendor}}</span>
	</span>
    {%- endfor -%}
</div>

Anschließend sollte das Feld “Zusätzliche Skripte” bei Verwendung von Produktbewertungen so aussehen (die Größe des Feldes kann variieren):

Konfiguration im SHOPVOTE-Händlerbereich

Wechseln Sie in den SHOPVOTE-Händlerbereich zum Menüpunkt „EasyReviews“ und legen hier noch das Zeitfenster fest, wann wir für Sie die Bewertungsanfrage versenden sollen (Feld: „Zeitfenster“). Wir empfehlen mindestens 7 oder 14 Tage zu wählen.

Geben Sie dann noch die URL der Checkout-Seite an – hier tragen Sie einfach die URL Ihres Shops ein (siehe Beispielbild). Klicken Sie anschließend auf „Einstellungen speichern“.

Abschluss & Testbestellung

Führen Sie zum Abschluss eine Testbestellung durch. Sofern Sie alle Einstellungen korrekt vorgenommen haben, sollten Sie am Ende des Bestellvorganges auf der „Thank-You“-Seite folgende Einwilligungsanfrage sehen (ähnlich):

Herzlichen Glückwunsch! Die Integration in Ihren Shopify-Shop war erfolgreich. Ab jetzt werden bei jedem Einkauf automatisch Bewertungsanfragen erzeugt.

Für Unternehmen