Trusted Shops product update: nieuwe look voor de mobiele Trustbadge®!

Onderzoek geeft aan dat in 2020 waarschijnlijk meer dan 50% van alle transacties in webshops gedaan zullen worden via smartphones. Om hier helemaal op voorbereid te zijn met Trusted Shops, hebben we een nieuwe display optie voor de Trustbadge® op mobiel!

blogImage-mobile_trustbage_2

3 nieuwe opties voor mobiele apparaten

Met onze 3 nieuwe standaard opties voor mobiele Trustbadge weergave, heb jij de volledige controle over hoe de Trustbadge geïntegreerd wordt in jouw webshop.

De Trustbadge is er om de betrouwbaarheid van je webshop te presenteren aan online shoppers op een simpele en effectieve manier. Naast het keurmerk, kun je ook reviews weergeven en verzamelen.

Altijd in beeld: het nieuwe zwevende design

 

trustbadge-mobile-floating (1)

 

Deze nieuwe zwevende variant zorgt ervoor dat het keurmerk goed in beeld is voor de online shopper. Met dit design neemt het keurmerk niet veel ruimte in op je website. Als er naar beneden gescrold wordt, dan verdwijnt het keurmerk. Zodra er weer omhoog gescrold wordt, komt het keurmerk weer terug.

Je kunt deze mobiele versie van het keurmerk bekijken in onze Demo Shop via je smartphone.

 

NL_tb-floating-trustmark-reviews

 

Alle webshops die gebruik maken van het Trusted Shops keurmerk en daarbij ook de Trusted Shops reviews willen weergeven, kunnen dit ook doen met de zwevende versie van de Trustbadge. Dat ziet er dan uit zoals in bovenstaande afbeelding.

Deze Trustbadge werkt dan verder precies hetzelfde als bij de eerste versie.

 

NL_tb-floating-reviews-only

Als je webshop gebruik maakt van de Trusted Shops reviews maar nog niet gecertificeerd is voor het keurmerk, dan laat de zwevende Trustbadge alleen de gele review sterren zien samen met de gemiddelde score van de shop.

Ook hier reageert de Trustbadge op dezelfde manier als bij de vorige versies. Bij het naar beneden scrollen verdwijnt de Trustbadge, maar komt weer terug bij het omhoog scrollen.

 

Gepersonaliseerde variant beschikbaar voor mobiel

 

NL_tb-custom-trustmark-reviews

 

Als je de standaard Trustbadge wilt gebruiken op je website voor desktop en een andere variant op mobiel wilt laten weergeven, dan is dat nu eenvoudig mogelijk. Deze optie is nu eenvoudig gestandaardiseerd en je hebt alleen maar 2 regels van code nodig om het toe te passen.

Met deze nieuwe optie kun je het keurmerk en de reviews score weergeven waar je maar wilt op verschillende apparaten.

 

De klassieker: de responsive versie

 

NL-tb-header-trustmark-reviews

 

Het derde design is onze klassieker: de responsive versie. De balk wordt weergegeven boven de header van je website en bestaat uit het keurmerk in combinatie met de gemiddelde reviewscore. Bestaande integraties van de Trustbadge worden nog op deze manier weergegeven op mobiel.

 

Hoe gebruik je de nieuwe lay-outs?

Om de nieuwe lay-outs te gebruiken, moet je de parameter ‘responsive’ toevoegen.

 

  • Plaats gepersonaliseerde mobiele variant anders dan op desktop

'responsive': {'variant': 'custom', 'customElementId': 'myMobileCustomTrustbadge'}

De termen ‘custom’ en ‘custom_reviews’ kunnen worden ingevoerd bij ‘variant’ als waarde.

Voeg de volgende HTML code toe op de positie waar je de Trustbadge wilt weergeven, bijvoorbeeld in de header of de footer van je website:

<div id="myMobileCustomTrustbadge" style="width:100px;height:50px"></div>

Gebruik de CSS properties ‘width’ en ‘height’ in deze HTML code om de maat aan te geven waarin je Trustbadge wilt weergeven. Beide waardes moeten worden ingevuld.

Als je dit doet, houd dan het originele Trustbadge ratio in gedachten (width:height) van 2:1 voor de ‘custom_reviews’ versie en 1:1 voor de ‘custom’ versie.

 

  • Gebruik de zwevende variant

'responsive': {'variant': 'floating'}

De nieuwe zwevende variant is zelfs nog makkelijk te gebruiken: Voeg gewoon de bovenstaande code toe als een extra parameter aan je al bestaande Trustbadge integratie. Als je het keurmerk al hebt, dan kun je zo automatisch gebruik maken van het nieuwe mobiele design.

Als je ook de review score wilt weergeven, voeg dan het volgende toe:

'responsive': {'variant: 'floating_reviews'}

 

  • Gebruik de responsive versie

Om de responsive versie van de Trustbadge te gebruiken zijn er geen extra aanpassingen nodig. De nieuwe versie wordt automatisch weergegeven zodra de Trustbadge wordt geïntegreerd.

Voor meer informatie over hoe de Trustbadge geïntegreerd wordt op je weshop en hoe je het kunt gebruiken in combinatie met populaire e-commerce platforms, bekijk dan onze integratie tips.

 

Als je de Trustbadge nog niet geïntegreerd hebt of als je vragen hebt over de integratie, neem dan contact op met je Customer Succes Manager – zij helpen je graag verder!

New call-to-action

0 Comments