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?

Eerst een vraag: Heb je je Trusted Shops-producten met behulp van een plug-in op je website geïntegreerd? Met veel van onze plug-ins kun je widgets in slechts een paar klikken integreren, zelfs als je niet veel technische kennis hebt. Het is dus een goed idee om eerst te controleren of je plug-in de integratie van widgets ondersteunt:
 
  1. Open je Trusted Shops-plug-in.
  2. Controleer of je plug-in het tabblad 'Widgets' heeft.
Heb je het tabblad 'Widgets' in je plug-in? Volg dan deze instructies: Verzamelde shop- en productbeoordelingen in je webshop tonen
Heb je het tabblad 'Widgets' niet in je plug-in? Ga dan verder met deze instructies.

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') (01_16x16.png) in het hoofdnavigatiemenu. Klik vervolgens op 'Marketing' (02_16x16.png).
  3. Open het tabblad 'Widgets' (03_16x16.png).
    01_NL.png
  4. Selecteer een widget voor productbeoordelingen. Klik vervolgens op de knop 'Creëren' voor de gewenste widget. De configuratiemodus wordt dan geopend.
    02_NL.png

  5. Selecteer de taal die je voor je website gebruikt.
    03_NL.png
  6. 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.
    04_NL.png
  7. Stel je momenteel de widget 'Full Review List' in? Schakel indien gewenst rich snippets in.
    05_NL.png
Rich snippets zijn verbeterde zoekresultaten met extra informatie over de inhoud van een webpagina. Zoekmachines kunnen ze gebruiken om het actuele zoekresultaat visueel te markeren. De informatie die hiervoor nodig is, is afkomstig van gestructureerde gegevens uit de broncode van de pagina. Door rich snippets te activeren, maakt de widget deze informatie beschikbaar voor zoekmachines.
  1. 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.
    06_NL.png
  2. Vink 'Afbeeldingen weergeven' aan als de door je klant geüploade productfoto's in de widget moeten worden getoond.
Productfoto's kunnen in de volgende widgets worden getoond: Review Carousel, Customer Voice, Full Review List.

Images-in-widgets_NL.png

  1. Klik op 'Widget-code creëren'. Het overzicht 'Het integreren van widgets op je website' gaat open.
    07_NL.png
  2. Met het vervolgkeuzemenu (drop-down) kun je het productlabel dat je gebruikt selecteren.
    04_NL.png

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.
05_NL.png

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.
    06_NL.png
  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.
  1. 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.
    07_NL.png
  2. 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.
  3. 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.

Wil je dat beoordelingen voor meerdere productvarianten (bijv. verschillende kledingmaten van hetzelfde item) in dezelfde widget worden weergegeven? Dan kun je meerdere productlabels invoegen op de locatie die in stap 5 wordt getoond. Scheid de afzonderlijke productlabels met een komma.
Hieronder zie je een voorbeeld van hoe de code er voor onze widget Full Review List uit zou kunnen zien.
In het voorbeeld zie je een product met drie verschillende productvarianten. Je kunt ze eenvoudig toevoegen (0055573.001, 0055573.002, 0055573.005) , gescheiden door een komma. SKU's zijn de productidentificatienummers:
<!-- 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.

  1. 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.
    08_NL.png
  2. 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.
  3. Ga terug naar het overzicht 'Het integreren van widgets op je website'. Klik op 'Widget-creatie voltooien'.
    09_NL.png

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?


Was dit artikel nuttig?

Aantal gebruikers dat dit nuttig vond: 4 van 9