WordPress heeft een Custom HTML-blok dat de Shopreviews-snippet ongewijzigd overneemt. Gebruik het op één pagina, of zet het in een sjabloon zodat de widget op elke productpagina van je WooCommerce-winkel staat.
Stap voor stap
- Kopieer je snippet
Kies in de widget builder een layout, kleuren en reviewbronnen en kopieer de embed-snippet.
- Open de pagina of het sjabloon
Voor één pagina open je die onder Pages. Voor alle productpagina's in een blokthema ga je naar Appearance → Editor → Templates → Single Product.
- Voeg een Custom HTML-blok toe
Klik op +, zoek naar Custom HTML en plak de snippet in het blok.
- Opslaan en controleren
Klik op Update of Save en bekijk de pagina op je live site.
Menunamen staan in het Engels; in een vertaalde beheeromgeving heten ze net iets anders.
Zo ziet de embed-snippet eruit
<div data-shopreviews="carousel"
data-lang="nl"
data-sources="google,trustpilot,kiyoh"></div>
<script src="https://cdn.shopreviews.com/widget.js" async></script>Alleen een voorbeeld: kopieer je eigen snippet uit de widget builder of je Shopreviews-dashboard. Daarin staan je layout, kleuren, taal en reviewbronnen.
Bouw je widget en kopieer de snippet →
Waar plaats je de widget?
- Single Product-sjabloon — onder de productsamenvatting of de tabs, zodat elk product je score toont.
- Homepage — een carrousel of raster tussen je hero en uitgelichte producten.
- Footer-widgetgebied — een kleine badge op elke pagina van een klassiek thema.
Goed om te weten
- Alleen gebruikers die ongefilterde HTML mogen opslaan (beheerders op een gewone site, superbeheerders op multisite) kunnen script-tags bewaren. Verdwijnt het script na opslaan? Controleer dan je rol.
- Pagebuilders werken hetzelfde: gebruik het HTML- of code-element in Elementor, Divi, Beaver Builder of WPBakery.
Andere platforms
Een ander winkelsysteem? Dezelfde snippet werkt overal: Shopify · Magento · Lightspeed · BigCommerce · PrestaShop · Wix · Squarespace