Einfache Integration Lightspeed (C-Reihe)

Integration Lightspeed für WebwinkelKeur

Wir empfehlen Ihnen, zunächst die Lightspeed APP zu installieren und dann auch unsere Banner- und Widget-Codes in Ihrem Webshop zu platzieren. Gehen Sie dazu folgendermaßen vor:Schritt 1: Installieren Sie die Lightspeed App.Schritt 2: Platzieren Sie die HTML-Codes in Ihrem Webshop.

WebshopKeur Installationsanleitung Lightspeed App

Folgen Sie den unten stehenden Schritten, um die Lightspeed App zu installieren. Mit der Lightspeed App können Sie die Javascript-Integration von WebwinkelKeur einfach aktivieren (Seitenleiste). Sie können die App auch verwenden, um automatisch Bewertungsanfragen an Kunden zu senden, nachdem diese ihr Paket zu Hause erhalten haben. Die Lightspeed App ist völlig kostenlos und mit der folgenden Anleitung einfach zu installieren.

1. Rufen Sie die Lightspeed App für WebwinkelKeur auf.

2. Klicken Sie auf Installieren.

3. Melden Sie sich bei Ihrem Lightspeed-Konto an.

4. Wählen Sie Ihren Online-Shop.

5. Geben Sie der App die Erlaubnis, Bestellinformationen zu lesen.

6. Geben Sie Ihre persönliche Webstore-ID + API-Code ein. Diese Informationen finden Sie in der Erklärung, die nach dem Einloggen in das WebwinkelKeur Dashboard sichtbar ist. Wählen Sie dann 'Installation'. Die nachfolgende Erklärung enthält die erforderlichen Daten. Haben Sie mehrere Webshops innerhalb Ihres WebwinkelKeur-Kontos? Dann wählen Sie bei 'Webshop auswählen' den richtigen Webshop aus.

7. Konfigurieren Sie die App wie gewünscht. Wir empfehlen Ihnen, die Javascript-Integration mit Sidebar zu aktivieren. Diese Sidebar können Sie über unser Dashboard unter dem Punkt 'Promotion' > 'Sidebar' weiter konfigurieren. Für Lightspeed empfehlen wir außerdem, die Sidebar auf mobilen Geräten oben auf der Seite anzuzeigen, unten auf der Seite kann es zu Konflikten mit Ihrem Warenkorb kommen.

8. Klicken Sie auf Speichern. Die App ist nun aktiv. Optional können Sie nach dem Speichern der Einstellungen auf "Bestellungen anzeigen" klicken. Dadurch haben Sie die Möglichkeit, früheren Kunden direkt eine Einladung zu schicken.

9. Testen Sie Ihren Webshop nach der Installation gründlich und prüfen Sie, ob es Konflikte mit anderen (Javascript-)Codes gibt. Dies können Sie tun, indem Sie selbst eine Testbestellung aufgeben und überprüfen, dass nichts schief geht. Prüfen Sie auch, ob z.B. Bildschieberegler noch problemlos funktionieren.

10. Optional können Sie auch das WebwinkelKeur-Widget platzieren, wir empfehlen dies unbedingt!

Neben der Lightspeed App können Sie unser Gütesiegel-Material ganz einfach in Ihrem Lightspeed-Webshop platzieren. Auf dieser Seite wird Schritt für Schritt erklärt, wie Sie den HTML-Code für das Kundenbewertungs-Widget und/oder das Gütesiegel-Banner in Ihrem Webshop platzieren.

Die Platzierung von HTML-Codes ist bei Lightspeed über den erweiterten Themeneditor möglich. Ein Nachteil dieser Methode ist, dass Theme-Updates nicht mehr automatisch übernommen werden. Leider gibt es keine andere Möglichkeit, individuelle Anpassungen an der Vorlage vorzunehmen, ohne den Theme-Code zu ändern. Wenn Sie den Theme-Code nicht ändern möchten, empfehlen wir Ihnen, ein Theme zu wählen, das WebwinkelKeur bereits standardmäßig unterstützt.

Wegbeschreibung für die Platzierung von HTML-Codes in Lightspeed

1. Generieren Sie den Widget-Code mit dem Widget-Generierungs-Assistenten (Loggen Sie sich unter dashboard.webwinkelkeur.nl ein und klicken Sie auf Installation > Widgets. Für eine ausführliche Erklärung lesen Sie bitte Widget-Code generieren). Wenn Sie ein HTML-Banner platzieren möchten, gehen Sie im WebwinkelKeur Dashboard auf Installation > Banner. Kopieren Sie den zu platzierenden HTML-Code.

