Shopify 101: Trust Badge

Vertrouwen is alles op het internet. Zeker in webshops. Daarom hoort elke webshop eigenlijk een 'Trust Badge' geïmplementeerd te hebben.

Wat is een 'Trust Badge'?

Simpel gezegd een badge (of button) waarmee je vertrouwen richting de bezoeker probeert te kweken of bevestigen. Op een 'Trust Badge' staat. Doorgaans communiceer je op een 'Trust Badge' wat de geaccepteerde betalingsmethodes zijn en dat jouw webshop te vertrouwen is. Een extra stap hierin is, jouw webshop aansluiten bij een keurmerk als 'Thuiswinkel' en dit in in de 'Trust Badge' te communiceren.

Vertrouwen komt te voet

Hierbij is het handig om je te realiseren dat vertrouwen 'te voet komt en te paard gaat'. Zorg dus dat je het vertrouwen van de gebruiken niet beschaamd en nakomt wat je beloofd.

Ontwerp

Wij adviseren de 'Trust Badge' zo simpel mogelijk te houden bij het ontwerpen hiervan. Een simpel kader met daarin de logo's van de betalingsmethodes, het eigen logo en of zelfs het 'Thuiswinkel' logo.

Voorbeeld van een 'Trust Badge'

Wij hebben de 'Trust Badge' opgemaakt in Affinity Designer. Je kan de 'Trust Badge' hieronder downloaden voor Affinity Designer, Adobe Photoshop of Adobe Illustrator.

Locatie

Het plaatsen van een 'Trust Badge' is ook niet lastig. Doorgaans is het goed om een 'Trust Badge' te plaatsen vlakbij de 'Koopknop' om mogelijke twijfel weg te nemen. Gebruik de 'Trust Badge' met mate en plaats deze op het juiste moment in de hele beslissingsflow van de bezoeker.

Shopify: App of Liquid

In Shopify kan je eigenlijk op twee manieren een 'Trust Badge' implenmenteren. Allereerst kun je een App gebruiken om jouw 'Trust Badge' te integreren in jouw webshop.

Free Trust Badge

Trust Badges by VITALS TRUST

Trust Badges by FoxDrive Trust

Deze Apps zijn over het algemeen eenvoudig te installeren en implementeren in jouw shop binnen jouw thema. Tevens zijn deze Apps gratis.

De tweede manier is door het zelf in de code te integreren. Dit is eigenlijk de beste manier, omadat je hiermee zeker weet dater geen extra code wordt geimplementeerd, die later voor conflicten in de code kan zorgen. Daarnaast is het zelf maken en implementeren binnen Shopify een fluitje van een cent.

De Code

De code voor een 'Trust Badge' is simpele HTML/CSS Code:

<div style="padding-top: 10px; padding-bottom: 40px; text-align: center;">

<img src="..//..-trust-badge.svg" width="325px" height="65px" >

</div>

Deze simpele code heeft een:

Breedte van 315 px - width="325px"

Hoogte van height="65px"

De locatie van de button is belangrijk en kan wat zoekwerk zijn in de code van jouw webshop. Doorgaans wordt deze code geplaatst nabij de 'Add to Cart' knop. Deze is doorgaans te vinden in de file: product.template.liquid. Deze is te vinden door binnen Shopify te navigeren naar: Online Store > Actions: Edit Code > Sections: product.template.liquid.

De code kan bijvoorbeeld geplaatst worden tussen {% if product.description != blank %} en <div class="description" itemprop="description">

Uiteraard is dit deels afhankelijk van de specifieke code en opbouw van het door jouw gebruikte theme.

De 'Trust Badge' kan ook geplaatst worden in de winkelwagen zelf, zodat als iemand al overgegaan is tot bestellen voorafgaande aan het betalen de 'Trust Badge' te zien krijgt. Wij kiezen doorgaans voor deze optie, omdat wij geloven dat dit het beste moment is om extra vertrouwen uit naar de gebruiker te communiceren. Je kan deze natuurijk ook zowel in de productpagina als in de winkelwagen, dat is uiteraard helemaal aan jou.

Verrijk Mijn Content!