Trusted Shops nutzen mit OXID eShop

oxid-loves-trustedshops.png


Installation


Plugin hinzufügen & installieren

Um die kostenlose Trusted-Shops-Extension nutzen zu können, müssen Sie zunächst den OXID-Marketplace öffnen. Suchen Sie dort nach „Trusted Shops“ und laden Sie unser Plugin herunter.

 

marketplace

 

Die Installation erfolgt über den Paketmanager Composer. Der Umgang mit diesem Tool erfordert ein wenig Erfahrung im Umgang mit Code.

In diesem Artikel finden Sie eine Schritt-für-Schritt-Anleitung, wie Sie das Plugin mit dem Composer installieren können.


Konfiguration

Im Folgenden zeigen wir Ihnen, wie Sie die Trustbadge®-Technologie anzeigen und nach Ihren individuellen Wünschen konfigurieren können.


Trustbadge anzeigen, Käuferschutz integrieren & Shopbewertungen sammeln

Mit der einzigartigen Trustbadge-Technologie sammeln, managen und zeigen Sie Ihre Kundenbewertungen völlig mühelos in Ihrem Shop an. Außerdem können Sie so einfach Ihr Gütesiegel einbinden und den Käuferschutz anbieten.

Um das Trustbadge in Ihrem Shop anzuzeigen, geben Sie Ihre individuelle Trusted-Shops-ID in das Eingabefeld im Plugin ein. Ihre Trusted-Shops-ID (beginnend mit X...) finden Sie in Ihrer Willkommens-E-Mail, die Sie von Trusted Shops erhalten haben.

Loggen Sie sich zunächst in Ihr OXID-Backend ein. Klicken Sie in der Hauptnavigation an der linken Seite des Dashboards zunächst auf „Erweiterungen“ (1). Wählen Sie im sich nun öffnenden Menübaum „Module“ (2) aus. Nun öffnet sich eine Liste Ihrer installierten Module, aus der Sie das „Trusted Shops Review Toolkit“ (3) auswählen.

 

Erweiterungen_1

 

Klicken Sie in der sich nun öffnenden Ansicht auf den Button „Aktivieren“ am rechten Rand. Damit ist das Plugin aktiviert.

 

PluginAktivieren_2

Im Anschluss an die Aktivierung erscheint links in der Hauptnavigation ein neuer Menüpunkt mit dem Namen „Trusted Shops Review Toolkit“. Wählen Sie diesen aus und klicken Sie im sich nun öffnenden Menübaum den Menüpunkt „Einstellungen“.

 

Navbar_3

 

Daraufhin öffnet sich ein Pop-up-Fenster, über das Sie sich im Plugin anmelden können. Geben Sie hierzu Ihre Trusted-Shops-ID in das entsprechende Eingabefeld ein und klicken Sie auf „Speichern“.

 

EingabeTsID_4

 

Nachdem Sie Ihre Trusted-Shops-ID eingegeben und erfolgreich gespeichert haben, wechselt das Plugin automatisch in die Konfigurationsmaske. Innerhalb dieser Maske können Sie zwischen dem Standard- und dem Expertenmodus wählen. Innerhalb dieser Integrationsanleitung konzentrieren wir uns auf den Standardmodus. Wählen Sie daher den Reiter „Standard“ aus.

Hinweis: Der Expertenmodus bietet mehr Möglichkeiten, erfordert aber auch fortgeschrittene Kenntnisse im Umgang mit Code.

Im Abschnitt „Konfigurieren Sie Ihr Trustbadge“ können Sie das Trustbadge nach Ihren Wünschen anpassen.

 

TrustbadgeKonfiguration_5

 

Unter „Trustbadge-Variante“ (1) wählen Sie aus, ob das Trustbadge mit oder ohne Bewertungssterne angezeigt werden soll. 

 

trustbadge2

 

Standardmäßig wird das Trustbadge in der rechten unteren Ecke des Shops angezeigt. Durch Eingabe einer Pixelzahl im Feld „Y-Offset“ (2)  kann das Trustbadge am rechten Bildschirmrand nach oben verschoben werden. Klicken Sie auf „Speichern“, um die Anpassungen umzusetzen. 

Wenn Sie diese Schritte durchgeführt haben, können Sie nun die Funktion Ihres Trustbadge testen. Führen Sie hierzu eine Testbestellung in Ihrem Shop durch. Wenn am Ende Ihrer Bestellung die sogenannte Trustcard („Käuferschutz-Karte“) erscheint, haben Sie das Trustbadge in Ihren Shop eingebunden und der Käuferschutz ist aktiv.

 

Käuferschutzkarte_DE-1


Produktbewertungen sammeln & anzeigen