2. Loggen Sie sich in Ihren Lightspeed-Webshop ein.

3. Gehen Sie zu "Design" > "Theme-Editor", wählen Sie "Erweitert" und dann "Code bearbeiten", um in den HTML-Editor von Lightspeed zu gelangen.

4. Überlegen Sie, wo Sie die Änderungen vornehmen möchten. Dies hängt von Ihrem Design ab und davon, wo Sie das Widget oder den Banner platzieren möchten. In unserem Beispiel werden wir ein kleines Siegel-Symbol neben dem Bestellbutton auf der Produktseite platzieren. Dazu öffnen wir die Seite product.rain.

5. Fügen Sie nun den in Schritt 1 erstellten Code an der Stelle ein, an der das Werbematerial erscheinen soll. Dies erfordert einige HTML-Kenntnisse. In unserem Beispiel platzieren wir ein Gütesiegel-Symbol neben der Bestellschaltfläche.

6. Klicken Sie auf "Speichern", um die Änderungen zu speichern.

7. Rufen Sie nun Ihren Shop auf, und Sie werden sehen, dass das WebwinkelKeur-Widget erscheint.

Tipp! Banner im Einkaufswagen platzieren

Einer unserer Ratschläge zur Integration unseres Gütesiegels ist, das WebwinkelKeur-Banner im Warenkorb zu platzieren. In Lightspeed können Sie dies tun, indem Sie den folgenden Code in der fixed.rain platzieren. Die Vorlage fixed.rain finden Sie im Template-Editor.

{% if template == 'pages/cart.rain' %} <div id="webshopkeurmerkcart"> HIER IST IHR EIGENER BANNER CODE </div> {% endif %}

WebshopKeur mehrsprachige Installation Lightspeed

Lightspeed bietet standardmäßig mehrsprachige Unterstützung unter einer Domain. Wenn Ihr Webshop mehrsprachig verfügbar ist, können Sie WebwinkelKeur mit einigen Anpassungen auch mehrsprachig konfigurieren. Bevor wir beginnen, gehen wir davon aus, dass Sie die WebwinkelKeur App auf dem normalen Weg im Lightspeed App Store installiert haben. Nach der Installation der App werden die Einladungen bereits standardmäßig in der Sprache des Kunden versendet. Hierfür ist das WebwinkelKeur PRO-Paket mit Mehrsprachenunterstützung erforderlich.

Mehrsprachigkeit WebwinkelKeur-Seitenleiste

Die Seitenleiste erkennt automatisch die Sprache der Seite. Um dies zu aktivieren:

1. Loggen Sie sich in das WebwinkelKeur Dashboard ein.

2. Gehen Sie zu 'Installation' > 'Seitenleiste'.

3. Klicken Sie auf 'Erweiterte Einstellungen anzeigen' > 'Sprache erkennen' > 'basierend auf html <lang> Tag' > Einstellungen aktualisieren.

Beachten Sie, dass die Änderungen bis zu 30 Minuten dauern können. Leeren Sie den Browser-Cache, um dies schneller zu sehen. Keine Wirkung? Installieren Sie die Lightspeed-App erneut über den Appstore.

Mehrsprachigkeit in Ihrer Vorlage

Um Banner oder Logos in der richtigen Sprache anzuzeigen, verwenden Sie eine einfache if/else-Konstruktion in Ihrer Vorlage:

{% if shop.language == 'en' %} Inhalt auf Englisch {% elseif shop.language == 'de' %} Inhalt auf Deutsch {% else %} Inhalt auf Niederländisch {% endif %}

Beispiel-Banner:

- Niederländischer Banner → webwinkelkeur.nl

- Englischer Banner → valuedshops.com

{% if shop.language == 'nl' %} <a href="...webwinkelkeur.nl..."><img src=".../468.png"></a> {% else %} <a href="...valuedshops.com..."><img src=".../valuedshops/468.png"></a> {% endif %}

Mehrsprachigkeit WebwinkelKeur widget

Das Bewertungs-Widget unterstützt Mehrsprachigkeit. Holen Sie sich zunächst Ihren eigenen Widget-Code über unser Dashboard.

