Trusted Shops nutzen mit OXID

Installation

Plugin hinzufügen & installieren

Um die kostenlose Trusted-Shops-Extension nutzen zu können, musst du sie zunächst hier herunterladen: Trusted Shops Extension

Die Installation erfolgt über den Paketmanager Composer. Der Umgang mit diesem Tool erfordert ein wenig Erfahrung im Umgang mit Code. In diesem Artikel findest du eine Schritt-für-Schritt-Anleitung, wie du das Plugin mit dem Composer installieren kannst: OXID Plugin-Installation über Composer

Konfiguration

Im Folgenden zeigen wir dir, wie du die Trustbadge^®-Technologie anzeigen und nach deinen individuellen Wünschen konfigurieren kannst.

• Trustbadge anzeigen, Käuferschutz integrieren & Servicebewertungen sammeln
• Produktbewertungen sammeln & anzeigen
• Servicebewertungen auf deiner Webseite anzeigen
• Multishops (z.B. mehrere Sprachshops) mit verschiedenen Trusted Shops IDs konfigurieren

Trustbadge anzeigen, Käuferschutz integrieren & Servicebewertungen sammeln

Mit der einzigartigen Trustbadge-Technologie sammelst, managst und zeigst du deine Kundenbewertungen völlig mühelos in deinem Shop an. Außerdem kannst du so einfach dein Gütesiegel einbinden und den Käuferschutz anbieten.

1. Ins OXID-Backend einloggen.
2. In der Hauptnavigation auf „Erweiterungen“ () klicken. Anschließend auf „Module“ () klicken.
3. Eine Liste deiner installierten Module erscheint. „Trusted Shops Reviews Toolkit“ () auswählen.
   
4. Eine neue Übersicht erscheint. Auf „Aktivieren“ klicken.
   
5. Damit hast du das Plugin erfolgreich aktiviert. In der Hauptnavigation auf „Trusted Shops Reviews Toolkit“ klicken. Anschließend auf „Einstellungen“ klicken.
   
6. Ein Popup-Fenster erscheint. Deine Trusted Shops ID in das entsprechende Eingabefeld eingeben.

7. Auf „Speichern“ klicken.
   
8. Das Plugin öffnet sich. Den Reiter „Standard“ öffnen. Zum Abschnitt „Konfigurieren Sie Ihr Trustbadge“ scrollen. Mithilfe des Dropdown-Menüs „Trustbadge-Variante“ () auswählen, ob das Trustbadge mit oder ohne Bewertungssterne angezeigt werden soll.

Standardmäßig wird das Trustbadge in der rechten unteren Ecke des Shops angezeigt. Möchtest du es am rechten Bildschirmrand nach oben verschieben? Dann im Feld „Y-Offset“ () die Pixelanzahl eingeben, um die das Trustbadge nach oben verschoben werden soll.

9. Auf „Speichern“ klicken.
10. Die Funktion deines Trustbadge testen. Dazu eine Testbestellung in deinem Shop durchführen. Wenn am Ende deiner Bestellung die sogenannte Trustcard erscheint, hast du das Trustbadge erfolgreich in deinen Shop eingebunden, der Käuferschutz ist aktiv und Servicebewertungen werden gesammelt.
    

Produktbewertungen sammeln & anzeigen

Du hast die Möglichkeit, gesammelte Kundenstimmen zu einem bestimmten Produkt auf der jeweiligen Produktdetailseite anzuzeigen.

Die im Standardmodus des Plugins verfügbaren Anzeigeoptionen sind allerdings veraltet und werden nicht mehr weiterentwickelt. Nutze sie nicht. Integriere stattdessen das Widget „Bewertungsübersicht“ in deine Webseite. Folge hierfür diesen Schritten:

1. Ins OXID-Backend einloggen.
2. Das Plugin über den Klickpfad „Trusted Shops Reviews Toolkit“ -> „Einstellungen“ öffnen.
   
3. Den Reiter „Experte“ () öffnen. Den folgenden Code ins Feld „Konfigurieren Sie Ihr Trustbadge“ () unterhalb des bestehenden Codes einfügen:

