Hoe kan ik widgets aan mijn website toevoegen?

In eTrusted vind je verschillende kant-en-klare widgets die je kunt gebruiken om bezoekers nieuwsgierig naar je website te maken.

Vertrouwen is het belangrijkste betaalmiddel op internet. Als je - goed zichtbaar - op je website een reeks positieve beoordelingen kunt laten zien, creëer je een sfeer van vertrouwen voor je webshop waardoor je hogere verkoopcijfers kunt verwachten.

Waar kan ik de beschikbare widgets zien?

Je vindt alle beschikbare widgets in onze Widgetbibliotheek.

1. Meld je aan bij het eTrusted controlecentrum.
2. Klik op de ster ('Beoordelingen') () in het hoofdnavigatiemenu. Klik vervolgens op 'Marketing' ().
3. Open het tabblad 'Widgets' ().
   

Hier kun je uit verschillende varianten kiezen en elke widget aanpassen aan het design van jouw webshop.

In de Widgetbibliotheek vind je van elke widget een preview. Zo kun je bepalen welke widget het meest geschikt is voor jouw website, en waar je deze het beste kunt plaatsen.

Elke widget is al geoptimaliseerd voor desktop en mobiel, zodat je je geen zorgen hoeft te maken over de correcte weergave op de apparaten van je gebruikers. In de codering houden we rekening met twee schermvarianten: de ene is klaar voor gebruik bij kleinere schermen van mobiele apparaten, de andere komt optimaal tot zijn recht op computerschermen.

Wil je zien hoe onze widgets er uitzien op een website? Hier vind je een overzicht en meer informatie:
Hoe zien widgets er op mijn website uit?

Hoe kun je widgets configureren?

Stap 1: Een widgetcode aanmaken

1. Volg de bovenstaande instructies om het 'Widgets'-overzicht te openen.
2. Selecteer een widget. Klik vervolgens op de knop 'Creëren' voor de gewenste widget. De configuratiemodus wordt dan geopend.
   

Houd er rekening mee dat je minimaal vijf beoordelingen moet hebben verzameld (ieder met minstens 12 tekens), voordat de widget "Review Carousel" in je winkel kan worden weergegeven.

3. Selecteer het kleurschema waarin de widget moet worden getoond:
   - Selecteer 'Light' als de widget altijd in het standaard kleurenschema moet worden getoond.
   - Selecteer 'Dark' als de widget altijd donker moet zijn.
   - Selecteer 'OS default' als je wilt dat de instellingen van de donkere modus van je klanten aangeven of de widget al dan niet in donkere modus wordt getoond.
   
4. Wil je een andere kleur gebruiken voor je beoordelingssterren en de balken in de Full Review List? Klik vervolgens op het 'Accentkleur' veld.
   
   Er verschijnt een vervolgkeuzemenu. Selecteer een van de voorgestelde kleuren () of voer de hexadecimale waarde van de gewenste kleur in het invoerveld in (). Klik vervolgens op 'Toepassen' ().
   
5. Wil je het lettertype van je eigen website gebruiken in de widget? Tik dan op 'Het lettertype van je website gebruiken'.
   
6. Vink 'Afbeeldingen weergeven' aan als de door je klant geüploade productfoto's in de widget moeten worden getoond.

7. Integreer je momenteel de widget 'Customer Voice'? Klik dan op de pijl rechtsboven in het gedeelte 'Een citaat markeren'. Er wordt een lijst met je vier- en vijfsterrenbeoordelingen geopend.
   
   
   Moeten alleen beoordelingen van klanten die hun naam hebben opgegeven in deze lijst worden weergegeven? Vink vervolgens het vakje 'Alleen beoordelingen met namen weergeven' aan.
   
   Selecteer de gewenste beoordeling.
   
   Gebruik de blauwe tekstmarkeerder om te selecteren welk deel van de beoordeling moet worden weergegeven in de widget.
   
   
   De naam van je klant wordt automatisch geanonimiseerd door de widget. Toch kunnen je klanten vervolgens bezwaar maken tegen de prominente weergave van hun beoordeling op je website.
   Ontwikkel in dit geval een proces om de betreffende beoordeling snel van je website te kunnen verwijderen. Tip: Maak gewoon een nieuwe 'Customer Voice'-widget aan en vervang de oude widgetcode op je website door de nieuwe.

