Aanmelden
Keurmerk aanvragen
Contact
Contact opnemen

Lightspeed: keurmerk en reviews

Webshop keurmerk en reviewsysteem

reviews verzamelen met lightspeed

Een keurmerk en reviewsysteem voor je Lightspeed webshop? De Lightspeed (voorheen SEOshop) module zorgt voor een eenvoudige integratie van het WebwinkelKeur binnen jouw webshop. Hiermee is het heel makkelijk om de innovatieve WebwinkelKeur sidebar in jouw Lightspeed webwinkel te integreren. Zo toon je reviews zonder dat je bezoeker je webshop hoeft te verlaten.

De module zorgt voor het automatisch uitnodigen van klanten voor het delen van een review. Bij elke afgewerkte bestelling wordt automatisch een uitnodiging naar de klant verzonden waarin hij uitgenodigd wordt om zijn ervaring te delen. Met reviews vergroot je het vertrouwen en de conversie van jouw webshop.

Installatie instructies voor Lightspeed:

De APP is gratis te activeren via de Lightspeed Appstore.

WebwinkelKeur is beschikbaar via de SEOshop APP store

WebwinkelKeur is beschikbaar via de Lightspeed APP store

Installatie instructies Lightspeed APP

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 te activeren. Tevens kun je via de APP eenvoudig klanten uitnodigen tot het delen van een klantbeoordeling. Hier heb je echter wel het PLUS-pakket bij nodig.

De APP van Lightspeed is helemaal gratis en simpel te installeren met onderstaande handleiding.

 

Stap 1: Login op jouw Lightspeed webshop.

Stap 2: Klik op ‘App store’.

Stap 3: Type in het zoekveld van de APP store ‘webwinkelkeur’.

Stap 4: Klik op de WebwinkelKeur APP (bekijk APP).

Stap 5: Klik op de pagina met informatie over de APP op ‘Installeer APP’. Dit staat links onder de APP afbeelding.

Stap 6: Activeer de Lightspeed module via de Lightspeed Appstore door nogmaals je shop inloggegevens in te voeren.

Stap 7: 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’ > ‘Wizard’. In de daarop volgende uitleg staan de benodigde gegevens. Heb je meerdere webshops binnen je WebwinkelKeur account? Kies dan links bovenaan de juiste webshop.

Stap 8: 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.

Volg de installatie video

Stap 9: Na het ‘Opslaan’ van de instellingen kun je op ‘Bekijk bestellingen’ klikken. Zo heb je de mogelijkheid om vroegere klanten direct een uitnodiging te versturen.

Klik op "Bekijk bestellingen" om direct de eerste uitnodigingen te versturen

Klik op “Bekijk bestellingen” om direct de eerste uitnodigingen te versturen

Nodig eenvoudig je laatste klanten uit

Nodig eenvoudig je laatste klanten uit zodat je niet met een lege pagina hoeft te starten

Stap 10: 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 mis gaat. Controleer ook of bijvoorbeeld afbeeldingsliders nog zonder problemen werken.

Stap 11: Optioneel kun je ook de WebwinkelKeur widget plaatsen, dit raden we zeker aan!

Alle veelgestelde vragen bekijken

Installatie instructies Lightspeed banner

WebwinkelKeur banner installeren Lightspeed

Volg onderstaande stappen om de WebwinkelKeur banner bij Lightspeed te installeren.

 

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' %} Hier de normale banner code uit uw dashboard {% endif %}

Om de code in de juiste template te plaatsen, volgt u de volgende stappen:

 

Stap 1: Login op je Lightspeed webshop en ga naar ‘Design’ > ‘Template editor’.

Stap 2: Open het bestand ‘fixed.rain.’

Stap 3: Plak de bovenstaande code waarbij je op de aangegeven plek de bannercode plakt.

 

Alle veelgestelde vragen bekijken

Installatie instructies Lightspeed HTML codes

WebwinkelKeur HTML codes installeren Lightspeed 

Naast de Lightspeed App kun je ons keurmerk materiaal eenvoudig op je webshop plaatsen met behulp van HTML codes. Hieronder volgen stapsgewijs de instructies voor het plaatsen van de review widget en/of banner.

 

Stap 1: Login binnen je WebwinkelKeur dashboard.

