keurmerk.site

Widgets & installatie

Jouw widget. Jouw bedrijf.

Kies je uitstraling en plaats de widget op je website. Je klanten lezen en schrijven reviews zonder je site te verlaten.

15 vormen, 3 uitstralingenReviews openen op dezelfde paginaVoorbeelden en echte reviews herkenbaar

Publiceer keurmerk.site voordat je de code op een andere website gebruikt. De widgets zijn nu gekoppeld aan fictieve voorbeeldbedrijven; ze geven geen certificering aan.

Widgetvariant

Homepage & footer · Winkelnaam, score en directe toegang tot ervaringen.

Uitstraling

Garage J. SchnabelVoorbeeldbedrijf
Voorbeeldbedrijf Garage J. Schnabel
<div data-keurmerk-shop="garage-j-schnabel-amsterdam" data-variant="widget" data-tone="mint" data-playback="static" data-show-date="true"></div>
<script src="https://shop-shine-seal.lovable.app/widget.js" defer></script>

Deze code gebruikt het gekozen bedrijf, de variant en uitstraling. Plaats widget.js één keer per pagina.

Zachte zijtabs

Zijtab · score

Zijtab · sterren

Zijtab · merk

Zijtab · ervaring

Installeren op WooCommerce

  1. 1

    Open in WordPress de pagina of footer waar de widget moet komen.

  2. 2

    Voeg een Aangepaste HTML-blok toe en plak de volledige embedcode. Voor alle pagina’s kun je het blok in je footer-template plaatsen.

  3. 3

    Sla op, wis eventuele paginacache en controleer de openbare winkelpagina. Een beheerder moet scriptcode mogen opslaan.

Controle na installatie & veelgestelde vragen

Klik op je widget: de reviews openen over je bedrijfspagina. Sluiten of Escape brengt de klant terug. Via ‘Schrijf een review’ kan een klant een beoordeling insturen; deze wacht daarna op controle.

Geen widget zichtbaar? Controleer of keurmerk.site is gepubliceerd, je editor scriptcode toestaat en je advertentieblokker of toestemmingsinstellingen het script niet tegenhouden.

Gebruik je een Content Security Policy? Sta https://shop-shine-seal.lovable.app toe in script-src en frame-src. keurmerk.site moet daarnaast door jouw browser als ingesloten pagina zijn toegestaan.

Verwijderen: haal de widget-div en, als er geen andere widgets staan, het script uit je pagina. De zijtab staat vast aan de rechterrand, de reviewbubbel rechtsonder; de andere varianten verschijnen op de plek van de code.

Een plek voor ieder bedrijf.

15 variaties
01 · Homepage & footer

Reviewkaart

Winkelnaam, score en directe toegang tot ervaringen.

<div data-keurmerk-shop="garage-j-schnabel-amsterdam" data-variant="widget" data-tone="mint" data-playback="static" data-show-date="true"></div>
<script src="https://shop-shine-seal.lovable.app/widget.js" defer></script>
02 · Naast je winkelmand

Compacte badge

Een kleine badge met een duidelijke score.

<div data-keurmerk-shop="garage-j-schnabel-amsterdam" data-variant="compact" data-tone="mint" data-playback="static" data-show-date="true"></div>
<script src="https://shop-shine-seal.lovable.app/widget.js" defer></script>
03 · Boven- of onderaan de pagina

Reviewbalk

Een rustige, brede balk voor iedere winkelpagina.

<div data-keurmerk-shop="garage-j-schnabel-amsterdam" data-variant="strip" data-tone="mint" data-playback="static" data-show-date="true"></div>
<script src="https://shop-shine-seal.lovable.app/widget.js" defer></script>
04 · Bij je assortiment

Klantervaring

Eén complete ervaring, met zichtbare herkomst.

<div data-keurmerk-shop="garage-j-schnabel-amsterdam" data-variant="quote" data-tone="mint" data-playback="static" data-show-date="true"></div>
<script src="https://shop-shine-seal.lovable.app/widget.js" defer></script>
05 · Footer

