BigCommerce heeft twee ingebouwde manieren om de Shopreviews-snippet toe te voegen: de HTML-widget in Page Builder voor een widget op een vaste plek, en Script Manager voor scripts die op elke pagina moeten draaien.
Stap voor stap
- Kopieer je snippet
Kies in de widget builder een layout, kleuren en reviewbronnen en kopieer de embed-snippet.
- Open Page Builder
Ga naar Storefront → My Themes en klik bij je live thema op Customize.
- Sleep een HTML-widget erin
Open de gewenste pagina (bijvoorbeeld een productpagina), sleep de HTML-widget op zijn plek en plak de snippet.
- Publiceren
Klik op Publish en controleer de pagina in je live winkel.
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?
- Productpagina's — onder de productdetails, zodat klanten je score zien voordat ze kopen.
- Homepage — een carrousel of raster onder de hero-banner.
- Elke pagina — een zwevende pop-up of badge via Script Manager (locatie: footer, pagina's: alle pagina's).
Goed om te weten
- Gebruik Script Manager alleen voor de pop-up en de zwevende badge; inline layouts zoals de carrousel horen in een HTML-widget op een vaste plek.
- Headless storefront? Plak de snippet in de product- en homesjablonen van je frontend.
Andere platforms
Een ander winkelsysteem? Dezelfde snippet werkt overal: Shopify · WooCommerce · Magento · Lightspeed · PrestaShop · Wix · Squarespace