PrestaShop toont inhoud via hooks — vaste posities zoals de onderkant van de productpagina of de footer. Zet de Shopreviews-snippet op de hook waar je reviews wilt, via een module die eigen HTML toont of rechtstreeks in je themasjabloon.
Stap voor stap
- Kopieer je snippet
Kies in de widget builder een layout, kleuren en reviewbronnen en kopieer de embed-snippet.
- Kies je methode
Gebruik een module die eigen HTML op een hook toont, of zet de snippet in een sjabloonbestand van je thema, zoals
templates/catalog/product.tpl. - Plaats hem
Kies de hook (bijvoorbeeld displayFooterProduct voor productpagina's) en pas zo nodig de volgorde aan onder Design → Positions.
- Leeg de cache
Ga naar Advanced Parameters → Performance, klik op Clear cache en controleer je 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 — op de hook displayFooterProduct, onder de productdetails.
- Homepage — op een home-hook, zoals displayHome.
- Elke pagina — een zwevende pop-up of badge op de hook displayFooter.
Goed om te weten
- De ingebouwde WYSIWYG-editor van CMS-pagina's haalt script-tags weg, dus daar blijft de snippet niet staan.
- Pas je themabestanden aan? Gebruik een child-thema, zodat updates van het hoofdthema je wijziging niet overschrijven.
Andere platforms
Een ander winkelsysteem? Dezelfde snippet werkt overal: Shopify · WooCommerce · Magento · Lightspeed · BigCommerce · Wix · Squarespace