Trusted Shops nutzen mit plentymarkets (ohne ShopBuilder)

Eine Frage vorab: Verwenden Sie zur Einrichtung Ihres Online-Shops den von plentymarkets angebotenen ShopBuilder? Die Antwort auf diese Frage ist im Hinblick auf die Konfiguration des Trusted-Shops-Plugins sehr wichtig. Denn je nachdem, ob Sie den ShopBuilder nutzen oder nicht, unterscheiden sich die notwendigen Schritte.

Auf dieser Seite finden Sie passende Integrationsanleitung, wenn Sie den ShopBuilder NICHT verwenden. Falls Sie den ShopBuilder nutzen, folgen Sie bitte dieser Anleitung.

Installation

Plugin hinzufügen & installieren

Zu Beginn müssen Sie das Trusted-Shops-Plugin zu Ihrem plentymarkets-Backend hinzufügen. Besuchen Sie hierfür den Marketplace von plentymarkets. Suchen Sie in diesem nach dem Trusted-Shops-Plugin, indem Sie über die kleine Lupe in der rechten oberen Ecke die Suchfunktion öffnen und nach „Trusted Shops“ suchen. Wählen Sie unter den Suchergebnissen das „Trusted Shops Reviews Toolkit“ aus.

1_Marketplace.png

Um das Plugin nun herunterzuladen, müssen Sie auf der sich nun öffnenden Marketplace-Übersichtsseite zum Trusted-Shops-Plugin auf den blauen Button „Zur Kasse“ klicken. Dadurch öffnet sich eine Eingabemaske, über die Sie sich mit Ihren plentymarkets-Zugangsdaten im Marketplace einloggen können.

2_Marketplace.png

Anschließend erscheint ein Popup-Fenster, in dem Sie die Aktion noch einmal bestätigen müssen. Klicken Sie hierfür auf den Button „Kaufen“. Trotz dieser Benennung des Buttons ist das Trusted-Shops-Plugins für Sie selbstverständlich kostenlos.

3_Marketplace.png

Nach der Bestätigung wird das Trusted-Shops-Plugin automatisch zu Ihrem plentymarkets-Backend hinzugefügt. Es muss allerdings noch installiert werden. Loggen Sie sich hierfür in Ihr plentymarkets-Backend ein. Wählen Sie in der Navigationsleiste am oberen Rand zunächst den Menüpunkt „Plugins“ aus. Klicken Sie im sich nun öffnenden Dropdown-Menü auf den Menüpunkt „Plugin-Übersicht“ (01_16x16.png). Daraufhin öffnet sich eine neue Übersichtsseite. Geben Sie innerhalb dieser Übersicht in die Suchmaske „Trusted Shops“ ein (02_16x16.png) und setzen Sie ein Häkchen bei „Nicht installiert“ (03_16x16.png). Führen Sie anschließend die Suche aus.

4_PluginSuchen.png

Nun wird Ihnen das „Trusted Shops Reviews Toolkit” angezeigt. Starten Sie die Installation, indem Sie auf den grauen Button mit dem nach unten zeigenden Pfeil klicken.

5_PluginInstall.png

Sobald das Plugin erfolgreich installiert wurde, müssen Sie es noch aktivieren. Klicken Sie hierfür auf die kleine Weltkugel neben dem „Trusted Shops Reviews Toolkit“.

6_PluginAktivieren.png

Anschließend erscheint die Meldung „Plugin aktiv“. Nun muss das Plugin-Set noch gespeichert und bereitgestellt werden. Klicken Sie hierfür auf den Button mit dem Diskettensymbol oberhalb der Plugin-Liste. Der anschließende Speichervorgang kann einige Minuten dauern.

7_Plugin-Set_bereitstellen_und_speichern.png

Nun müssen Sie noch die Container der Plugin-Komponenten aktivieren, die Sie später verwenden wollen. Klicken Sie hierfür in der obigen Navigation auf den Menüpunkt „CMS“ und wählen Sie im sich nun öffnenden Dropdown-Menü den Menüpunkt „Container-Verknüpfung“ aus.

8_Container1.png

Wir listen Ihnen nun auf, wie Sie die einzelnen Plugin-Komponenten mit den passenden Containern verknüpfen. Suchen Sie sich daher aus der folgenden Auflistung nur jene Komponenten heraus, die Sie auch verwenden möchten. Für Plugin-Komponenten, die Sie nicht nutzen möchten, müssen Sie auch keine Container-Verknüpfung durchführen.

Container-Verknüpfung für die Aktivierung des Trustbadge®

Suchen Sie in der sich nun öffnenden Liste nach dem Container „Trustbadge (TrustedShops)“. Öffnen Sie diesen, indem Sie auf den Pfeil klicken, der sich vor dem Namen befindet.

9_TrustbadgeContainer.png

Nachdem sich das Element geöffnet hat, müssen Sie in diesem nach „Script loader: After scripts loaded“ suchen. Aktivieren Sie dies, indem Sie ein Häkchen setzen.

9_TrustbadgeContainer2.png

