Hoe kan ik de #trstd login integreren in mijn website?

Met de #trstd login kunnen je klanten met één klik de authenticiteit van je website verifiëren. Dit helpt u het vertrouwen in je webshop te versterken en het aantal afgebroken aankopen te verminderen.

Standaard wordt de #trstd login aangeboden via de Trustbadge. Je kan hem echter ook rechtstreeks in je website integreren en de positie en het uiterlijk ervan individueel instellen. Dit is bijvoorbeeld handig als je de integratie van de Trustbadge niet in het zichtbare gedeelte van je website hebt uitgevoerd.

Als je Shopify, Shopware 6 of Shoper gebruikt, kan je de #trstd login rechtstreeks via de betreffende plug-in integreren. De configuratie is daar al voorbereid en hoeft niet handmatig in de code van je website te worden geïntegreerd.

Voer de volgende stappen uit om de #trstd login handmatig te integreren:

  1. Open de configurator
  2. Integreer de #trstd login
  3. Maak je eigen thema aan (optioneel)
  4. Registreer een staging-omgeving (optioneel)

Stap 1: Open de configurator

  1. Log in op het eTrusted controlecentrum.
  2. Klik in de hoofdnavigatie op het website-icoontje (“#trstd login”) (01_16x16.png). Klik vervolgens op “#trstd login” (02_16x16.png). Selecteer het gewenste kanaal (03_16x16.png). Klik op “Aan de slag met #trstd login” (04_16x16.png).
    Open de #trstd-loginconfigurator in het eTrusted controlecentrum

U hebt nu de #trstd-loginconfigurator succesvol geopend.

Stap 2: Integreer de #trstd login

Het standaardthema is al beschikbaar in de configuratie van de #trstd login. Het is zo ontworpen dat het over toegankelijkheid beschikt en zonder verdere aanpassingen kan worden gebruikt.

Om de #trstd login te integreren, moet je twee codefragmenten toevoegen aan de HTML-code van je website:

  • het script voor de integratie
  • het element
  1. Open in de #trstd loginconfigurator het tabblad “Integratie” (01_16x16.png)
  2. Klik in het gedeelte “Standaardthema” op “Integratiecode ophalen” (02_16x16.png).
    Open het tabblad “Integratie” en haal de code voor de integratie voor het standaardthema op
  3. Er verschijnt een pop-upvenster. Klik op “Integratiescript kopiëren” om het integratiescript naar je klembord te kopiëren.
    Kopieer het script voor de integratie uit het pop-upvenster van de #trstd-login
  4. Voeg het codefragment in de <head-sectie van je website in.
  5. Ga terug naar het pop-upvenster. Klik op “Element plaatsen kopiëren” om het element naar je klembord te kopiëren.
    Kopieer het element uit het pop-upvenster van de #trstd-login.
  6. Voeg het codefragment op de gewenste plaats in de HTML-code van je website in.

Je hebt de #trstd login nu succesvol in je website geïntegreerd.

Hoe kan ik de #trstd login aanpassen aan mijn website?

Als je het uiterlijk van de #trstd login beter wilt afstemmen op je website of huisstijl, kan je je eigen thema maken.

Het standaardthema blijft beschikbaar en wordt niet overschreven. Na het opslaan is je eigen thema ook beschikbaar in de themalijst.
  1. Open in de #trstd loginconfigurator het tabblad “Thema's & weergave” (01_16x16.png)
  2. Klik op “Nieuw thema maken” (02_16x16.png).
    Maak een nieuw thema aan in het tabblad Thema & Uiterlijk
  3. Er verschijnt een nieuw gedeelte. Voer eerst een naam (01_16x16.png) voor het thema in. Je hebt ook de volgende opties:
    • Bepaal de grootte van de #trstd login (02_16x16.png).
    • Stel de kleur en dikte van de rand in (03_16x16.png).
    • Stel de achtergrondkleur in voor de inactieve en actieve statussen (04_16x16.png).
    • Stel de kleur van de inlogknop in voor de inactieve en actieve statussen (05_16x16.png).
    • Stel de kleur van het e-pictogram in voor de inactieve en actieve statussen (06_16x16.png).
  4. Controleer je aanpassingen in het voorbeeld (07_16x16.png). Klik vervolgens op “Thema opslaan” (08_16x16.png).
    Een individueel #trstd-loginthema configureren en opslaan
  5. Je hebt nu met succes een thema aangemaakt. Het is nu beschikbaar in de themalijst. Klik op "Integratie". Klik naast je thema op “Integratiecode ophalen”.
  6. Integreer het script en het element voor de integratie in je website zoals hierboven beschreven.

Je hebt de #trstd login nu met succes geïntegreerd met je eigen thema.

Hoe kan ik een staging-omgeving registreren?

Als je de #trstd login eerst in een testomgeving wilt testen, kan je je staging-omgeving koppelen aan het eTrusted controlecentrum.

  1. Open het tabblad “Teststages” (01_16x16.png). Klik op “Test-URL registreren” (02_16x16.png).
    Open het tabblad Testomgevingen en registreer een test-URL
  2. Voer de URL van de staging-omgeving in (01_16x16.png). Klik op "Test-URL opslaan” (02_16x16.png).
    Voer de URL van de staging-omgeving in en sla deze op

Je hebt je staging-omgeving nu succesvol geregistreerd.


Aantal gebruikers dat dit nuttig vond: 0 van 0