Eenvoudige integratie

Na het ontvangen van een goedkeuring ontvang je van ons een verwijzing naar een pagina met instructies voor de plaatsing van het keurmerk. Hierbij kun je kiezen uit verschillende formaten van het keurmerk, zodat je een formaat uit kiezen dat het beste bij jouw webwinkel past. De daarbij behorende HTML code kopieer je van onze site naar jouw webwinkel. Hierbij bestaat het logo uit een keurmerk afbeelding welke klikbaar is en verwijst naar jouw persoonlijke pagina op WebwinkelKeur waar klanten hun ervaring kunnen achterlaten. De manier van plaatsen hangt af van je webwinkel software. In veel gevallen kun je de HTML code kopiëren en plakken, in andere gevallen kun je een (klikbare) afbeelding plaatsen. Mocht je er niet uit komen, neem dan gerust even contact met ons op voor persoonlijke ondersteuning.

Installatie van onze sidebar middels Google Tag Manager kan handig zijn wanneer je het laden van externe scripts overzichtelijk binnen Google Tag Manager wilt regelen. Tevens is het een oplossing voor elke webshop software die een Google Tag Manager ondersteuning biedt, maar geen andere mogelijkheden tot het plaatsen van Javascript code. Maak je gebruik van deze optie, zorg er dan voor dat onze javascript code niet nogmaals geladen wordt door een eventuele module.

WebwinkelKeur Javascript integratie

We gaan er in deze uitleg vanuit dat je al gebruik maakt van Google Tag Manager en deze correct binnen jouw webshop is geïnstalleerd. In deze uitleg maken we gebruik van de Engelstalige interface, de exacte opties kunnen iets anders heten afhankelijk van de taal van je GTM account.

1. Log in op je Google Tag Manager account en klik op de container die gebruikt wordt binnen jouw webshop.

2. Klik in het menu links op Tags en klik vervolgens op de knop New om een nieuwe tag aan te maken.
3. Bovenaan staat nu de tekst 'Untitled Tag'. Klik hierop en verander de naam naar WebwinkelKeur javascript.
4. Klik vervolgens op Tag Configuration. Scroll naar beneden en kies onder Custom voor Custom HTML.
5. Er verschijnt nu een venster om je HTML code in te voeren. Kopieer hierin de javascript code die je vindt in jouw dashboard onder 'Installatie' > 'Sidebar'.

6. Klik onderaan op Triggering. Kies in het venster dat verschijnt voor All Pages.

7. Kies bovenaan voor Save om de code op te slaan en klik daarna op Verzenden.
8. Klik bovenaan je scherm op Publish om de wijzigingen te publiceren. Er verschijnt een scherm waarin je een naam voor de wijziging kunt opgeven. Dit mag leeg blijven. Klik op Doorgaan.

Hierna kun je verder met de volgende stap (Google Tag Manager koppelen aan Mijnwebwinkel). Wil je de volledige uitleg nakijken? Bekijk dan onze video op YouTube.

De WebwinkelKeur widget maakt het mogelijk om de laatste klantervaringen en de gemiddelde klantwaardering weer te geven op jouw eigen webwinkel. Deze widget is middels een klein stukje javascript op vrijwel elke webwinkel te plaatsen.

1. Login op dashboard.webwinkelKeur.nl met je persoonlijke logininformatie.

2. Na het inloggen kom je op het Dashboard terecht. Kies in het menu links voor 'Installatie' en klik vervolgens op 'Widget'.

3. Je komt nu op de pagina om de widget code aan te maken. Doorloop hier alle stappen door het uiterlijk en de afmetingen van de widget te bepalen. Alleen leden met een PLUS account kunnen de hoofdkleur van de widget wijzigen.

4. Onderaan de pagina staat een knop met 'Ontvang code'. Zodra je hierop klikt ontvang je de unieke code voor de widget. Selecteer de gehele code in het tekstveld naast de voorbeeldweergave en plak deze in de code van jouw webwinkel op de plek waar je wilt dat de widget verschijnt.