Keurmerkbadge

Keurmerkidentiteit met een afzonderlijk statuslabel.

<div data-keurmerk-shop="garage-j-schnabel-amsterdam" data-variant="seal" data-tone="mint" data-playback="static" data-show-date="true"></div>
<script src="https://shop-shine-seal.lovable.app/widget.js" defer></script>
06 · Vaste rechterrand

Zijtab · score

Een zachte, horizontale scoretab met zichtbare herkomst.

<div data-keurmerk-shop="garage-j-schnabel-amsterdam" data-variant="sidebar" data-tone="mint" data-playback="static" data-show-date="true"></div>
<script src="https://shop-shine-seal.lovable.app/widget.js" defer></script>
07 · Vaste rechterrand

Zijtab · sterren

Sterren en score in een lichte, afgeronde zijbadge.

<div data-keurmerk-shop="garage-j-schnabel-amsterdam" data-variant="sidebar-stars" data-tone="mint" data-playback="static" data-show-date="true"></div>
<script src="https://shop-shine-seal.lovable.app/widget.js" defer></script>
08 · Vaste rechterrand

Zijtab · merk

Een groene merkbadge met een herkenbare reviewingang.

<div data-keurmerk-shop="garage-j-schnabel-amsterdam" data-variant="sidebar-brand" data-tone="mint" data-playback="static" data-show-date="true"></div>
<script src="https://shop-shine-seal.lovable.app/widget.js" defer></script>
09 · Vaste rechterrand

Zijtab · ervaring

Een korte klantervaring met expliciete bronvermelding.

<div data-keurmerk-shop="garage-j-schnabel-amsterdam" data-variant="sidebar-review" data-tone="mint" data-playback="static" data-show-date="true"></div>
<script src="https://shop-shine-seal.lovable.app/widget.js" defer></script>
10 · Onder een kop of bij de footer

Sterrenregel

Een herkenbare sterrenweergave met bronvermelding.

<div data-keurmerk-shop="garage-j-schnabel-amsterdam" data-variant="stars" data-tone="mint" data-playback="static" data-show-date="true"></div>
<script src="https://shop-shine-seal.lovable.app/widget.js" defer></script>
11 · Over ons & service

Scoreverdeling

De verdeling van gepubliceerde bezoekersreviews.

<div data-keurmerk-shop="garage-j-schnabel-amsterdam" data-variant="summary" data-tone="mint" data-playback="static" data-show-date="true"></div>
<script src="https://shop-shine-seal.lovable.app/widget.js" defer></script>
12 · Homepage

Reviewcarrousel

Blader op je eigen tempo door klantervaringen.

1 / 0
<div data-keurmerk-shop="garage-j-schnabel-amsterdam" data-variant="carousel" data-tone="mint" data-playback="static" data-show-date="true"></div>
<script src="https://shop-shine-seal.lovable.app/widget.js" defer></script>
13 · Onder je collectie

Reviewduo

Twee ervaringen naast elkaar, zonder kritische scores te verbergen.

<div data-keurmerk-shop="garage-j-schnabel-amsterdam" data-variant="grid" data-tone="mint" data-playback="static" data-show-date="true"></div>
<script src="https://shop-shine-seal.lovable.app/widget.js" defer></script>
14 · Vast rechtsonder

Reviewbubbel

Een toegankelijke ingang naar lezen en schrijven.

<div data-keurmerk-shop="garage-j-schnabel-amsterdam" data-variant="floating" data-tone="mint" data-playback="static" data-show-date="true"></div>
<script src="https://shop-shine-seal.lovable.app/widget.js" defer></script>
15 · Service- of bedankpagina

Reviewoproep

Een directe uitnodiging om een ervaring te delen.

<div data-keurmerk-shop="garage-j-schnabel-amsterdam" data-variant="write" data-tone="mint" data-playback="static" data-show-date="true"></div>
<script src="https://shop-shine-seal.lovable.app/widget.js" defer></script>

Voor ondernemers

Van mooie widget naar een compleet profiel.

Bekijk de pakketten →