Eenvoudige integratie Lightspeed (C-series)

Integratie Lightspeed voor WebwinkelKeur

We raden je aan om eerst de Lightspeed APP te installeren en daarna ook onze banner en widget codes op je webwinkel te plaatsen. Volg daartoe de volgende stappen: Stap 1: Installeer de Lightspeed App. Stap 2: Plaats de HTML codes op je webshop.

WebwinkelKeur installatie instructies Lightspeed App

Volg onderstaande stappen om de Lightspeed App te installeren. De Lightspeed App maakt het eenvoudig om de WebwinkelKeur Javascript integratie (sidebar) te activeren. Tevens kun je via de App geheel automatisch reviewverzoeken sturen aan klanten nadat deze hun pakketje thuis hebben ontvangen. De App van Lightspeed is helemaal gratis en simpel te installeren met onderstaande handleiding.

1. Ga naar de Lightspeed App voor WebwinkelKeur.

2. Klik op installeren.

3. Login op je Lightspeed account.

4. Selecteer je webwinkel.

5. Geef de App toestemming om orderinformatie uit te lezen.

6. Vul je persoonlijke webwinkel ID + API code in. Deze gegevens vind je in de uitleg welke zichtbaar is na inloggen op het WebwinkelKeur dashboard. Kies daarna voor 'Installatie'. In de daaropvolgende uitleg staan de benodigde gegevens. Heb je meerdere webshops binnen je WebwinkelKeur account? Kies dan bij 'Selecteer de webwinkel' de juiste webshop.

7. Configureer de App verder naar wens. We raden je aan om daarbij zeker ook de Javascript integratie met sidebar te activeren. Deze sidebar is via ons dashboard onder het item 'Promotie' > 'Sidebar' verder te configureren. Voor Lightspeed raden we verder aan om de sidebar op mobiele devices bovenaan de pagina te tonen, onderaan de pagina kan deze in conflict komen met je winkelwagen.

8. Klik op Opslaan. De App is nu actief. Optioneel kun je na het 'Opslaan' van de instellingen op 'Bekijk bestellingen' klikken. Zo heb je de mogelijkheid om vroegere klanten direct een uitnodiging te versturen.

9. Test jouw webshop goed na installatie en controleer of er geen conflicten zijn met andere (javascript)codes. Dit doe je door zelf een testorder te plaatsen en daarbij te controleren of er niets misgaat. Controleer ook of bijvoorbeeld afbeelding sliders nog zonder problemen werken.

10. Optioneel kun je ook de WebwinkelKeur widget plaatsen, dit raden we zeker aan!

Naast de Lightspeed App kun je ons keurmerk materiaal eenvoudig op jouw Lightspeed webshop plaatsen. Deze pagina legt je stap voor stap uit hoe jij de HTML code voor de klantbeoordelingen widget en/of de keurmerk banner eenvoudig op jouw webwinkel kunt plaatsen.

Het plaatsen van HTML codes is bij Lightspeed mogelijk via de geavanceerde thema editor. Een nadeel van deze methode is wel dat thema updates niet langer automatisch worden doorgevoerd. Helaas is er geen andere manier om maatwerk aanpassingen aan de template te doen zonder de thema code te wijzigen. Wil je de thema code niet wijzigen, dan raden we je aan om een thema te kiezen met al standaard ondersteuning van WebwinkelKeur.

Stappenplan HTML codes plaatsen in Lightspeed

1. Genereer de widget code via de Widget genereren wizard (Login op dashboard.webwinkelkeur.nl, klik op Installatie > Widgets. Lees voor een volledige uitleg Widget code genereren). Wil je een HTML banner plaatsen, ga in het WebwinkelKeur Dashboard naar Installatie > Banners. Kopieer de te plaatsen HTML code.

2. Login op jouw Lightspeed webshop.

3. Ga naar 'Design' > 'Thema editor', kies voor Geavanceerd en vervolgens voor 'Code bewerken' om naar de HTML editor van Lightspeed te gaan.

4. Ga na waar je de aanpassingen wilt doen. Dit is afhankelijk van jouw design en plek waar je de widget of banner wilt plaatsen. In ons voorbeeld plaatsen we een klein keurmerkicoon naast de bestelknop op de productpagina. Hiervoor openen we de pagina product.rain.

5. Plak nu de code zoals je deze gegenereerd hebt in stap 1 op de plek waar je het promotiemateriaal wilt laten verschijnen. Hiervoor is enige HTML kennis vereist. In het voorbeeld plaatsen wij een keurmerkicoon naast de bestelknop.

6. Klik op 'Opslaan' om de wijzigingen op te slaan.

7. Bekijk nu jouw webshop en je ziet de WebwinkelKeur widget verschijnen.