Dann platzieren Sie den richtigen Widget-Code pro Sprache, zum Beispiel für Niederländisch, Deutsch und Englisch:

{% if shop.language == 'nl' %} <iframe src="...&language=nld"></iframe> {% elseif shop.language == 'de' %} <iframe src="...&language=deu"></iframe> {% else %} <iframe src="...&language=eng"></iframe> {% endif %}

Bevor Sie mit den anderen Integrationsmöglichkeiten beginnen, empfehlen wir Ihnen, zunächst die Lightspeed App zu installieren und dann die HTML-Codes in Ihrem Webshop zu platzieren. In dieser FAQ erklären wir, wie Sie die Gütesiegel-Option innerhalb von Lightspeed, UBB-Codes und Themes mit WebwinkelKeur-Unterstützung nutzen können.

Gütesiegel-Option Lightspeed

Lightspeed bietet unter Design > Gütesiegel die Möglichkeit, Ihre Gütesiegel hinzuzufügen. Wenn Sie die Möglichkeit haben, Ihr Gütesiegel über die Standard-HTML-Banner-Codes von WebwinkelKeur einzufügen, wie in unserer Erklärung beschrieben, ziehen wir diese Option der Standard-Lightspeed-Option vor. Der Vorteil unserer eigenen Banner-Codes ist nämlich, dass sie die Seitenleiste innerhalb Ihrer eigenen Website öffnen können und einen Mouse-over-Tooltip ermöglichen, während die Standardoption von Lightspeed beim Anklicken des Kennzeichens eine neue Registerkarte öffnet.

1. Navigieren Sie in Ihrem Lightspeed-Backend zu Design > Gütesiegel. Klicken Sie dazu auf die Schaltfläche Hinzufügen.

2. Geben Sie unter Name zum Beispiel "WebwinkelKeur" oder "WebwinkelKeur: Hallmark + Reviews" ein.

3. Geben Sie unter Bild-URL die URL eines Banners ein, das Sie in Ihrem WebwinkelKeur Dashboard unter Promotion > Banner finden. Die URL ist der Teil zwischen src="...".

4. Geben Sie unter Link URL die URL Ihrer Mitgliederseite ein. Dies ist die URL aus dem Bannercode, die zwischen href="..." steht.

5. Klicken Sie auf Speichern, um das Gütesiegelbild zu Ihrem Online-Shop hinzuzufügen.

UBB-Codes

Wenn Sie aus irgendeinem Grund keine Lust haben, sich mit HTML-Codes zu beschäftigen, gibt es eine weitere Alternative, um unser Widget in Ihrem Webshop zu platzieren. Der Widget-Assistent zeigt nicht nur einen HTML-Code, sondern auch einen UBB-Code, den Sie in Ihrem Webshop platzieren können.

Der UBB-Code des Widgets sieht zum Beispiel so aus:

Wir raten davon ab, diesen UBB-Code zu verwenden, wenn Sie HTML-Codes platzieren können, da die Verwendung des UBB-Codes mehrere Nachteile hat. Zum Beispiel funktioniert dieser Code nur, wenn die Seitenleiste aktiv ist, und das Widget wird erst geladen, wenn die Seitenleiste geladen ist. Es ist daher möglich, dass Ihr Besucher den UBB-Code erst beim Laden Ihres Webshops auf dem Bildschirm sieht. Wenn Sie den UBB-Code trotzdem verwenden möchten, können Sie ihn als normalen Text auf Ihrer Website einfügen. Überall, wo Sie diesen normalen UBB-Code als Text einfügen, wird er automatisch durch das gewählte Widget ersetzt.

Vorlagenunterstützung Lightspeed

Es gibt mehrere Vorlagen, die WebwinkelKeur Widgets und Werbematerialien unterstützen. Zum Beispiel die untenstehenden Vorlagen von instijlmedia.nl. Diese bieten in den Theme-Einstellungen Optionen zur Anzeige des WebwinkelKeur-Widgets. Wie das genau funktioniert, können Sie in der Template-Dokumentation des jeweiligen Templates nachlesen. Bei Fragen zu den Template-Optionen raten wir Ihnen, sich an den Ersteller des Templates zu wenden.

- Dynamisch(Vorlage ansehen)

- B2B Theme(Vorlage ansehen)

- Unity(Vorlage ansehen)

- Ultimate(Vorlage ansehen)

