Installation
Plugin hinzufügen & installieren
Um die kostenlose Trusted-Shops-Extension nutzen zu können, müssen Sie 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 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
- Produktbewertungen sammeln & anzeigen
- Shopbewertungssticker mit Bewertungskommentaren anzeigen
- Multishops (z.B. mehrere Sprachshops) mit verschiedenen Trusted Shops IDs konfigurieren
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.
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“ (). Wählen Sie im sich nun öffnenden Menübaum „Module“ (
) aus. Nun öffnet sich eine Liste Ihrer installierten Module, aus der Sie das „Trusted Shops Review Toolkit“ (
) auswählen.
Klicken Sie in der sich nun öffnenden Ansicht auf den Button „Aktivieren“ am rechten Rand. Damit ist das Plugin aktiviert.
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“.
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“.
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.
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.
Unter „Trustbadge-Variante“ () wählen Sie aus, ob das Trustbadge mit oder ohne Bewertungssterne angezeigt werden soll.
Standardmäßig wird das Trustbadge in der rechten unteren Ecke des Shops angezeigt. Durch Eingabe einer Pixelzahl im Feld „Y-Offset“ () 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.
Produktbewertungen sammeln & anzeigen
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“.
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 „Produktbewertugen 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.
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.
Unter „Name für Bewertungsabschnitt“ () 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 (
), des Hintergrunds (
) sowie der Bewertungssterne (
) 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 (
) (in px) anpassen.
Produktbewertungssterne auf der Produktdetailseite anzeigen
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.
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 (), 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 (
) und Größe (in px) der Bewertungssterne (
) sowie die Schriftgröße (
) 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“ und „Bewertungs-Sticker“ angezeigt.
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.
Wählen Sie im Menü die von Ihnen bevorzugte Schriftart aus () und geben Sie an, wie viele Bewertungskommentare Sie im Wechsel anzeigen möchten (
). 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“ (
). 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.
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)“ oder in der „Sidebar (vertikal)“ dargestellt werden soll. Die Voraussetzung für die zweite Option ist selbstverständlich, dass Ihr Shop über eine Sidebar verfügt.
Multishops (z.B. mehrere Sprachshops) mit verschiedenen 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.
Kehren Sie anschließend ins Trusted-Shops-Plugin zurück und klicken Sie auf das Auswahlfeld „Trusted Shops IDs“ () in der rechten oberen Ecke. Im sich nun öffnenden Dropdown-Menü wählen Sie „Trusted Shops IDs hinzufügen“ (
) aus.
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 (). Wählen Sie anschließend über das Dropdown-Menü die entsprechende Sprache aus (
) und klicken Sie auf „Speichern“.
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“ () in der rechten oberen Ecke. Im nun erscheinenden Dropdown-Menü können Sie den neu hinzugefügten Sprachshop auswählen (
).
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.