Hoe integreer ik widgets voor productbeoordelingen op mijn website?

De productbeoordelingenwidget wordt op dezelfde manier geïntegreerd als andere widgets. Met één groot verschil: je moet productidentificatienummers aanleveren.

Of, als je wil weten hoe de widgets er uitzien op je website, vind je hier meer informatie: Hoe zien widgets er op mijn website uit?

Wat zijn productidentificatienummers?

Productidentificatienummers zijn reeksen nummers en letters om specifieke producten aan te duiden. 

De eTrusted productbeoordelingenwidgets ondersteunen de meest gangbare productidentificatienummers:

• SKU (Stock Keeping Unit): SKU's zijn unieke identificatienummers, toegewezen door handelaars.
  
• GTIN (Global Trading Item Number): met een GTIN kun je je producten een wereldwijd uniek identificatienummer geven dat voldoet aan een internationale standaard, zoals bijvoorbeeld ISBN en EAN.
  
• MPN (Manufacturer Part Number): ook MPN's bieden een wereldwijd unieke productidentificatie. MPN's worden toegewezen door de betreffende fabrikant.

Kan ik meer dan één productidentificatienummer gebruiken?

Ja, dat kan. En voor producten met verschillende varianten moet dat zelfs.

Bijvoorbeeld: je verkoopt T-shirts in verschillende maten. Elke maat (bijv. S, M, L)  krijgt een eigen productidentificatienummer. Je voegt de productidentificatienummers toe door deze achter elkaar te zetten, gescheiden door een komma. 

Zorg dat elk artikel ten minste één type productidentificatienummer heeft. Voeg je geen productidentificatienummer toe, wordt de widget niet getoond.

Hoe voeg ik de productbeoordelingenwidget toe aan mijn website?

Stap 1: Een widgetcode aanmaken

Je vindt alle beschikbare widgets voor productbeoordelingen 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' ().
   

4. Selecteer een widget voor productbeoordelingen. Klik vervolgens op de knop 'Creëren' voor de gewenste widget. De configuratiemodus wordt dan geopend.
   

5. 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.
   
6. 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' ().
   
7. Wil je het lettertype van je eigen website gebruiken in de widget? Tik dan op 'Het lettertype van je website gebruiken'.
   
8. Stel je momenteel de widget 'Full Review List' in? Schakel indien gewenst rich snippets in.
   

9. Geef aan hoe de widget reageert op producten die nog geen beoordeling hebben gekregen:
   - Vink 'Widget verbergen als er geen beoordelingen beschikbaar zijn' aan als de widget volledig moet worden verborgen.
   - Vink 'Widget verbergen als er geen beoordelingen beschikbaar zijn' niet aan als er grijze sterren moeten worden getoond.
   
10. Vink 'Afbeeldingen weergeven' aan als de door je klant geüploade productfoto's in de widget moeten worden getoond.

11. Klik op 'Widget-code creëren'. Het overzicht 'Het integreren van widgets op je website' gaat open.
    
12. Met het vervolgkeuzemenu (drop-down) kun je het productlabel dat je gebruikt selecteren.
    

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

Stap 2: Je widgetcode integreren op je website

Om widgets voor productbeoordelingen op je website weer te geven, moeten HTML- en JavaScript-codes geïntegreerd zijn in de kopregel en platte tekst van de HTML-code 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.

3. Ga terug naar het overzicht 'Het integreren van widgets op je website'. Klik op het documentpictogram in het middelste 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. In het codefragment dat je zojuist hebt ingevoegd, vervang je de waarde YOUR-DATA-SKU of YOUR-DATA-GTIN of YOUR-DATA-MPN door het productlabel van het product waarvan je de beoordelingen in de widget wilt weergeven.

<!-- Begintag eTrusted widget -->

<etrusted-widget data-etrusted-widget-id="wdg-f6e1e50c-b07c-4a92-85fb-14b6feab9ea6" data-sku="0055573.001,0055573.002,0055573.005"></etrusted-widget>

<!-- Eindtag eTrusted widget -->

De stappen 6 en 7 hieronder zijn optionele stappen voor de widget 'Full Review List'. Als je een andere widget toevoegt, ga dan naar stap 8.

6. Ga terug naar het overzicht 'Het integreren van widgets op je website'. De widget 'Full Review List' biedt je de mogelijkheid om op elk gewenst moment op de productpagina een kleine ster-preview te integreren, die gekoppeld is aan de hoofdwidget. Wil je gebruikmaken van deze optie? Klik op het documentpictogram in het onderste codevak om het codefragment naar je klembord te kopiëren.
   
7. Open de 'body'-sectie (platte tekst) in de HTML-code van je website. Plak dan het codefragment in de sectie met platte tekst waar je de ster-preview wilt plaatsen.
8. 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.

Toon je je sterrenscore al op Google en soortgelijke platformen? Zie voor meer informatie:
- Wat is Google-integratie?
- Waarom is het een goed idee om mijn gemiddelde score op andere beoordelingsplatformen te optimaliseren?