Stap 1: Genereer de widget code via de Widget genereren wizard. Klik op ‘Installatie’ > ‘Wizard’. Ga naar stap 3 van de Wizard voor de widget code. Lees voor een volledige uitleg  Widget code genereren‘.

Stap 2: Login op je Lightspeed webshop en ga naar ‘Design’ > ‘Template editor’.

Stap 3: Kies nu het bestand dat je wilt aanpassen. Dit is afhankelijk van je design en plek waar je de widget of banner wilt plaatsen. Wij willen de widget rechts in de balk plaatsen en kiezen daarom voor het bestand ‘Content-right’ van het type ‘Snippet’. Wil je de widget links plaatsen dan kun je (meestal) kiezen voor ‘Content-left’. Voor de footer moet je in het bestand ‘Custom’ van het type ‘Layout’ zijn. Deze bestanden kunnen echter verschillen wanneer je voor een andere template/design heeft gekozen.

Zoek eerst het juiste template bestand

Zoek eerst het juiste template bestand

Stap 4: Plak nu de code zoals je deze gegenereerd hebt in de wizard van Stap 1 op de plek waar de widget moet verschijnen. Hiervoor is enige HTML kennis vereist. In het voorbeeld plaatsen wij de widget bovenaan de rechterbalk (net onder de winkelwagen en de vergelijkingslijst wanneer deze beschikbaar zijn).

Plak de HTML code middels de template editor

Plak de HTML code middels de template editor

Stap 5: Klik op ‘Opslaan’ & ‘Doorgaan’ om de wijzigingen op te slaan.

Stap 6: Bekijk nu je webshop en je ziet de WebwinkelKeur widget verschijnen.

In ons voorbeeld is nu de widget zichtbaar in de rechter balk


In ons voorbeeld is nu de widget zichtbaar in de rechter balk

Extra: 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"><a href="https://www.webwinkelkeur.nl/" target="_blank" title="WebwinkelKeur Webwinkel Keurmerk"><img src="https://www.webwinkelkeur.nl/banners/468.png" alt="WebwinkelKeur Webwinkel Keurmerk" class="webwinkelkeurPopup" /></a></div> {% endif %}

 

Om de code in de juiste template te plaatsen, volg je de volgende stappen:

Stap 1: Login op je Lightspeed webshop.

Stap 2: Ga naar ‘Design’ > ‘Template editor’.

Stap 3: Open het bestand fixed.rain.

Stap 4: Plak de bovenstaande HTML code op de plek waar de WebwinkelKeur banner moet verschijnen.

Stap 5: Wijzig daarbij https://www.webwinkelkeur.nl in de url van je eigen ledenpagina.

Alle veelgestelde vragen bekijken

Installatie module Lightspeed

Integratie Lightspeed  module voor WebwinkelKeur

Volg onderstaande stappen om de WebwinkelKeur module bij Lightspeed (voorheen SEOshop) te installeren.

 

Stap 1: Installeer de Lightspeed App.

Stap 2: Plaats de HTML codes op je webshop.

Alle veelgestelde vragen bekijken

Meertalige installatie instructies Lightspeed

WebwinkelKeur meertalige installatie Lightspeed

Lightspeed (voorheen SEOshop) 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. Wel ben je hiervoor het WebwinkelKeur PRO-pakket nodig met meertalige ondersteuning.

Meertaligheid WebwinkelKeur sidebar

Nu we dit gedaan hebben gaan we verder met het instellen van de sidebar. De sidebar is zo gemaakt dat deze eenvoudig de taal van de pagina kan detecteren.

Stap 1: Om deze functie te activeren log je in op het dashboard van WebwinkelKeur.

Stap 2: Ga vervolgens naar ‘Installatie’ > ‘Sidebar’. Op deze pagina kun je de sidebar in zijn geheel instellen.

Stap 3: De functie die we willen activeren is de taal detecteren op basis van de url. Dit doe je door bij de optie ‘Taal’ te kiezen voor ‘Baseer de taal op de URL’. Kies vervolgens op ‘Opslaan’. Door deze optie te activeren zal elke URL die begint met webwinkel.nl/en/ worden weergegeven in het Engels. Elke webwinkel die begint met webwinkel.nl/de/ in het Duits et cetera.

Baseer de taal op de url

