Wie füge ich Widgets auf meiner Webseite hinzu?

In eTrusted stehen Ihnen einige moderne Widgets zur Verfügung, mit denen Sie Ihre Trusted Shops Gesamtnote und einzelne Bewertungen prominent auf Ihrer Webseite darstellen können. Nutzen Sie eTrusted Widgets, um Besucherinnen und Besucher von Ihrem Unternehmen zu überzeugen.

Vertrauen ist die wichtigste Währung im Internet. Indem Sie Ihre positive Gesamtbewertung gut sichtbar auf Ihrer Webseite zeigen, wecken Sie Vertrauen und steigern dadurch Ihren Umsatz.

Wo kann ich mir verfügbare Widgets ansehen?

Alle verfügbaren Widgets finden Sie in der eTrusted Widget-Bibliothek.

  1. Ins eTrusted Kontrollzentrum einloggen.
  2. In der Hauptnavigation auf den Stern („Bewertungen“) (01_16x16.png) klicken. Anschließend auf „Marketing“ (02_16x16.png) klicken.
  3. Den Reiter „Widgets“ (03_16x16.png) öffnen.
    01_DE.png

Dort können Sie zwischen verschiedenen Widget-Varianten wählen und einzelne Widgets außerdem an Ihre Wünsche anpassen.

Innerhalb der Widget-Bibliothek sehen Sie eine Vorschau zu jedem Widget. So können Sie entscheiden, welches Widget sich am besten für Ihre Webseite eignet und an welcher Stelle es besonders effektiv platziert werden kann.

Jedes Widget ist bereits für Desktop und Mobile optimiert, sodass Sie sich keine Sorgen um die korrekte Darstellung auf den Geräten Ihrer Nutzer*innen machen müssen. Der Code unserer Widgets deckt zwei Darstellungsvarianten ab: Die eine ist optimiert für die Anzeige auf kleineren Smartphone-Displays, die andere nutzt den Platz einer Desktop-Auflösung vollständig aus.

Sie möchten wissen, wie Widgets auf Ihrer Webseite aussehen? Finden Sie es hier heraus:
Wie sehen eTrusted Widgets auf meiner Webseite aus?

Wie binde ich ein Widget in meine Webseite ein?

Eine Frage vorab: Haben Sie Ihre Trusted Shops Produkte mithilfe eines Plugins in Ihre Webseite eingebunden? Mit vielen unserer Plugins können Sie auch die Widgets mit wenigen Klicks und ohne technische Vorkenntnisse einbinden. Überprüfen Sie daher zunächst, ob Ihr Plugin die Einbindung der Widgets unterstützt:
 
  1. Öffnen Sie Ihr Trusted Shops Plugin.
  2. Überprüfen Sie, ob Ihr Plugin über den Reiter „Widgets“ verfügt.
Ist der Reiter „Widgets“ in Ihrem Plugin vorhanden? Dann folgen Sie dieser Anleitung: Gesammelte Shop- und Produktbewertungen in Ihrem Shop anzeigen
Ist der Reiter „Widgets“ in Ihrem Plugin nicht vorhanden? Dann machen Sie mit dieser Anleitung weiter.

Schritt 1: Erzeugung des Widget-Codes

  1. Die Übersicht „Widgets“ wie oben beschrieben öffnen.
  2. Ein Widget auswählen. Anschließend auf den zum Widget gehörenden Button „Erstellen“ klicken. Der Konfigurationsmodus des Widgets öffnet sich.
    02_DE.png
Beachten Sie bitte, dass Sie mindestens fünf Bewertungen mit jeweils mehr als 12 Zeichen gesammelt haben müssen, ehe das Widget „Bewertungs-Karussell“ in Ihrem Shop angezeigt werden kann.
  1. Die zu Ihrer Webseite passende Sprache (01_16x16.png) auswählen. Auf „Widget-Code erzeugen“ (02_16x16.png) klicken. Die Übersicht „Wie Sie das Widget in Ihrer Webseite integrieren“ öffnet sich.
    03_DE.png

Damit haben Sie den Widget-Code erfolgreich erzeugt. Nun muss der Widget-Code in Ihre Webseite integriert werden.

Schritt 2: Einbindung des Widget-Codes in Ihre Webseite

Um Widgets auf Ihrer Webseite anzuzeigen, ist die Einbindung von HTML- und JavaScript-Code im Head und im Body Ihres Webseiten-HTMLs erforderlich. Die hierfür notwendigen Code-Schnipsel finden Sie in der Übersicht „Wie Sie das Widget in Ihrer Webseite integrieren“, die sich nach der Erzeugung des Widget-Codes öffnet.

