Mit der einzigartigen Trustbadge®-Technologie sammelst, managest und zeigst du deine Kundenbewertungen völlig mühelos in deinem PepperShop-Shop an. Einmal integriert, aktualisiert die Technologie sich automatisch. Außerdem kannst du dein Gütesiegel einbinden und den Käuferschutz anbieten.
Wenn du noch keinen Account hast, kannst du dich hier anmelden.
Schritt 1
Gehe in die Shop-Administration und klicke dort folgenden Pfad an: „Einstellungen" () > „Sprachen" (
) > „Bestellungsabschluss und Email bearbeiten".
Hier scrollst du zum Eingabefeld neben dem Label „HERZLICHEN DANK ZUSATZTEXT". Füge 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>
Speichere die Änderungen.
Schritt 2
Um die Integration fortsetzen zu können, benötigst du zunächst einen individuellen Trustbadge-Code. Durch diesen wird gewährleistet, dass das Trustbadge nach der Einbindung auch die zu deinem Shop gehörenden Informationen wie Gütesiegel und Bewertungssterne darstellt. Die Grundlage für deinen 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>
Finde innerhalb des Integrationscodes die folgende Codezeile:
src="//widgets.trustedshops.com/js/YOUR_TSID.js">
Ersetze den fett markierten Bereich YOUR_TSID durch deine Trusted Shops ID.
Damit hast du deinen Trustbadge-Code erstellt. Sofern du keine weiteren Anpassungen vornimmst, wird das Trustbadge …
… deine gesammelten Bewertungen und – nach erfolgreicher Zertifizierung – dein 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 hast du zwei Möglichkeiten:
- Bist du mit diesen Einstellungen einverstanden? Dann fahre direkt mit den nächsten Schritten dieser Anleitung fort.
- Möchtest du das Trustbadge anders darstellen oder an einer anderen Stelle in deinem Shop integrieren? Dann setze die Konfiguration des Trustbadge-Codes mithilfe dieses Artikels fort: Wie passe ich das Trustbadge® an meine Anforderungen an? Kehre anschließend zu diesem Artikel zurück und fahre mit den nächsten Schritten fort.
Schritt 3
Kopiere den in Schritt 2 generierten Code in die Zwischenablage.
Klicke in der PepperShop-Administration links zunächst auf „Inhalte" (). Klicke anschließend auf „Seiten" (
). Hier klickst du 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ösche den vorhandenen Text und füge stattdessen den in Schritt 2 generierten Trustbadge-Code hier ein. Bestätige die Änderung mit Klick unten rechts auf den „Speichern"-Button.
Nun musst du nur noch die Anzeige der angepassten Emotionsbox aktivieren: In der Shop-Administration klickst du im Menü links auf „Design" () > „Einstellungen" (
) > „Design-Detailanpassungen" > „Elemente".
Bei der linken Spalte kannst du nun den Button bei der gewünschten Emotionsbox setzen und danach die Änderungen speichern.
Und schon hast du das Trustbadge erfolgreich eingebunden!
Du kannst die Funktion deines Trustbadge nun testen, indem du probehalber eine Bestellung in deinem Shop auslöst. Achte darauf, dass ganz am Ende der Bestellung die Trustcard erscheint, in der deine Käufer sich mit Klick auf den Button zu einer Bewertungseinladung anmelden können.
Von jetzt an haben deine 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 deinen Bestandskunden eine Bewertungsaufforderung zuzuschicken, kannst du den Review Collector nutzen.