var _tswidget = document.createElement('script');
_tswidget.async = true;
_tswidget.src = 'https://integrations.etrusted.com/applications/widget.js/v2';
var __tswidget = document.getElementsByTagName('script')[0];
__tswidget.parentNode.insertBefore(_tswidget, __tswidget);

4. In einem weiteren Browser-Tab ins eTrusted Kontrollzentrum einloggen.
5. In der Hauptnavigation auf den Stern („Bewertungen“) () klicken. Anschließend auf „Marketing“ () klicken.
6. Den Reiter „Widgets“ () öffnen.
   
7. Auf den zum Widget „Bewertungsübersicht“ gehörenden Button „Erstellen“ klicken. Der Konfigurationsmodus des Widgets öffnet sich.
   
8. Das Widget entsprechend deiner Wünsche konfigurieren. Anschließend auf „Widget-Code erzeugen“ klicken. Die Übersicht „Wie du das Widget in deine Webseite integrierst“ erscheint.
   
9. Den folgenden Code kopieren und in ein Textdokument einfügen:

me = document.getElementById('ddproductreviewscontent');var _ts3 = document.createElement('etrusted-widget');_ts3.setAttribute('data-etrusted-widget-id', 'WIDGET-ID-HERE');_ts3.setAttribute('data-sku', '%sku%'); me.parentNode.insertBefore(_ts3, me);

10. Im eTrusted Kontrollzentrum zum Bereich „Widget einbinden“ scrollen. Den gelb markierten Wert des Parameters "data-etrusted-widget-id" in den Zwischenspeicher kopieren.
    
11. Das Textdokument mit dem Code öffnen. Den bestehenden Wert "WIDGET-ID-HERE" löschen. Stattdessen den in den Zwischenspeicher kopierten Wert einfügen.
12. Den angepassten Code in den Zwischenspeicher kopieren.
13. Ins OXID-Backend zurückkehren.
14. Zum Bereich „Konfigurieren Sie Ihre Produktbewertungen“ scrollen. Ein Häkchen bei „Produktbewertungen sammeln“ setzen.
    
15. Ein Popup-Fenster erscheint. Auf „Bestätigen“ klicken.
    
16. Ein Häkchen bei „Produktbewertungen auf der Produktdetailseite in einem zusätzlichen Abschnitt anzeigen“ () setzen.
17. Unter „Name für Bewertungsabschnitt“ () bestimmen, unter welcher Überschrift die Bewertungen auf der Produktdetailseite angezeigt werden sollen.
18. Den vorhandenen Code im Eingabefeld () löschen und durch den angepassten Code im Zwischenspeicher ersetzen.
    
19. Auf „Speichern“ klicken.
    

Damit hast du das Widget „Bewertungsübersicht“ erfolgreich in deine Produktdetailseiten integriert.

Servicebewertungen auf deiner Webseite anzeigen

Du hast die Möglichkeit, gesammelte Servicebewertungen auf deiner Webseite anzuzeigen. 

Der im Standardmodus des Plugins verfügbare Review Sticker ist allerdings veraltet und wird nicht mehr weiterentwickelt. Nutze ihn nicht. Integriere stattdessen das Widget „Bewertungs-Karussell“ in deine Webseite. Folge hierfür diesen Schritten:

1. Ins eTrusted Kontrollzentrum einloggen.
2. In der Hauptnavigation auf den Stern („Bewertungen“) () klicken. Anschließend auf „Marketing“ () klicken.
3. Den Reiter „Widgets“ () öffnen.
   
4. Auf den zum Widget „Bewertungs-Karussell“ gehörenden Button „Erstellen“ klicken. Der Konfigurationsmodus des Widgets öffnet sich.
   
5. Das Widget entsprechend deiner Wünsche konfigurieren. Anschließend auf „Widget-Code erzeugen“ klicken. Die Übersicht „Wie du das Widget in deiner Webseite integrierst“ erscheint.
   
6. Den folgenden Code kopieren und in ein Textdokument einfügen:

