Mit der einzigartigen Trustbadge®-Technologie sammeln, managen und zeigen Sie Ihre Kundenbewertungen völlig mühelos in Ihrem PepperShop-Shop an. Einmal integriert, aktualisiert die Technologie sich automatisch. Außerdem können Sie Ihr Gütesiegel einbinden und den Käuferschutz anbieten.
Wenn Sie noch keinen Account haben, können Sie sich hier anmelden.
Schritt 1
Gehen Sie in die Shop-Administration und klicken Sie dort folgenden Pfad an: „Einstellungen“ () > „Sprachen“ (
) > „Bestellungsabschluss und Email bearbeiten“.
Hier scrollen Sie zum Eingabefeld neben dem Label „HERZLICHEN DANK ZUSATZTEXT“. Fügen Sie an dieser Stelle den folgenden HTML-Code ein:
<div id="trustedShopsCheckout" style="display:none;">
<span id="tsCheckoutOrderNr">{bestellreferenznummer}</span>
<span id="tsCheckoutBuyerEmail">{kunde_email}</span>
<span id="tsCheckoutBuyerId">{kunden_nr_oder_kunden_id}</span>
<span id="tsCheckoutOrderAmount">{verrechnet_rechnungstotal}</span>
<span id="tsCheckoutOrderPaymentType">{ts_bezahlungsart_code}</span>
<span id="tsCheckoutOrderCurrency">{verrechnet_waehrung}</span>
</div>
Speichern Sie die Änderungen.
Schritt 2
Um die Integration fortsetzen zu können, benötigen Sie zunächst einen individuellen Trustbadge-Code. Durch diesen wird gewährleistet, dass das Trustbadge nach der Einbindung auch die zu Ihrem Shop gehörenden Informationen wie Gütesiegel und Bewertungssterne darstellt. Die Grundlage für Ihren persönlichen Trustbadge-Code ist der folgende Integrationscode:
<script async
data-desktop-y-offset="0"
data-mobile-y-offset="0"
data-desktop-disable-reviews="false"
data-desktop-enable-custom="false"
data-desktop-position="right"
data-desktop-custom-width="156"
data-desktop-enable-fadeout="false"
data-disable-mobile="false"
data-disable-trustbadge="false"
data-mobile-custom-width="156"
data-mobile-disable-reviews="false"
data-mobile-enable-custom="false"
data-mobile-position="left"
data-mobile-enable-topbar="false"
data-mobile-enable-fadeout="true"
data-color-scheme="light"
charset="UTF-8"
src="//widgets.trustedshops.com/js/YOUR_TSID.js">
</script>
Finden Sie innerhalb des Integrationscodes die folgende Codezeile:
src="//widgets.trustedshops.com/js/YOUR_TSID.js">
Ersetzen Sie den fett markierten Bereich YOUR_TSID durch Ihre Trusted Shops ID.
Damit haben Sie Ihren Trustbadge-Code erstellt. Sofern Sie keine weiteren Anpassungen vornehmen, wird das Trustbadge …
… Ihre gesammelten Bewertungen und – nach erfolgreicher Zertifizierung – Ihr Gütesiegel anzeigen.
… in der Desktop-Ansicht auf der rechten Seite und in der mobilen Ansicht auf der linken Seite angezeigt.
… in der Desktop-Ansicht 54 Pixel oberhalb des unteren Bildschirmrands und in der mobilen Ansicht 10 Pixel oberhalb des unteren Bildschirmrands angezeigt.
An dieser Stelle haben Sie zwei Möglichkeiten:
- Sind Sie mit diesen Einstellungen einverstanden? Dann fahren Sie direkt mit den nächsten Schritten dieser Anleitung fort.
- Möchten Sie das Trustbadge anders darstellen oder an einer anderen Stelle in Ihrem Shop integrieren? Dann setzen Sie die Konfiguration des Trustbadge-Codes mithilfe dieses Artikels fort: Wie passe ich das Trustbadge® an meine Anforderungen an? Kehren Sie anschließend zu diesem Artikel zurück und fahren Sie mit den nächsten Schritten fort.
Schritt 3
Kopieren Sie den in Schritt 2 generierten Code in die Zwischenablage.
Klicken Sie in der PepperShop-Administration links zunächst auf „Inhalte“ (). Klicken Sie anschließend auf „Seiten“ (
). Hier klicken Sie bei einer freien Emotionsbox (1-4) auf den „Bleistift“, um den Inhalt zu bearbeiten.
Nun im Editor auf das Symbol zur Bearbeitung des Quellcodes dieser Emotionsbox (Button ganz rechts mit der Beschriftung: < >) gehen.
Es öffnet sich ein kleines Fenster mit Quellcode. Löschen Sie den vorhandenen Text und fügen Sie stattdessen den in Schritt 2 generierten Trustbadge-Code hier ein. Bestätigen Sie die Änderung mit Klick unten rechts auf den „Speichern“-Button.
Nun müssen Sie nur noch die Anzeige der angepassten Emotionsbox aktivieren: In der Shop-Administration klicken Sie im Menü links auf „Design“ () > „Einstellungen“ (
) > „Design-Detailanpassungen“ > „Elemente“.
Bei der linken Spalte können Sie nun den Button bei der gewünschten Emotionsbox setzen und danach die Änderungen speichern.
Und schon haben Sie das Trustbadge erfolgreich eingebunden!
Sie können die Funktion Ihres Trustbadge nun testen, indem Sie probehalber eine Bestellung in Ihrem Shop auslösen. Achten Sie darauf, dass ganz am Ende der Bestellung die Trustcard erscheint, in der Ihre Käufer sich mit Klick auf den Button zu einer Bewertungseinladung anmelden können.
Von jetzt an haben Ihre Kunden direkt nach Abschluss des Einkaufs die Möglichkeit, den Käuferschutz zu buchen und/oder sich an die Abgabe einer Bewertung erinnern zu lassen. Um Ihren Bestandskunden eine Bewertungsaufforderung zuzuschicken, können Sie den Review Collector nutzen.