Container-Verknüpfung für die Aktivierung der Trustcard im Checkout

Suchen Sie in der Liste nach dem Container „Checkout Trustcard (TrustedShops)“. Öffnen Sie diesen, indem Sie auf den Pfeil klicken, der sich vor dem Namen befindet.

Suchen Sie innerhalb des Containers nach Order confirmation: Add content before 'Back to Homepage' link“ und aktivieren Sie dies durch ein Häkchen.

10_TrustcardContainer.png

Container-Verknüpfung für die Aktivierung der Produktbewertungen auf der Produktdetailseite

Suchen Sie in der Liste nach dem Container Produktbewertungen auf der Produktdetailseite (TrustedShops)“. Öffnen Sie diesen, indem Sie auf den Pfeil klicken, der sich vor dem Namen befindet.

Suchen Sie innerhalb des Containers nach Single item: Container for items lists“ und aktivieren Sie dies durch ein Häkchen.

11_ProduktbewertungenContainer.png

Container-Verknüpfung für die Aktivierung der Produktbewertungssterne auf der Produktdetailseite

Suchen Sie in der Liste nach dem Container Produktbewertungssterne auf der Produktdetailseite (TrustedShops)“. Öffnen Sie diesen, indem Sie auf den Pfeil klicken, der sich vor dem Namen befindet.

Suchen Sie innerhalb des Containers nach Single item: After price“ und aktivieren Sie dies durch ein Häkchen.

12_ProduktbewertungssterneContainer.png

Container-Verknüpfung für die Aktivierung des Shopbewertungsstickers

Suchen Sie in der Liste nach dem Container Review Sticker (Shop Bewertungen) (TrustedShops)“. Öffnen Sie diesen, indem Sie auf den Pfeil klicken, der sich vor dem Namen befindet.

Suchen Sie innerhalb des Containers nach Footer: Row 3 container“ und aktivieren Sie dies durch ein Häkchen.

13_ReviewStickerContainerCeres5.png

Dadurch haben Sie die Darstellung des Shopbewertungsstickers im Footer vorbereitet. Sofern Sie Ceres 4 nutzen, haben Sie neben der Darstellung im Footer die Möglichkeit, den Shopbewertungssticker in der Sidebar zu positionieren. Wenn Sie diese Positionierung bevorzugen, suchen Sie innerhalb des bereits geöffneten Containers „Review Sticker (Shop Bewertungen) (TrustedShops)“ nach Category item list: Container below side navigation“ und aktivieren dies durch ein Häkchen.

13_ReviewStickerContainerCeres4.png

Die vorgenommenen Container-Verknüpfungen müssen abschließend noch gespeichert werden. Klicken Sie hierfür auf den Button mit dem Diskettensymbol in der linken oberen Ecke.

14_Containerspeichern.png

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.

Hierfür müssen Sie in Ihrem plentymarkets-Backend das Trusted-Shops-Plugin öffnen. Wählen Sie in der Hauptnavigation am oberen Rand zuerst den Menüpunkt „Einrichtung“ (01_16x16.png) aus. Daraufhin öffnet sich auf der linken Seite eine weitere Navigationsleiste. Klicken Sie in dieser zunächst auf den Menüpunkt „Mandant“ (02_16x16.png) und dann auf „Global“ (03_16x16.png). Wählen Sie im dadurch geöffneten Menübaum den Menüpunkt „Trusted Shops“ aus.

15_Plugin_ffnen.png

Daraufhin öffnet sich eine Eingabemaske. Geben Sie in das dafür vorgesehene Eingabefeld zunächst Ihre Trusted-Shops-ID ein (01_16x16.png).

Ihre Trusted-Shops-ID (beginnend mit X...) finden Sie in Ihrem Dashboard im Backend My Trusted Shops. Loggen Sie sich hierfür zunächst hier in My Trusted Shops ein. Nach dem Login werden Sie direkt ins Dashboard geleitet. In der rechten Spalte des Dashboards sind Ihre bei Trusted Shops angemeldeten Shops mit der jeweiligen Trusted-Shops-ID aufgelistet.

Wählen Sie über die beiden Dropdown-Menüs zudem den zur ID gehörenden Shop sowie die Sprache des Shops aus. Klicken Sie abschließend auf den Button „Speichern“.

16_EingabeTSID.png

In der nachfolgenden Ansicht wird die Trusted-Shops-ID, die Sie soeben hinterlegt haben, aufgelistet. Klicken Sie auf den Button „Bearbeiten“, um zur Konfiguration zu gelangen.

17_TS-ID_bearbeiten.png

Sobald sich die Konfigurationsseite geöffnet hat, können Sie im Dropdown-Menü „Modus“ zunächst entscheiden, ob Sie für Ihre Konfiguration den Standard- oder den Expertenmodus nutzen möchten.

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

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

18_TrustbadgeConfig.png

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

trustmark%2Breviews.pngtrustmark-only_copy.png