Hinweis: Um Produktbewertungen sammeln und anzeigen zu können, müssen Sie diese Option erst hier in Ihrem My-Trusted-Shops-Account freischalten.

Um Produktbewertungen zu sammeln und anzuzeigen, scrollen Sie innerhalb des Plugins in den Bereich „Konfigurieren Sie Ihre Produktbewertungen“. Setzen Sie dort zunächst mit einem Klick ein Häkchen bei „Produktbewertungen sammeln“.

 

Produktbewertungen_6

 

Daraufhin erscheint ein Pop-up-Fenster, das Sie darüber informiert, dass Sie die Produktbewertungen zunächst in Ihrem My-Trusted-Shops-Account freischalten müssen, um diese nutzen zu können. Klicken Sie auf den Button „Bestätigen“, um das Fenster zu schließen.

Anschließend öffnen sich die zwei Auswahlmöglichkeiten „Produktbewertungen auf der Produktdetailseite in einem zusätzlichen Abschnitt anzeigen“ und „Produktbewertungssterne auf der Produktdetailseite anzeigen“.

 

Produktbewertungen auf der Produktdetailseite in einem zusätzlichen Abschnitt anzeigen

Über die Auswahlmöglichkeit „Produktbewertungen auf der Produktdetailseite in einem zusätzlichen Abschnitt anzeigen“ haben Sie die Option, Ihre gesammelten Kundenstimmen zu einem bestimmten Produkt über einen zusätzlichen Reiter auf der jeweiligen Produktdetailseite einzubinden.

 

Produktbewertungen_10

 

Um dieses Feature zu aktivieren, müssen Sie bei der entsprechenden Auswahlmöglichkeit im Plugin ein Häkchen setzen. Sobald Sie die Einbindung auf den Produktdetailseiten aktiviert haben, können Sie im folgenden Schritt die Darstellung nach Ihren Wünschen konfigurieren.

 

Produktbewertungen_9

 

Unter „Name für Bewertungsabschnitt“ (1) können Sie bestimmen, unter welchem Namen der Reiter auf den Produktdetailseiten angezeigt werden soll (z.B. „Das sagen unsere Kunden“). Darüber hinaus haben Sie die Möglichkeit, die Farben des Rahmens (2), des Hintergrunds (5) sowie der Bewertungssterne (3) an Ihr Shopdesign anzupassen. Geben Sie hierzu entweder den Hexadezimalcode direkt in das entsprechende Eingabefeld ein oder wählen Sie die gewünschte Farbe mit Klick auf das Farbauswahlfeld aus. Darüber hinaus können Sie die Größe der angezeigten Sterne (4) (in px) anpassen.

 

Produktbewertungssterne auf der Produktdetailseite anzeigen

Produktbewertungssterne_12

 

Wenn Sie auf der Produktdetailseite unter dem Namen des Produkts die entsprechenden Bewertungssterne darstellen möchten, aktivieren Sie im Plugin die Auswahlmöglichkeit „Produktbewertungssterne auf der Produktdetailseite anzeigen“, indem Sie ein Häkchen setzen.

 

Produktbewertungen_11

 

Nun haben Sie die Möglichkeit, die Darstellung der Bewertungssterne für Produktbewertungen nach Ihren Wünschen zu konfigurieren. Wenn Sie die Option „Leere Bewertungssterne ausblenden“ aktivieren (4), werden die Bewertungssterne erst dann angezeigt, wenn mindestens eine Bewertung für das entsprechende Produkt vorliegt. Wird das Feld nicht aktiviert, werden Sterne ausgegraut angezeigt, bis die erste Bewertung eingeht. Innerhalb dieser Eingabemaske können zudem die Farbe (1) und Größe (in px) der Bewertungssterne (2) sowie die Schriftgröße (3) individuell eingestellt werden.


Shopbewertungssticker mit Bewertungskommentaren anzeigen

Um die gesammelten Shopbewertungen prominent in Ihrem Shop anzuzeigen, können Sie zusätzlich den von Trusted Shops bereitgestellten Shopbewertungssticker einbinden. Scrollen Sie hierfür zunächst innerhalb des Plugins zum Bereich „Konfigurieren Sie weitere Produkte“. Klicken Sie dort auf das Dropdown-Menü unter „Review Sticker aktivieren“. Dadurch werden Ihnen die beiden Auswahlmöglichkeiten „Kommentar-Sticker“ (1) und „Bewertungs-Sticker“ (2) angezeigt.

 

Bewertungs-Sticker_16

 

Hinweis: Wir empfehlen Ihnen an dieser Stelle die Integration des Kommentar-Stickers, da mit diesem weitere Anpassungen an Ihr Shop-Layout möglich sind.

