Einfache Integration

Nach Erhalt der Genehmigung senden wir Ihnen einen Link zu einer Seite mit Anweisungen, wie Sie das Prüfzeichen anbringen können. Sie können zwischen verschiedenen Formaten des Prüfzeichens wählen, so dass Sie das Format wählen können, das am besten zu Ihrem Geschäft passt. Sie kopieren den entsprechenden HTML-Code von unserer Seite in Ihr Geschäft. Das Logo besteht aus einem Bild des Vertrauenszeichens, das anklickbar ist und auf Ihre persönliche Seite auf WebwinkelKeur verweist, wo Kunden ihre Erfahrungen hinterlassen können. Die Art der Platzierung hängt von Ihrer Webshop-Software ab. In vielen Fällen können Sie den HTML-Code kopieren und einfügen, in anderen Fällen können Sie ein (anklickbares) Bild platzieren. Wenn Sie nicht erfolgreich sind, kontaktieren Sie uns bitte für persönliche Unterstützung.

Die Installation unserer Seitenleiste mit dem Google Tag Manager kann nützlich sein, wenn Sie das Laden externer Skripte im Google Tag Manager verwalten möchten. Es ist auch eine Lösung für jede Webshop-Software, die Google Tag Manager-Unterstützung bietet, aber keine anderen Optionen für die Platzierung von Javascript-Code. Wenn Sie diese Option verwenden, stellen Sie sicher, dass unser Javascript-Code von keinem Modul erneut geladen wird.

WebshopKeur Javascript-Einbindung

Wir gehen in dieser Erklärung davon aus, dass Sie den Google Tag Manager bereits verwenden und dass er in Ihrem Webshop korrekt installiert ist. In dieser Erklärung verwenden wir die englische Schnittstelle, die genauen Optionen können je nach Sprache Ihres GTM-Kontos anders heißen.

1. Loggen Sie sich in Ihr Google Tag Manager-Konto ein und klicken Sie auf den in Ihrem Webshop verwendeten Container.

2. Im Menü auf der linken Seite klicken Sie auf Tags und dann auf die Schaltfläche Neu, um ein neues Tag zu erstellen.
3. Oben steht nun der Text "Unbenanntes Tag". Klicken Sie darauf und ändern Sie den Namen in WebwinkelKeur javascript.
4. Klicken Sie anschließend auf Tag-Konfiguration. Scrollen Sie nach unten und wählen Sie unter Benutzerdefiniert die Option Benutzerdefiniertes HTML.
5. Es erscheint nun ein Fenster zur Eingabe Ihres HTML-Codes. Kopieren Sie darin den Javascript-Code, den Sie in Ihrem Dashboard unter "Installation" > "Sidebar" finden.

6. Klicken Sie unten auf Triggering. Wählen Sie in dem nun erscheinenden Fenster Alle Seiten.

7. Wählen Sie oben Speichern, um den Code zu speichern, und klicken Sie dann auf Absenden.
8. Klicken Sie oben auf Ihrem Bildschirm auf Veröffentlichen, um die Änderungen zu veröffentlichen. Es wird ein Fenster angezeigt, in dem Sie einen Namen für die Änderung eingeben können. Dieser kann leer gelassen werden. Klicken Sie auf Fortfahren.

Danach können Sie mit dem nächsten Schritt fortfahren (Google Tag Manager mit MyWebstore verbinden). Möchten Sie die vollständige Erklärung sehen? Sehen Sie sich unser Video auf YouTube an.

Das WebwinkelKeur-Widget ermöglicht es, die neuesten Kundenerfahrungen und die durchschnittliche Kundenbewertung in Ihrem eigenen Webshop anzuzeigen. Dieses Widget kann mit einem kleinen Stück Javascript auf fast jedem Webshop platziert werden.

1. Melden Sie sich bei dashboard.webwinkelKeur.nl mit Ihren persönlichen Zugangsdaten an.

2. Nachdem Sie sich eingeloggt haben, gelangen Sie zum Dashboard. Wählen Sie im Menü auf der linken Seite 'Installation' und klicken Sie dann auf 'Widget'.

3. Sie werden nun auf die Seite zur Erstellung des Widget-Codes weitergeleitet. Gehen Sie hier alle Schritte durch, indem Sie das Aussehen und die Größe des Widgets festlegen. Nur Mitglieder mit einem PLUS-Konto können die Hauptfarbe des Widgets ändern.

4. Unten auf der Seite befindet sich eine Schaltfläche mit der Aufschrift "Code erhalten". Wenn Sie auf diese Schaltfläche klicken, erhalten Sie den eindeutigen Code für das Widget. Wählen Sie den gesamten Code im Textfeld neben der Vorschau aus und fügen Sie ihn in den Code Ihres Webshops an der Stelle ein, an der das Widget erscheinen soll.