- Dream(Vorlage ansehen)

Lightspeed Apps

Zur WebwinkelKeur App können Sie auch die kostenpflichtige Custom Review Widget App von InstyleMedia aktivieren. Damit können Sie Ihre WebwinkelKeur-Bewertungen und Rezensionen in einer schönen Art und Weise auf Ihrem Online-Shop anzeigen.

Wir bieten auch Produktbewertungen für Lightspeed-Nutzer als zusätzlichen Service an. Die Kosten hierfür betragen 10 € pro Monat zusätzlich zu den bestehenden Kosten.

Die Vorteile von Produktbewertungen:

- Kunden treffen bessere Kaufentscheidungen, was zu weniger Retouren führt.

- Steigern Sie Ihren Umsatz durch "Social Proof".

- Erhalten Sie Sterne in den unbezahlten Google-Ergebnissen für Ihre Produktseiten und exportieren Sie Produktbewertungen in Google Shopping.

- Sammeln Sie sowohl Website- als auch Produktbewertungen mit einer einzigen Bewertungsanfrage.

Die Aktivierung ist einfach und schnell über Ihr Dashboard erledigt.

Navigieren Sie zu "Bewertungen" und gehen Sie zu "Produktbewertungen".

Klicken Sie dort auf die Schaltfläche, um sie zu aktivieren.

Einrichten von Produktbewertungen in Lightspeed

Sobald Sie die Funktion aktiviert haben, können Sie die Produktbewertungen in 2 Schritten in Ihrer Lightspeed-Umgebung einrichten.

Schritt 1: Wenn Sie bereits unsere WebwinkelKeur App installiert haben, müssen Sie diese neu installieren. Dies hat mit den neuen Berechtigungen zu tun, die wir für die Abfrage von Bestelldaten benötigen. Melden Sie sich dazu unter Lightspeed > Apps > WebwinkelKeur > Neuinstallation > Zugriff gewähren an.

Schritt 2: Wenn die App erfolgreich installiert ist, können Sie die Option "Produktbewertungen" in den Einstellungen der App aktivieren.

Nach diesen Schritten sind Sie bereit, Bestelldaten abzufragen und Produktbewertungen zu erhalten. Die Anzeige dieser Bewertungen erfolgt automatisch unter den verlinkten Produkten. Lightspeed stellt auch automatisch sicher, dass die korrekte Schema.org-Formatierung verwendet wird, damit Sie die gelben Sterne in den organischen Suchergebnissen beanspruchen können.

Ihre Kunden erhalten nun eine Einladung zur Bewertung Ihres Online-Shops. Nachdem Ihr Online-Shop bewertet wurde, sehen sie die Möglichkeit, ihre Produkte zu bewerten. Um zu überprüfen, ob alles korrekt eingerichtet ist und Einladungen mit der Option, eine Produktbewertung zu hinterlassen, versendet werden, können Sie sich in Ihrem WWK-Dashboard > Einladungen > Gesendet anmelden.

Einladungen, die mit der Option, eine Produktbewertung zu hinterlassen, versandt wurden, sind an einem blauen Einkaufstaschen-Symbol zu erkennen.

GTIN-Codes für Google hinzufügen

Mit der GTIN oder Global Trade Item Number lassen sich Produkte leicht voneinander unterscheiden. Wenn Sie jedem Produkt einen eindeutigen GTIN-Code zuweisen, können Suchprogramme wie Google die Produkte leicht finden. Es gibt verschiedene Arten von GTIN-Codes:

- EAN | European Article Numbering | 8- oder 13-stelliger Strichcode

- JAN | Japanese Article Numbering | 8- oder 13-stelliger Strichcode

- UPC | Universal Product Code | 12-stelliger Strichcode

- ISBN | International Standard Book Numbering | 13-stellige Nummer

- IFT-14 | Interleaved Two of Five | 14-stellige Nummer

Sie können diese Codes in Lightspeed hinzufügen, indem Sie sich in Ihrem Lightspeed-Dashboard anmelden > Produkte > Produkt auswählen > Bestand & Varianten > Variante hinzufügen > Einzigartige Merkmale > Barcode.

Sterne in Google Shopping

Möchten Sie zusätzlich zu den Sternen in den unbezahlten organischen Suchergebnissen gelbe Sterne in Google Shopping? Dann lesen Sie die FAQ zum Senden von Produktbewertungen an Google Shopping.