Baseer de taal op de url

Let op: Het kan een half uur duren voordat de gewijzigde instellingen effect hebben. Leeg de cache van je browser om de wijzigingen direct te zien. Hebben de aanpassingen in het dashboard geen effect? Installeer dan eenmalig de Lightspeed App opnieuw via de Appstore.

Meertaligheid in je template

Nu moeten we ook nog de banners/logos en de widget van WebwinkelKeur in de juiste taal weergeven. Hiervoor is een aanpassing in de code van je template noodzakelijk. Een basis kennis van HTML is daarbij wel een vereiste. Tevens gaan we er in deze uitleg vanuit dat je weet hoe je normaal ons materiaal in jouw template kan verwerken. Heb je hier nog wel meer informatie over nodig, kijk dan even op onze pagina rondom het plaatsen van HTML codes op Lightspeed.

Stap 1: Voordat we hiermee starten leg ik graag uit hoe je met een klein stukje code in Lightspeed de taal van de pagina kunt detecteren. Onderstaande IF/Else detecteert de taal van de pagina en geeft inhoud weer op basis van de taal.

{% if shop.language == ‘en’ %}
 Hier de content in het Engels
{% elseif shop.language == ‘de’ %}    
 Hier de content in het Duits
{% else %}    
 Hier de content in overige talen (Nederlands).         
{% endif %}

Stel we willen normaal de volgende Nederlandse banner code plaatsen:

<a href=”https://www.webwinkelkeur.nl/leden/Rozendonk_10506.html” target=”_blank” class=”webwinkelkeurPopup” title=”WebwinkelKeur Webwinkel Keurmerk” ><img src=”https://www.webwinkelkeur.nl/banners/468.png” alt=”WebwinkelKeur Webwinkel Keurmerk” /></a>

De Engelse banner code van deze banner is als volgt.

<a href=”https://www.valuedshops.com/members/Rozendonk_10506.html” target=”_blank” class=”webwinkelkeurPopup” title=”ValuedShops Webshop Quality Mark” ><img src=”https://www.webwinkelkeur.nl/banners/valuedshops/468.png” alt=”ValuedShops Webshop Quality Mark” /></a>

Stap 2: Aan de hand hiervan kunnen we eenvoudig onderstaande code in de Lightspeed template plaatsen om de banner op de Nederlandse versie in het Nederlands weer te geven en bij andere talen in het Engels.

{% if shop.language == ‘nl’ %}
<a href=”https://www.webwinkelkeur.nl/leden/Rozendonk_10506.html” target=”_blank” class=”webwinkelkeurPopup” title=”WebwinkelKeur Webwinkel Keurmerk” ><img src=”https://www.webwinkelkeur.nl/banners/468.png” alt=”WebwinkelKeur Webwinkel Keurmerk” /></a>
{% else %}    
<a href=”https://www.valuedshops.com/members/Rozendonk_10506.html” target=”_blank” class=”webwinkelkeurPopup” title=”ValuedShops Webshop Quality Mark” ><img src=”https://www.webwinkelkeur.nl/banners/valuedshops/468.png” alt=”ValuedShops Webshop Quality Mark” /></a>    
{% endif %}

Meertaligheid WebwinkelKeur widget

De widget voor reviews ondersteunt ook meertaligheid.

Stap 1: Haal hiervoor eerst jouw eigen widget code op via ons dashboard. Bijvoorbeeld in stap 3 van de installatie wizard.

Stap 2: Plaats de widget op de normale manier in jouw Lightspeed template en pas vervolgens de regel die de taal instelt aan middels onderstaande code.

Stap 3: In onderstaande voorbeeld wordt gebruik gemaakt van een webshop welke beschikbaar is in het Nederlands, Duits en Engels, waarbij de widget wordt weergegeven in het Engels als de taal onbekend is.

{if shop.language == ‘nl’ %}
          (_wwk_language (typeof _wwk_language !== ‘undefined’_wwk_language []).push(1);
{elseif shop.language == ‘de’ %}    
          (_wwk_language (typeof _wwk_language !== ‘undefined’_wwk_language []).push(3);
{else %}    
          (_wwk_language (typeof _wwk_language !== ‘undefined’_wwk_language []).push(2);          
{endif %}

Alle veelgestelde vragen bekijken