Tip: Banner plaatsen in de winkelwagen

Eén van onze adviespunten op het gebied van het integreren van ons keurmerk is het plaatsen van de WebwinkelKeur banner in de winkelwagen. Bij Lightspeed kan dit door de volgende code in de fixed.rain te plaatsen. De fixed.rain template kun je vinden in de template editor.

{% if template == 'pages/cart.rain' %}
  <div id="webwinkelkeurmerkcart">
    HIER JOUW EIGEN BANNER CODE
  </div>
{% endif %}

WebwinkelKeur meertalige installatie Lightspeed

Lightspeed biedt standaard meertalige ondersteuning onder één domein. Is jouw webshop meertalig beschikbaar, dan kun je WebwinkelKeur met enige aanpassingen ook meertalig configureren. Voor we starten gaan we er vanuit dat je de WebwinkelKeur App in de Lightspeed App Store op de normale manier hebt geïnstalleerd. Na installatie van de App worden de uitnodigingen al standaard in de taal van de klant verzonden. Hiervoor is wel het WebwinkelKeur PRO-pakket met meertalige ondersteuning nodig.

Meertaligheid WebwinkelKeur sidebar

De sidebar detecteert automatisch de taal van de pagina. Om dit te activeren:

1. Login op het WebwinkelKeur dashboard.

2. Ga naar 'Installatie' > 'Sidebar'.

3. Klik op 'geavanceerde instellingen weergeven' > 'detectie van taal' > 'gebaseerd op html <lang> tag' > instellingen bijwerken.

Let op: wijzigingen kunnen tot 30 minuten duren. Leeg de browsercache om dit sneller te zien. Geen effect? Installeer de Lightspeed App opnieuw via de Appstore.

Meertaligheid in je template

Om banners of logo’s in de juiste taal weer te geven, gebruik je een eenvoudige if/else constructie in je template:

{% if shop.language == 'en' %}
  Content in het Engels
{% elseif shop.language == 'de' %}
  Content in het Duits
{% else %}
  Content in het Nederlands
{% endif %}

Voorbeeld banner:

• Nederlandse banner → webwinkelkeur.nl

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

Meertaligheid WebwinkelKeur widget

De review-widget ondersteunt meertaligheid. Haal hiervoor eerst jouw eigen widget code op via ons dashboard.

Vervolgens plaats je per taal de juiste widgetcode, bijvoorbeeld voor Nederlands, Duits en Engels:

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

Voor je met de overige integratie mogelijkheden aan de slag gaat raden we je aan om eerst de Lightspeed App te installeren en hierna de HTML codes op je webshop te plaatsen. In deze FAQ leggen we uit hoe je gebruik kunt maken van de keurmerk optie binnen Lightspeed, UBB codes en thema's met WebwinkelKeur ondersteuning.

Keurmerk optie Lightspeed

Lightspeed biedt de optie om onder Design > Keurmerken jouw keurmerken toe te voegen. Heb je de mogelijkheid om jouw keurmerk toe te voegen middels de standaard HTML bannercodes van WebwinkelKeur zoals beschreven in onze uitleg, dan prefereren we die optie boven deze standaard optie van Lightspeed. Het voordeel van onze eigen bannercodes is namelijk dat deze de sidebar kunnen openen binnen je eigen website en een mouse-over tooltip mogelijk maakt, terwijl de standaard optie van Lightspeed een nieuw tabblad opent bij het klikken op het keurmerk.

1. Navigeer binnen je Lightspeed backend naar Design > Keurmerken. Klik hiertoe op de knop ‘Toevoegen’.

2. Vul bij naam bijvoorbeeld "WebwinkelKeur" of "WebwinkelKeur: Keurmerk + Reviews" in.

3. Vul bij Afbeeldings-URL een URL van een banner in welke je vindt in je WebwinkelKeur dashboard onder Promotie > Banners. De URL is het gedeelte dat staat tussen src="...".

4. Vul bij Link-URL de URL in van je ledenpagina. Dit is de URL uit de bannercode die staat tussen href="...".

5. Klik op Opslaan om de keurmerkafbeelding aan je webwinkel toe te voegen.

UBB codes

Wil je om wat voor reden niet met HTML codes aan de slag, dan is er nog een alternatief om onze widget op je webwinkel te plaatsen. De widget wizard toont naast een HTML code ook een UBB code die je op je webwinkel kunt plaatsen.

De UBB code van de widget ziet er bijvoorbeeld zo uit:

We raden gebruik van deze UBB code af wanneer je HTML codes kunt plaatsen, het gebruik van de UBB code heeft namelijk diverse nadelen. Zo werkt deze code enkel wanneer de sidebar actief is en wordt de widget pas geladen nadat de sidebar geladen wordt. Het kan dus voorkomen dat je bezoeker tijdens het laden van je webwinkel eerst kort de UBB code in beeld ziet. Wil je ondanks dit toch de UBB code gebruiken, dan kun je deze als normale tekst plakken op je website. Overal waar je deze normale UBB code als tekst neerzet zal deze automatisch vervangen worden door de gekozen widget.

Template ondersteuning Lightspeed

Er zijn diverse templates die ondersteuning bieden voor WebwinkelKeur widgets en promotie materialen. Bijvoorbeeld de onderstaande templates van instijlmedia.nl. Deze bieden binnen de thema-instellingen opties om de WebwinkelKeur widget te tonen. Hoe dat precies werkt lees je in de template documentatie van het betreffende template. Bij vragen rondom template opties raden we je aan om je te richten tot de template maker.

• Dynamic (bekijk template)

• B2B Theme (bekijk template)

• Unity (bekijk template)

• Ultimate (bekijk template)

• Dream (bekijk template)

Lightspeed Apps

Naar de WebwinkelKeur App, kun je er ook voor kiezen om de betaalde Custom Review Widget App van InstijlMedia te activeren. Deze kan jouw WebwinkelKeur reviewscore en reviews op een mooie manier weergeven op jouw webwinkel.

Wij bieden voor Lightspeed gebruikers ook product reviews aan als extra dienst. De kosten hiervan bedragen €10 per maand bovenop de bestaande kosten.

De voordelen van product reviews:

• Klanten nemen betere aankoopbeslissingen, wat resulteert in minder retouren.

• Verhoog de omzet met behulp van "social proof".

• Verdien sterren in de onbetaalde Google-resultaten voor jouw productpagina's en exporteer product reviews naar Google Shopping.

• Verzamel zowel site- als product reviews met één beoordelingsverzoek.

Het activeren is simpel en snel gedaan via je dashboard.

Navigeer naar 'Beoordelingen' en ga door naar 'Product reviews'.

Daar klik je op de knop om ze te activeren.

Product reviews instellen in Lightspeed

Wanneer je de functie hebt geactiveerd kun je de product reviews in 2 stappen werkend krijgen in je Lightspeed omgeving.

Stap 1: Als je onze WebwinkelKeur App al hebt geïnstalleerd dien je deze opnieuw te installeren. Dit heeft te maken met nieuwe toestemming die we behoeven om orderdata te vragen. Dit kun je door in te loggen in Lightspeed > Apps > WebwinkelKeur > Opnieuw installeren > Toegang verlenen.

Stap 2: Wanneer de App succesvol is geïnstalleerd kun je binnen de instellingen van die App de optie 'product reviews' aanvinken.

Na deze stappen ben je klaar om orderdata op te vragen en product reviews te ontvangen. Het tonen van deze reviews gebeurt automatisch onder de gekoppelde producten. Ook zorgt Lightspeed automatisch dat de juiste Schema.org opmaak wordt gebruikt zodat je aanspraak maakt op de gele sterren in de organische zoekresultaten.

Je klanten ontvangen vanaf nu een uitnodiging om jouw webwinkel te beoordelen. Nadat jouw webwinkel is beoordeeld krijgen zij de mogelijkheid te zien om hun producten te kunnen beoordelen. Om te controleren of alles goed is ingesteld en er uitnodigingen worden verstuurd met de mogelijkheid om een product review achter te laten kun je inloggen in je WWK Dashboard > Uitnodigingen > Verzonden.

De uitnodigingen die verzonden zijn met de mogelijkheid om een product review achter te laten kun je herkennen aan een icoontje van een blauwe winkeltas.

GTIN Codes toevoegen voor Google

GTIN ofwel Global Trade Item Number zorgt ervoor dat producten makkelijk van elkaar kunnen worden onderscheiden. Door elk product een unieke GTIN code te geven wordt het voor zoekprogramma's zoals Google makkelijk om de producten te vinden. Er zijn verschillende soorten GTIN codes:

• EAN | European Article Numbering | 8- of 13-cijferige barcode

• JAN | Japanese Article Numbering | 8- of 13-cijferige barcode

• UPC | Universal Product Code | 12-cijferige barcode

• ISBN | International Standard Book Numbering | 13-cijferig nummer

• IFT-14 | Interleaved Two of Five | 14-cijferig nummer

Deze codes kun je in Lightspeed toevoegen door in te loggen in je Lightspeed dashboard > Producten > Product selecteren > Voorraad & varianten > Variant toevoegen > Unieke karakteristieken > Barcode.

Sterren in Google Shopping

Wil je naast sterren in de onbetaalde organische zoekresultaten ook gele sterren in Google Shopping? Lees dan de FAQ over product reviews versturen naar Google Shopping.