Het komt soms voor dat de WebwinkelKeur sidebar om onbekende redenen niet wordt weergegeven. In dit stappenplan helpen we je om zelf het probleem te achterhalen.

Stap 1: wordt sidebar.js geladen?

De eerste stap is controleren of het script dat onze sidebar laadt wel wordt geladen. Dit kan eenvoudig door de broncode van de pagina te bekijken. Ga in je browser naar de pagina waar je de sidebar verwacht en klik met je rechtermuisknop op een leeg gedeelte. Kies daar voor "Show Page Source" of "Paginabron weergeven".

Je krijgt nu de code van de pagina te zien. Klik op de code en gebruik Ctrl + F om het zoekvenster te openen. Zoek vervolgens op "sidebar.js". Vind je een code zoals onderstaand, dan is de sidebar goed geïnstalleerd. Vind je geen code? Controleer dan in de module-instellingen van WebwinkelKeur binnen jouw webshop of de sidebar is ingeschakeld. Probeer eventueel de module opnieuw te installeren.

Let op: gebruik je Lightspeed? Zoek dan niet op "sidebar.js", maar op "scripts/sidebar". Je zou dan iets moeten vinden wat lijkt op onderstaande code.

Stap 2: code van de sidebar juist?

Heb je de sidebar code gevonden? Controleer dan of er geen instellingen in de code staan die de sidebar deactiveren. Bijvoorbeeld:

_webwinkelkeur_sidebar = false; deactiveert de sidebar volledig.
_webwinkelkeur_mobile = false; deactiveert de sidebar alleen op kleine schermen.

Kijk ook of de waarde _webwinkelkeur_id de juiste waarde heeft. Dit nummer moet overeenkomen met de URL van jouw ledenpagina. Bijvoorbeeld: staat jouw ledenpagina op https://www.webwinkelkeur.nl/webshop/WebwinkelNaam_1047.html, dan is jouw webwinkelkeur_id 1047.

Let op: gebruik je Lightspeed? Dan dien je eerst de URL te openen die je in stap 1 vond (bijv. https://www.webwinkelkeur.nl/apps/seoshop/scripts/sidebar_13493.js). Het nummer in de URL is niet jouw ID maar een willekeurig nummer. In dat bestand vind je vervolgens dezelfde sidebar code met jouw instellingen.

Stap 3: instellingen dashboard

Heb je in stap 1 de code gevonden, dan is de volgende stap controleren of de configuratie in je dashboard goed staat. Log hiervoor in op https://dashboard.webwinkelkeur.nl en kies de juiste webshop (als je meerdere hebt).

Klik in het linker menu op Promotie en kies Sidebar. Je ziet nu de instellingen voor de sidebar. Controleer dat de sidebar niet op "uitgeschakeld" staat, en doe hetzelfde bij de mobiele sidebar. Sla wijzigingen onderaan op. Het kan even duren voordat de nieuwe instellingen zichtbaar worden.

Stap 4: Nog steeds geen sidebar?

Heb je in de vorige stappen geen probleem gevonden? Dan is er waarschijnlijk sprake van een technisch probleem. Vaak ligt dit in een JavaScript-conflict met andere onderdelen van je website. Neem hiervoor contact op met je webbeheerder. Komt hij er ook niet uit, neem dan gerust contact op met WebwinkelKeur voor ondersteuning.

Met tools zoals GTmetrix en WebPageTest kan gemeten worden hoe lang het laden van individuele bronbestanden van een website duurt. Wanneer daar onze sidebar of widget zichtbaar zijn, betekent dat niet dat daardoor het laden van de site vertraagd wordt. Dat is omdat onze sidebar en widget asynchroon geladen worden. Dat houdt in dat het laden "in de achtergrond" gebeurt, terwijl het laden van de rest van je website gewoon doorgaat. Hierdoor zal het laden van onze sidebar en widget jouw site niet vertragen. Heb je toch een meting waaruit echt blijkt dat jouw site vertraagd wordt door onze integraties, dan horen we graag van je. Stuur in dat geval ook een link van de meting mee.