Trusted Shops gebruiken met Mijnwebwinkel

Trusted Shops heeft momenteel helaas geen plug-in voor Mijnwebwinkel. Je kunt de producten die je hebt geboekt echter gewoon in je website integreren. Dit gaat snel en gemakkelijk met behulp van de Google Tag Manager.

Stap 1: Verbind de Google Tag Manager met je Mijnwebwinkel-account

Mijnwebwinkel heeft een handleiding opgesteld waarin wordt uitgelegd hoe je de verbinding tussen je Mijnwebwinkel-account en de Google Tag Manager tot stand brengt. Je vindt deze handleiding in het ondersteuningsgedeelte van Mijnwebwinkel,  via deze link. Volg de stappen 1 (“Account maken”) en 2 (“Container koppelen”) en keer dan terug naar deze handleiding.

Stap 2: Pas je bestelnummers in Mijnwebwinkel aan

Om de integratie van Trusted Shops in het Mijnwebwinkel-systeem optimaal te laten werken, moet je een paar kleine aanpassingen doen in de bestelnummers. Een technische vereiste is dat je bestelnummers uit ten minste twee cijfers bestaan. Je kunt dit instellen in de backend van je persoonlijke account bij Mijnwebwinkel.

Selecteer eerst het menuonderdeel "Bezoekers" en klik op "Orders". Open dan het gedeelte "Ordervolgnummer" en voer de waarde 10 in in het invoerveld "De volgende order krijgt ordernummer" (). Zo weet je zeker dat je bestelnummers beginnen bij 10 en vanaf daar optellen.

Klik ten slotte op de knop "Opslaan" ().

Stap 3: Integreer de Trustbadge® in je website met behulp van de Google Tag Manager

Nadat je de Google Tag Manager hebt verbonden met je Mijnwebwinkel-account en alle voorbereidingen hebt getroffen in je backend, kun je de Trustbadge in je website integreren.  Je kunt ook heel gemakkelijk je keurmerk integreren en de kopersbescherming aanbieden.

De integratie van de Trustbadge vindt plaats in de Google Tag Manager in je account. Ga in je accountbeheer naar de Google Tag Manager en selecteer het menuonderdeel "Tags" () in de hoofdnavigatiebalk aan de linkerkant van het venster. Klik in het overzicht dat wordt geopend op de knop "Nieuw" ().