Wenn Sie den „Kommentar-Sticker“ in Ihren Shop einbinden wollen, klicken Sie diesen bitte im Dropdown-Menü an. Anschließend öffnet sich ein Menü, in dem Sie die Darstellung des Kommentar-Stickers anpassen können.

 

Kommentar-Sticker_14

 

Wählen Sie im Menü die von Ihnen bevorzugte Schriftart aus (1) und geben Sie an, wie viele Bewertungskommentare Sie im Wechsel anzeigen möchten (2). Es sind bis zu fünf Bewertungen möglich. Bestimmen Sie darüber hinaus, ab welcher Mindestnote Bewertungen angezeigt werden dürfen – von 1 für „mangelhaft“ bis 5 für „sehr gut“ (3). Zudem können Sie die Hintergrundfarbe des Shopbewertungsstickers an das Design Ihres Shops anpassen. Geben Sie hierfür entweder den Hexadezimalwert ein oder wählen Sie Ihre Wunschfarbe per Klick auf das Farbfeld aus. Klicken Sie auf „Speichern“, um Ihre Anpassungen abzuschließen.

Der Shopbewertungssticker wird anschließend standardmäßig im Footer Ihres Shops angezeigt.

 

Shopbewertungssticker_15

 

Hinweis: Sollte Ihr Shop über eine Sidebar verfügen, ist auch eine Platzierung des Stickers in der Sidebar möglich. Diese Platzierung muss allerdings über den Expertenmodus konfiguriert werden.

Wenn Sie den „Bewertungs-Sticker“ in Ihren Shop einbinden wollen, klicken Sie diesen bitte im Dropdown-Menü an. Anschließend öffnet sich das Menü „Ort der Einbindung“. Hier können Sie entscheiden, ob der Bewertungs-Sticker im „Footer (horizontal)“ (1) oder in der „Sidebar (vertikal)“ (2) dargestellt werden soll. Die Voraussetzung für die zweite Option ist selbstverständlich, dass Ihr Shop über eine Sidebar verfügt.

 

Bewertungs-Sticker_16-1


Multishops mit mehreren Trusted-Shops-IDs konfigurieren

Sie haben einen Multishop und verkaufen Ihre Produkte zum Beispiel in verschiedenen Sprachen? Dann nutzen Sie auch mehrere Trusted-Shops-IDs. Hier erfahren Sie, wie Sie Ihren Shop mit mehreren Trusted-Shops-IDs individuell konfigurieren können.

Die Voraussetzung für einen Shop mit mehreren Sprachen ist, dass die jeweilige Sprache im OXID-Backend hinzugefügt ist. Dies können Sie ganz einfach überprüfen: Klicken Sie in der Hauptnavigation am linken Rand zunächst auf den Menüpunkt „Stammdaten“. Im sich nun öffnenden Menübaum wählen Sie bitte den Menüpunkt „Sprachen“ aus. Klicken Sie in der nun erscheinenden Liste auf die Sprache, für die Sie nun das Trusted-Shops-Plugin einrichten möchten. Für die gewünschte Sprache muss die Auswahlmöglichkeit „Im Frontend aktiv“ aktiviert sein.OXID Sprachshop_1

 

Kehren Sie anschließend ins Trusted-Shops-Plugin zurück und klicken Sie auf das Auswahlfeld „Trusted Shops IDs“ (1) in der rechten oberen Ecke. Im sich nun öffnenden Dropdown-Menü wählen Sie „Trusted Shops IDs hinzufügen“ (2) aus.

 

Multishop_17_new

 

Anschließend öffnet sich ein Pop-up-Fenster. Geben Sie dort die Trusted-Shops-ID des Sprachshops, für den Sie nun das Plugin konfigurieren wollen, in das entsprechende Eingabefeld ein (1). Wählen Sie anschließend über das Dropdown-Menü die entsprechende Sprache aus (2) und klicken Sie auf „Speichern“.

 

OXID Sprachshop_3

 

Nach erfolgreicher Speicherung schließt sich das Fenster, sodass Sie zum Plugin zurückkehren. Klicken Sie in diesem erneut auf das Auswahlfeld „Trusted Shops IDs“ (1) in der rechten oberen Ecke. Im nun erscheinenden Dropdown-Menü können Sie den neu hinzugefügten Sprachshop auswählen (2).

 

OXID Sprachshop_4

 

Nun können Sie den Sprachshop individuell und unabhängig vom Hauptshop konfigurieren, indem Sie die in dieser Anleitung beschriebenen Schritte für den ausgewählten Sprachshop erneut umsetzen.

Klicken Sie hier, um die Konfiguration auch für Ihren neu hinzugefügten Shop zu durchlaufen.