Sie verfügen nicht über die nötigen Kenntnisse, um den Widget-Code in Ihr Webseiten-HTML einzufügen? Dann klicken Sie auf „Alle Anweisungen kopieren“. Öffnen Sie anschließend ein Textdokument Ihrer Wahl und fügen Sie den kopierten Widget-Code in das Textdokument ein. Senden Sie das Textdokument anschließend an die Admins Ihrer Webseite.
04_DE.png

Sie möchten den Widget-Code selbst in das HTML Ihrer Webseite einbinden? Dann folgen Sie diesen Schritten:

  1. Auf das Dokumentensymbol im oberen Codefeld klicken, um den Code-Schnipsel in Ihren Zwischenspeicher zu kopieren.
    05_DE.png
  2. Innerhalb Ihres Webseiten-HTMLs den Head-Abschnitt öffnen. Den zwischengespeicherten Code-Schnipsel in den Head-Abschnitt einfügen.
Der JavaScript-Code für den Head wird nur einmal benötigt, auch wenn Sie mehrere Widgets auf Ihrer Webseite implementieren.
  1. Zur Übersicht „Wie Sie das Widget in Ihrer Webseite integrieren“ zurückkehren. Auf das Dokumentensymbol im unteren Codefeld klicken, um den Code-Schnipsel in Ihren Zwischenspeicher zu kopieren.
    06_DE.png
  2. Innerhalb des HTMLs Ihrer Webseite den Body-Abschnitt öffnen. Den zwischengespeicherten Code-Schnipsel an der Stelle in den Body-Abschnitt einfügen, an der Sie das Widget platzieren möchten.
  3. Zur Übersicht „Wie Sie das Widget in Ihrer Webseite integrieren“ zurückkehren. Auf „Widget-Konfiguration abschließen“ klicken.
    07_DE.png

Damit haben Sie das Widget erfolgreich in Ihre Webseite eingebunden.

Wie lange ist der Code aktiv?

Wenn Sie den Code generiert und die Widget-Konfiguration abgeschlossen haben, finden Sie das erstellte Widget in der Übersicht „Manage my widgets“. Sie erreichen die Übersicht durch einen Klick auf „Widgets verwalten“.

08_DE.png

Der JavaScript-Code ist unbefristet aktiv, unabhängig davon, ob Sie ihn bereits implementiert haben oder nicht. Sie können sich also Zeit mit der Implementierung lassen.

Sollte etwas mit dem Kopieren des Codes nicht funktioniert haben, ist das auch kein Problem. Sie können den Code aus dem aktiven Widget einfach erneut kopieren. Klicken Sie hierfür auf den Button „Code anzeigen“ des gewünschten Widgets.

09_DE.png

Deaktiviert wird der Code, wenn Sie das Widget über den „Löschen“-Button aus Ihren aktiven Widgets entfernen. Bis zur Entfernung des Codes aus Ihrem Webseite-HTML wird an der Stelle dann eine leere Fläche angezeigt.

10_DE.png

Was Sie beim Entfernen von Widgets beachten müssen, lesen Sie hier:
Wie entferne ich ein Widget von meiner Webseite?

Warum ist der Code-Schnipsel für den Webseiten-Head bei jedem Widget gleich?

Der JavaScript-Code, den Sie in den Head Ihrer Webseite implementieren müssen, wird nur ein einziges Mal benötigt. Deswegen reicht es für die Implementierung jedes weiteren Widgets, den HTML-Code bzw. den DIV-Container für das Widget an der entsprechenden Stelle im Body der Webseite einzufügen.

Das hat den Vorteil, dass auch Personen ohne Administrationsrechte Widgets hinzufügen können, sofern Sie Webseiten-Content bearbeiten dürfen. Ihr Marketing-Team kann also nach der einmaligen Implementierung des JavaScript-Schnipsels eigenständig agieren. Widgets sind somit bereits nach wenigen Minuten für Besucherinnen und Besucher Ihrer Webseite sichtbar.

Zeigen Sie Ihre Sterne auch schon auf Google & Co.? Hier erfahren Sie mehr:
- Was ist die Google Integration?
- Warum ist es sinnvoll, die Note auf anderen Bewertungsplattformen zu optimieren?


War der Artikel hilfreich?

7 von 10 fanden dies hilfreich