Op deze pagina
Hebben jullie zelf toegang tot de HTML van de pagina, of gebruiken jullie een ander systeem dan die waarvoor we handleidingen hebben, doe het dan zo.
Zo doen jullie het
- Kopieer de code in Widget studio met Code kopiëren.
- Zet het blok met de klasse trustsays-widget op de plek op de pagina waar de widget moet verschijnen.
- Zet het script één keer op de pagina, bij voorkeur onderaan, vlak voor de afsluitende body-tag.
- Sla op en open de pagina in de browser.
Het script wordt geladen met async, zodat het niet wacht op de rest van de pagina en die ook niet vertraagt.
Meerdere widgets op dezelfde pagina
Kopieer het blok voor elke widget die jullie willen. Het script hoeft er maar één keer te staan. Staat het er meerdere keren, dan gaat er niets mis, maar het is niet nodig.
Pagina's die met JavaScript worden opgebouwd
Gebruikt jullie pagina React, Vue of een ander framework waarbij de inhoud wisselt zonder dat de hele pagina opnieuw laadt, dan vindt het script alleen de blokken die er zijn als de pagina wordt geopend. Voegen jullie later een nieuwe widget toe, roep dan daarna window.TrustSays.scan() aan. Dan worden de nieuwe blokken getekend.
Plaatsing
- Zwevende knop, Zwevende tab en Nieuwste review staan vast in een hoek van het scherm, waar het blok ook staat.
- Mobiele balk staat vast onderaan en wordt alleen getoond onder 900 px.
- De andere widgets vullen de ruimte die het blok op de pagina krijgt.
Als het niet werkt
- Open de pagina via jullie echte adres, niet als een bestand rechtstreeks vanaf de computer.
- Controleer of een Content-Security-Policy op jullie pagina scripts, data en lettertypen van api.trustsays.com toestaat.
- Zie De widget wordt niet getoond.