Zum Hauptinhalt springen
  • Vertrauen und Umsatz steigern
  • Bezahlbarer Preis
  • Automatisch Bewertungen sammeln

Lightspeed HTML-Code Installationsanleitung

Geschrieben von Marcel Landeweerd

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 %}