Geef de nieuwe tag eerst een naam () (bijv. Trustbadge Klik vervolgens op "Tagconfiguratie" (). Er wordt een nieuw menu geopend. Kies hierin de optie "Aangepaste HTML" ().

Voor de volgende stap heb je de onderstaande Trustbadge-code nodig.

<script async
data-desktop-y-offset="24"
data-mobile-y-offset="20"
data-desktop-disable-reviews="false"
data-desktop-enable-custom="false"
data-desktop-position="right"
data-desktop-custom-opening-direction=""
data-desktop-custom-width="150"
data-desktop-enable-fadeout="false"
data-disable-mobile="false"
data-disable-trustbadge="false"
data-mobile-custom-width="150"
data-mobile-custom-opening-direction=""
data-mobile-disable-reviews="false"
data-mobile-enable-custom="false"
data-mobile-position="right"
data-mobile-enable-topbar="false"
charset="UTF-8"
src="//widgets.trustedshops.com/js/KOPIEER_HIER_UW_EIGEN_UNIEKE_TS-ID.js">
</script>

Voordat je deze in de Google Tag Manager kunt gebruiken, moet je nog wel één ding aanpassen: vervang het rood gemarkeerde gebied (KOPIEER_HIER_UW_EIGEN_UNIEKE_TS-ID) door jouw Trusted Shops-ID.

Kopieer de aangepaste Trustbadge-code in zijn geheel en ga terug naar de Google Tag Manager. Voeg de code in in het invoerveld "HTML" () en zet een vinkje bij "document.write ondersteunen" (). Klik vervolgens op het veld "Triggers" ().

In de volgende stap definieer je op welke pagina van je webshop de nieuw aangemaakte tag, met de Trustbadge, moet worden getoond. Selecteer "All Pages". Daarna kom je weer terug bij het tagoverzicht. Klik hier op de button "Opslaan" in de hoek rechtsboven.

Zo wordt de Trustbadge getoond op iedere pagina van je shop, ook op de bedankpagina.

Stap 4: Het aanbieden van de kopersbescherming en de verzending van beoordelingsverzoeken

Om je klanten beoordelingsverzoeken te kunnen sturen en na de certificering de kopersbescherming aan te kunnen bieden, heeft de Trustbadge nog wat hulp nodig. Dit wordt gerealiseerd door het plaatsen van een DIV-element ter herkenning van je bevestigingspagina voor de bestelling (pagina waarop de klant wordt bedankt). De Trustbadge opent daar dan automatisch de Trustcard voor je bezoekers, die de verzekering van de bestelling en/of de toestemming voor de beoordelingsherinnering bevat.

Om het je klanten makkelijker te maken, moeten de gegevens die nodig zijn voor de activering van de kopersbescherming naar de Trustbadge worden gestuurd, zodat ze hun bestelgegevens niet opnieuw hoeven in te voeren. De Google Tag Manager heeft de mogelijkheid om toegang te krijgen tot alle gegevens die noodzakelijk zijn voor het afsluiten van de kopersbescherming van Trusted Shops.

Met de door de gebruiker gedefinieerde variabelen biedt de Google Tag Manager een mogelijkheid om de gegevens uit de DataLayer toegankelijk te maken. Selecteer hiervoor in het hoofdmenu van de Google Tag Manager het menuonderdeel "Variabelen" () en klik in het gedeelte "Door de gebruiker gedefinieerde variabelen" op de button "Nieuw" ().

Ken de variabele eerst een naam () toe ("orderNumber") en klik vervolgens op "Variabeleconfiguratie" (). Kies in het menu dat wordt geopend het menuonderdeel "Variabele voor gegevenslaag" ().

Voer vervolgens in het invoerveld "Naam van variabele voor gegevenslaag" () de naam van de gegevenslaagvariabele in die uitgelezen moet worden. In dit voorbeeld willen we de waarde in de bestelnummerparameter uitlezen. Daarom gebruiken we als naam "orderNumber". Klik vervolgens op "Opslaan" () om de variabele aan te maken.

Hiermee heb je de gegevens uit de bestelnummerparameter toegankelijk gemaakt. Herhaal deze stap nu ook voor de andere parameters. Gebruik de volgende lijst om de Google Tag Manager-variabelen een naam te geven op basis van de namen van de gegevenslaagvariabelen:

Om het DIV-element in je webshop te integreren, moet dit nieuw worden aangemaakt in Google Tag Manager. Selecteer hiervoor eerst het menuonderdeel "Tags" () in het hoofdmenu en klik op de knop "Nieuw" ().

Bepaal eerst een naam voor de tag (bijv. "Trustcard") () en klik vervolgens op "Tagconfiguratie" (). Kies nu het menuonderdeel "Aangepaste HTML" () uit.

Kopieer vervolgens de onderstaande HTML-code en plak deze in het invoerveld "HTML" ().

<script>
var strOut = '<div id="trustedShopsCheckout" style="display: none;"><span id="tsCheckoutOrderNr">'
+ {{orderNumber}} + '</span><span id="tsCheckoutBuyerEmail">'
+ {{orderEmail}} + '</span><span id="tsCheckoutOrderAmount">'
+ {{orderAmount}} + '</span><span id="tsCheckoutOrderCurrency">'
+ {{orderCurrency}} + '</span><span id="tsCheckoutOrderPaymentType">'
+ {{orderPaymentMethod}} + '</span>';
strOut = strOut + '</div>';
document.write(strOut);

trustbadge.remove();
trustbadge.reInitialize(); 
</script> 

Activeer ook weer "document.write ondersteunen" () met een vinkje. Klik vervolgens op "Triggers" ().

Om ervoor te zorgen dat de Trustcardtag die je aanmaakt ook werkelijk op de bedankpagina wordt getoond, moet je een nieuwe trigger configureren. Klik hiervoor op de "+" en geef de nieuwe trigger bijvoorbeeld de naam "Order Confirmation" (). Klik dan op het gebied "Triggerconfiguratie" () en selecteer "DOM klaar" () als het triggertype.

De Trustcardtag moet echter niet op alle pagina's worden getoond. Kies daarom de optie "Sommige paginaweergaven" (). Vervolgens kun je een regel definiëren (). Stel met behulp van de twee dropdownmenu's eerst "Page URL" en "bevat" in als eerste componenten van de regel. Geef nu in het invoerveld een deel van de URL (“checkout/finish”) van je bedankpagina in, aan de hand waarvan de Google Tag Manager de bedankpagina kan herkennen en er de Trustcardtag op activeert. Klik vervolgens op "Opslaan" ().

Je komt nu weer terug bij het overzicht van de tag. Klik ook hier op "Opslaan". Klik vervolgens op "Verzenden" in het hoofdmenu van de Google Tag Manager. De integratie is nu met succes afgerond.