Es kommt manchmal vor, dass die WebwinkelKeur-Seitenleiste aus unbekannten Gründen nicht angezeigt wird. In dieser Roadmap helfen wir Ihnen, das Problem selbst herauszufinden.

Schritt 1: Ist sidebar.js geladen?

Der erste Schritt besteht darin, zu überprüfen, ob das Skript, das unsere Seitenleiste lädt, geladen ist. Das können Sie ganz einfach tun, indem Sie sich den Quellcode der Seite ansehen. Gehen Sie in Ihrem Browser zu der Seite, auf der Sie die Seitenleiste erwarten, und klicken Sie mit der rechten Maustaste auf einen leeren Bereich. Wählen Sie dort "Seitenquelltext anzeigen".

Sie sehen nun den Code der Seite. Klicken Sie auf den Code und drücken Sie Strg + F, um das Suchfenster zu öffnen. Suchen Sie dann nach "sidebar.js". Wenn Sie einen Code wie den unten stehenden finden, ist die Seitenleiste richtig installiert. Finden Sie keinen Code? Dann überprüfen Sie die Einstellungen des WebwinkelKeur-Moduls in Ihrem Webshop, um zu sehen, ob die Seitenleiste aktiviert ist. Versuchen Sie ggf., das Modul neu zu installieren.

Hinweis: Benutzen Sie Lightspeed? Suchen Sie nicht nach "sidebar.js", sondern nach "scripts/sidebar". Sie sollten dann etwas ähnliches wie den untenstehenden Code finden.

Schritt 2: Ist der Code für die Seitenleiste korrekt?

Haben Sie den Code für die Seitenleiste gefunden? Dann überprüfen Sie, ob es im Code keine Einstellungen gibt, die die Seitenleiste deaktivieren. Zum Beispiel:

_webwinkelkeur_sidebar = false; deaktiviert die Seitenleiste komplett.
_webwinkelkeur_mobile = false; deaktiviert die Seitenleiste nur auf kleinen Bildschirmen.

Überprüfen Sie auch, ob der Wert _webwinkelkeur_id den richtigen Wert hat. Diese Zahl sollte mit der URL Ihrer Mitgliederseite übereinstimmen. Beispiel: Wenn sich Ihre Mitgliederseite unter https://www.webwinkelkeur.nl/webshop/WebwinkelNaam_1047.html befindet , dann ist Ihre webshopkeur_id 1047.

Hinweis: Verwenden Sie Lightspeed? Dann müssen Sie zuerst die URL öffnen, die Sie in Schritt 1 gefunden haben (z. B. https://www. webwinkelkeur.nl/apps/seoshop/scripts/sidebar_13493.js). Die Zahl in der URL ist nicht Ihre ID, sondern eine Zufallszahl. In dieser Datei finden Sie dann denselben Sidebar-Code mit Ihren Einstellungen.

Schritt 3: Einstellungen Dashboard

Haben Sie den Code in Schritt 1 gefunden, müssen Sie im nächsten Schritt überprüfen, ob die Konfiguration in Ihrem Dashboard korrekt ist. Loggen Sie sich dazu auf https://dashboard.webwinkelkeur.nl ein und wählen Sie den richtigen Webshop (falls Sie mehrere haben).

Klicken Sie im linken Menü auf Promotion und wählen Sie Sidebar. Sie sehen nun die Einstellungen für die Seitenleiste. Vergewissern Sie sich, dass die Seitenleiste nicht auf "deaktiviert" eingestellt ist, und tun Sie dasselbe für die mobile Seitenleiste. Speichern Sie die Änderungen am unteren Rand. Es kann eine Weile dauern, bis die neuen Einstellungen sichtbar werden.

Schritt 4: Immer noch keine Seitenleiste?

Sie haben in den vorherigen Schritten kein Problem gefunden? Dann liegt wahrscheinlich ein technisches Problem vor. Oft liegt es an einem JavaScript-Konflikt mit anderen Teilen Ihrer Website. Wenden Sie sich an Ihren Webadministrator. Wenn auch er das Problem nicht lösen kann, können Sie sich an WebwinkelKeur wenden.

Mit Tools wie GTmetrix und WebPageTest lässt sich messen, wie lange einzelne Quelldateien einer Website zum Laden brauchen. Wenn unsere Sidebar oder unser Widget dort sichtbar sind, bedeutet das nicht, dass dies das Laden der Website verlangsamt. Das liegt daran, dass unsere Seitenleiste und unser Widget asynchron geladen werden. Das bedeutet, dass das Laden "im Hintergrund" geschieht, während der Rest Ihrer Website weiter geladen wird. Wenn Sie eine Messung haben, die wirklich zeigt, dass Ihre Website durch unsere Integrationen verlangsamt wird, würden wir uns freuen, von Ihnen zu hören. In diesem Fall fügen Sie bitte einen Link zu der Messung bei.