Heb je de Trustbadge® nog niet geïntegreerd? Voer dan eerst de standaardintegratie uit voordat je verdergaat. Dit artikel kan daarbij handig zijn: Hoe kan ik de Trustbadge® zonder plug-in in mijn shop integreren?
Via de link naar het artikel hierboven vind je ook de Trustbadge-code, die de basis vormt voor alle aanpassingen in de volgende tekst.
Je kunt configureren hoe de Trustbadge op mobiele apparaten wordt weergegeven, onafhankelijk van de weergave op desktops. Binnen de standaardintegratie zijn voor de mobiele Trustbadge de volgende regels vastgelegd:
- De Trustbadge presenteert jouw verzamelde beoordelingssterren en – na succesvolle certificering – het keurmerk.
- De Trustbadge wordt aan de linkerkant op het scherm weergegeven.
- De Trustbadge wordt 10 pixels boven de onderste rand van het scherm weergegeven.
Je kunt deze regels natuurlijk aanpassen aan jouw individuele behoeften. In dit artikel leggen we uit hoe je de Trustbadge®-code kunt gebruiken om...
- ...te veranderen hoe de mobiele Trustbadge wordt weergegeven.
- ...de Trustbadge naar een andere positie in je mobiele weergave te verplaatsen.
- ...de fade-outmodus te deactiveren.
Hoe kan ik de mobiele Trustbadge anders weergeven?
Binnen de standaardintegratie presenteert de Trustbadge jouw verzamelde beoordelingssterren en – na succesvolle certificering – het keurmerk.
Met behulp van de Trustbadge-code kun je de weergave van de Trustbadge op drie manieren veranderen:
- Je kunt de verzamelde beoordelingssterren verbergen en alleen het keurmerk weergeven.
- Je kunt de desktopvariant van de Trustbadge ook gebruiken in de mobiele versie van jouw website.
- Je kunt de top bar variant van de Trustbadge gebruiken in de mobiele versie van jouw website.
Beoordelingssterren verbergen
- In de Trustbadge-code vind je de volgende codestring:
data-mobile-disable-reviews="false"
- Vervang de code string door de volgende codestring:
data-mobile-disable-reviews="true"
Nu heb je de beoordelingssterren verborgen in de mobiele versie van jouw website.
De desktopvariant van de Trustbadge gebruiken in de mobiele versie van jouw website
- In de Trustbadge-code vind je de volgende codestring:
data-disable-mobile="false"
- Vervang de code string door de volgende codestring:
data-disable-mobile="true"
Dit betekent dat je de desktopvariant van de Trustbadge ook kunt gebruiken in de mobiele versie van jouw website.
De top bar variant van de Trustbadge gebruiken
- In de Trustbadge-code vind je de volgende codestring:
data-mobile-enable-topbar="false"
- Vervang de code string door de volgende codestring:
data-mobile-enable-topbar="true"
Hiermee kun je de top bar variant van de Trustbadge gebruiken in de mobiele versie van jouw site.
Bij de top bar variant van de Trustbadge is deze vast geplaatst aan de bovenkant van het scherm. Je kunt deze positie niet wijzigen.
Hoe kan ik de mobiele Trustbadge naar een andere positie verplaatsen?
In de standaardintegratie wordt de mobiele Trustbadge links op het scherm en 10 pixels boven de onderste rand van het scherm weergegeven.
Met behulp van de Trustbadge-code kan de mobiele Trustbadge worden verplaatst...
...horizontaal van de linkerrand van het scherm naar het midden of naar rechts.
...verticaal omhoog of omlaag.
...flexibel in de mobiele versie van jouw website.
De Trustbadge aan de rechterkant van het scherm of in het midden plaatsen
- In de Trustbadge-code vind je de volgende codestring:
data-mobile-position="left"
- Vervang de code string door de volgende codestrings:
- Als je de Trustbadge aan de rechterkant wilt plaatsen:data-mobile-position="right"
- Als je de Trustbadge in het midden wilt plaatsen:data-mobile-position="center"
Je hebt de Trustbadge nu aan de rechterkant van het scherm of in het midden geplaatst.
De Trustbadge naar boven of naar beneden verplaatsen
- In de Trustbadge-code vind je de volgende codestring:
data-mobile-y-offset="0"
- Vervang de 0 door het aantal pixels waarmee de Trustbadge omhoog of omlaag moet worden gebracht.
Twee voorbeelden:
- Wil je de Trustbadge 5 pixels hoger plaatsen? Gebruik dan de volgende codestring:
data-mobile-y-offset="5"
- Wil je de Trustbadge naar beneden verplaatsen? Gebruik dan de minwaarden. Gebruik de volgende codestring om de Trustbadge 5 pixels lager te plaatsen:
data-mobile-y-offset="-5"
Gebruik alleen waarden tot -10.
Je hebt de Trustbadge nu naar boven of beneden verplaatst.
De Trustbadge flexibel op jouw website plaatsen
Naast de hierboven beschreven standaardvariant van de Trustbadge kun je ook de aangepaste versie in de mobiele weergave van jouw website integreren.
De aangepaste variant verschilt op drie manieren van de standaardvariant:
- Hij ziet er anders uit dan de standaardvariant. Hier kun je de aangepaste variant bekijken:
(met beoordelingssterren) (zonder beoordelingssterren) - Je kunt de aangepaste variant volledig flexibel op jouw website plaatsen.
- Je kunt de grootte van de aangepaste variant wijzigen.
De aangepaste variant heeft standaard een breedte van 156 pixels en een hoogte van 78 pixels in de mobiele weergave. Hieronder leggen we uit hoe je de grootte van de Trustbadge in de mobiele weergave kunt wijzigen. Vind je de bovenvermelde standaardwaarden in orde? Sla dan de volgende twee stappen over en ga verder met stap 3.
- In de Trustbadge-code vind je de volgende codestring:
data-mobile-custom-width="156"
- Vervang de 156 door het aantal pixels dat je als breedte van de Trustbadge wilt instellen.
Het aantal pixels dat je hier kunt instellen, hangt af van de vraag of je de beoordelingssterren in de mobiele weergave hebt verborgen.
- Heb je de beoordelingssterren verborgen? Als dat het geval is, selecteer je tussen 32 en 58 pixels.
- Heb je de beoordelingssterren niet verborgen? Dan selecteer je tussen 100 en 500 pixels.
Het aantal pixels voor de hoogte van de Trustbadge wordt automatisch bepaald door de breedte die je hebt geselecteerd. Je hoeft dit niet zelf te specificeren.
- In de Trustbadge-code vind je de volgende codestring:
data-mobile-enable-custom="false"
- Vervang de code string door de volgende codestring:
data-mobile-enable-custom="true"
- Open de broncode van jouw website.
- Plaats de volgende codestring op jouw website op de plek waar de Trustbadge moet worden weergegeven:
<div id="trustbadgeCustomMobileContainer"></div>
Mogelijke opties zijn bijvoorbeeld de header of de footer.
Je hebt de Trustbadge nu geïntegreerd op de positie die je op jouw website hebt geselecteerd.
Hoe kan ik de fade-outmodus van de mobiele Trustbadge deactiveren?
In de mobiele weergave wordt de fade-outmodus automatisch geactiveerd. In deze modus wordt de Trustbadge bovenaan elke pagina weergegeven. Hij vervaagt echter naarmate je klanten verder naar beneden scrollen. Hij verschijnt weer zodra je klant terugkomt bovenaan de pagina. Je kunt de fade-outmodus deactiveren, zodat de Trustbadge niet meer wordt verborgen.
- In de Trustbadge-code vind je de volgende codestring:
data-mobile-enable-fadeout="true"
- Vervang de code string door de volgende codestring:
data-mobile-enable-fadeout="false"
Je hebt de fade-outmodus nu gedeactiveerd in de mobiele weergave.