var div = document.getElementById('ts_reviewsticker'); 
var _ts2 = document.createElement('etrusted-widget'); 
_ts2.setAttribute('data-etrusted-widget-id', 'WIDGET-ID-HERE'); 
div.parentNode.insertBefore(_ts2, div);

7. Im eTrusted Kontrollzentrum zum Bereich „Widget einbinden“ scrollen. Den gelb markierten Wert des Parameters "data-etrusted-widget-id" in den Zwischenspeicher kopieren.
   
8. Das Textdokument mit dem Code öffnen. Den bestehenden Wert "WIDGET-ID-HERE" löschen. Stattdessen den in den Zwischenspeicher kopierten Wert einfügen.
9. Den angepassten Code in den Zwischenspeicher kopieren.
10. Ins OXID-Backend einloggen.
11. Das Plugin über den Klickpfad „Trusted Shops Reviews Toolkit“ -> „Einstellungen“ öffnen.
    
12. Zum Bereich „Konfigurieren Sie weitere Optionen“ scrollen.
13. Den vorhandenen Code im Eingabefeld löschen und durch den angepassten Code im Zwischenspeicher ersetzen ().
14. Auf „Speichern“ () klicken.
    

Damit hast du das Widget „Bewertungs-Karussell“ erfolgreich in deine Webseite integriert.

Multishops (z.B. mehrere Sprachshops) mit verschiedenen Trusted Shops IDs konfigurieren

Du hast einen Multishop und verkaufst deine Produkte zum Beispiel in verschiedenen Sprachen? Dann nutzt du auch mehrere Trusted-Shops-IDs. Hier erfährst du, wie du deinen Shop mit mehreren Trusted-Shops-IDs individuell konfigurieren kannst.

1. Das Plugin über den Klickpfad „Trusted Shops Reviews Toolkit“ -> „Einstellungen“ öffnen.
   
2. In der rechten oberen Ecke auf das Dropdown-Menü „Trusted Shops IDs“ () klicken. Anschließend auf „Trusted Shops IDs hinzufügen“ () klicken.
   
3. Ein Popup-Fenster erscheint. Die Trusted Shops ID  des Sprachshops, für den du nun das Plugin konfigurieren möchtest, in das entsprechende Eingabefeld () eingeben. Anschließend die Sprache des Shops () auswählen.
   
4. Auf „Speichern“ klicken.
5. Das Popup-Fenster verschwindet. Erneut auf das Dropdown-Menü „Trusted Shops IDs“ () klicken. Anschließend den neu hinzugefügten Sprachshop () auswählen.
   

Nun kannst du den Sprachshop individuell und unabhängig vom Hauptshop konfigurieren, indem du die in dieser Anleitung beschriebenen Schritte für den ausgewählten Sprachshop erneut umsetzt.

Probleme bei der Integration?

Das Customer Success Team unterstützt dich, wenn du bei der Integration nicht weiterkommst. Hierfür sind zwei Schritte nötig:

1. Versionsnummern ermitteln
2. Customer Success Team kontaktieren

Schritt 1: Versionsnummern ermitteln

Damit dir schnell und gezielt geholfen werden kann, benötigt das Customer Success Team die folgenden Informationen:

• Versionsnummer deines Shopsystems
• Versionsnummer des Trusted Shops Plugins

So findest du die Versionsnummer deines Shopsystems

1. Ins OXID Backend einloggen.
2. Die Versionsnummer befindet sich in der rechten oberen Ecke.
   

So findest du die Versionsnummer des Trusted Shops Plugins

1. Ins OXID Backend einloggen.
2. In der Hauptnavigation auf „Erweiterungen“ () klicken. Anschließend auf „Module“ () klicken.
3. Innerhalb der Liste „Trusted Shops Reviews Toolkit“ () auswählen. Die Versionsnummer befindet sich in der Zeile „Version“ ().
   

Schritt 2: Customer Success Team kontaktieren

Sobald du die Versionsnummern ermittelt hast, kannst du das Customer Success Team kontaktieren. Gib die beiden Versionsnummern direkt bei deiner Anfrage an. 

So kannst du das Team erreichen:

• E-Mail: members@trustedshops.com
• Telefon: +49 221 / 77 53 658