8. Klik op 'Widget-code creëren'. Het overzicht 'Het integreren van widgets op je website' gaat open.
   

Je hebt nu je widgetcode aangemaakt. Nu moet je de widgetcode integreren op je site.

Stap 2: Je widgetcode integreren op je website

Voor de weergave van widgets op je website voeg je de HTML- en JavaScript-code toe aan de head en body van de HTML van je website. De codefragementen die je hiervoor nodig hebt, vind je in het overzicht 'Het integreren van widgets op je website', dat opengaat nadat je widgetcode is gegenereerd.

Heb je niet de technische kennis om je widgetcode in de HTML van je webpagina toe te voegen? Klik dan op 'Alle instructies kopiëren'. Daarna open je een tekstbestand naar keuze en plak je de widgetcode in het tekstbestand. Het tekstbestand stuur je vervolgens naar je websitebeheerders.

Wil je de widgetcode zelf in de HTML van je website integreren? Volg dan deze stappen:

1. Klik op het documentpictogram bovenaan het codeveld om het codefragment naar je klembord te kopiëren.
   
2. Open in je HTML-webpagina de koptekstsectie (header). Plaats het codefragment in deze sectie.

Het toevoegen van de JavaScript-code voor de header is maar één keer nodig, ook als je meerdere widgets in je website integreert.

3. Ga terug naar het overzicht 'Het integreren van widgets op je website'. Klik op het documentpictogram in het onderste codevak om het codefragment naar je klembord te kopiëren.
   
4. Open de 'body'-sectie (platte tekst) in de HTML-code van je website. Plak het gekopieerde codefragment in de sectie met platte tekst op de gewenste plaats van de widget.
5. Ga terug naar het overzicht 'Het integreren van widgets op je website'. Klik op 'Widget-creatie voltooien'.
   

Je hebt de widget nu geïntegreerd op je website.

Hoe lang blijft de code actief?

Als je de code hebt gegenereerd en klaar bent met de configuratie van de widget, vind je de aangemaakte widget in het overzicht 'Manage my widgets'. Je kunt het overzicht bekijken door te klikken op 'Mijn widgets beheren'.

De JavaScript-code blijft permanent actief, of je deze nu hebt ingebouwd of niet. De implementatie hoeft dus niet in één keer te worden afgerond.

Als er iets is misgegaan bij het kopiëren van de code, is dat geen probleem: je kunt deze gewoon opnieuw kopiëren vanuit de actieve widget. Klik hiervoor op de knop 'Code weergeven' op de gewenste widget.

De code wordt pas gedeactiveerd als je de widget uit je actieve widgets verwijdert door op de knop 'Wissen verwijderen' te drukken. Tot het moment dat je de code uit de HTML hebt verwijderd, wordt op die positie een leeg vak getoond.

Lees hier meer over het verwijderen van widgets:
Hoe kan ik een widget van mijn website verwijderen?

Is het codefragment voor de head van de website hetzelfde voor iedere widget?

Ja, de JavaScript-code voor de head van je website hoeft maar één keer te worden ingebouwd. Op die manier hoef je voor elke aanvullende widget alleen maar de HTML-code/DIV-container op de gewenste plek in de body van de website in te voegen.

Dit heeft als voordeel dat ook personen zonder beheerdersrechten widgets kunnen toevoegen, zolang ze maar bevoegd zijn om de inhoud van de website te bewerken. Zo kan je marketingteam bijvoorbeeld zelfstandig actie ondernemen nadat het JavaScript-fragment is toegevoegd. En op die manier worden de widgets dus ook al binnen enkele minuten zichtbaar voor bezoekers van je website.

Laat je je score al zien op Google en soortgelijke platformen? Hier lees je meer:
- Hoe werkt de Reputation Manager?
- Waarom is het een goed idee om mijn totale waardering op andere beoordelingsplatformen te optimaliseren?