Standardmäßig wird das Trustbadge in der rechten unteren Ecke des Shops angezeigt. Durch Eingabe einer Pixelzahl im Feld „Y-Offset“ (02_16x16.png)  kann das Trustbadge am rechten Bildschirmrand nach oben verschoben werden. Klicken Sie weiter unten 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.

website_integration_custom_de-DE.png

Produktbewertungen sammeln & anzeigen

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

19_ProduktbewertungenConfig.png

Daraufhin erscheint ein Popup-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 „Schließen“, um das Fenster zu schließen.

Anschließend öffnen sich die zwei Auswahlmöglichkeiten „Produktbewertungen auf der Produktdetailseite in einem zusätzlichen Reiter anzeigen“ (01_16x16.png) und „Produktbewertungssterne auf der Produktdetailseite unter dem Produktnamen anzeigen“ (02_16x16.png).

20_AuswahlProduktbewertungen.png

Produktbewertungen auf der Produktdetailseite in einem zusätzlichen Reiter anzeigen

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

21_Produktbewertungsreiter.png

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.

22_ProduktbewertungConfig.png

Unter „Bezeichnung für Produktbewertungsreiter“ (01_16x16.png) 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 (02_16x16.png), der Bewertungssterne (03_16x16.png) sowie des Hintergrunds (04_16x16.png) 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.

Produktbewertungssterne auf der Produktdetailseite unter dem Produktnamen anzeigen

Über die Auswahlmöglichkeit „Produktbewertungssterne auf der Produktdetailseite unter dem Produktnamen anzeigen“ haben Sie die Option, die Bewertungssterne zu einem bestimmten Produkt auf der Produktdetailseite zu präsentieren.

23_Produktbewertungssterne.png

Um diese Funktion zu aktivieren, müssen Sie bei der entsprechenden Auswahlmöglichkeit im Plugin ein Häkchen setzen. Sobald Sie das Feature aktiviert haben, können Sie im folgenden Schritt die Darstellung an Ihre Wünsche anpassen.

24_Produktbewertungssterne.png

Innerhalb der sich öffnenden Eingabemaske können die Farbe (01_16x16.png) und Größe (in px) der Bewertungssterne (02_16x16.png) sowie die Schriftgröße (03_16x16.png) individuell eingestellt werden. Wenn Sie die Option „Leere Bewertungssterne ausblenden“ aktivieren (04_16x16.png), 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.

Shopbewertungssticker mit Bewertungskommentaren anzeigen

Um die gesammelten Shopbewertungen prominent in Ihrem Shop anzuzeigen, können Sie zusätzlich zum Trustbadge den von Trusted Shops bereitgestellten Shopbewertungssticker einbinden. Scrollen Sie hierfür zunächst innerhalb des Plugins zum Bereich „Konfigurieren Sie weitere Optionen“. Setzen Sie dort ein Häkchen bei der Auswahlmöglichkeit „Zeigen Sie Ihre Shop-Bewertungen in Ihrem Onlineshop an“. Daraufhin öffnet sich ein Menü, mit dem Sie den Shopbewertungssticker an Ihr Shopdesign anpassen können.

25_ShopbewertungsstickerConfig.png

Wählen Sie im Menü die von Ihnen bevorzugte Schriftart aus (01_16x16.png) und geben Sie an, wie viele Bewertungskommentare Sie im Wechsel anzeigen möchten (02_16x16.png). 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“ (03_16x16.png). Zudem können Sie die Hintergrundfarbe des Shopbewertungsstickers an das Design Ihres Shops anpassen (04_16x16.png). 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.

In Abhängigkeit davon, welche Ceres-Version Sie nutzen und welche Container-Verknüpfung Sie gewählt haben, wird der Shopbewertungssticker entweder auf allen Seiten im Footer oder der Sidebar auf der Kategorieseite angezeigt. Nähere Informationen zu dieser Frage finden Sie hier.

26_ShopbewertungsstickerFrontend.png

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 die Konfiguration eines Multishops ist, dass Sie in Ihrem plentymarkets-Backend einen Multishop eingerichtet haben. Wie Sie in plentymarkets einen Multishop einrichten, erfahren Sie hier.

Wechseln Sie anschließend ins Trusted-Shops-Plugin zurück. Über die Eingabemaske lässt sich nun eine weitere Trusted-Shops-ID hinterlegen (01_16x16.png). Wählen Sie über das Dropdown-Menü neben der eingegebenen Trusted-Shops-ID (02_16x16.png) den passenden Shop aus und definieren Sie die Sprache des Shops (03_16x16.png). Klicken Sie anschließend auf „Speichern“.

27_Multishop.png

In der folgenden Liste ist nun neben dem Hauptshop (01_16x16.png) auch der neu hinzugefügte Shop (02_16x16.png) zu sehen. Klicken Sie auf „Bearbeiten“ und konfigurieren Sie den Sprachshop – unabhängig von Ihrem Hauptshop – nach Ihren individuellen Bedürfnissen. Wiederholen Sie dies auch mit eventuell weiteren Sprachshops.

28_Multishop2.png


War der Artikel hilfreich?

0 von 0 fanden dies hilfreich