Het Code Block van Squarespace draait HTML en JavaScript binnen je paginalayout. Zet er een neer waar je reviews wilt, plak de Shopreviews-snippet en de widget verschijnt op je live site.
Stap voor stap
- Kopieer je snippet
Kies in de widget builder een layout, kleuren en reviewbronnen en kopieer de embed-snippet.
- Voeg een Code Block toe
Bewerk de pagina, klik op een invoegpunt of Add block en kies Code.
- Plak de snippet
Plak de snippet, laat de modus op HTML staan en laat Display Source uit.
- Opslaan en controleren
Sla de pagina op en open hem op je live site — scripts draaien niet altijd in de editorvoorbeeldweergave.
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?
- Homepage — een carrousel of raster in een sectie onder je header.
- Productpagina's — een Code Block in het gebied met extra productinformatie.
- Elke pagina — een zwevende pop-up via Code Injection in de footer.
Goed om te weten
- Zie je de widget niet in de editor? Dat is normaal: Squarespace zet scripts uit in de voorbeeldweergave. Bekijk de live pagina in een privévenster.
- Code Blocks en Code Injection met JavaScript vragen een abonnement dat eigen code toestaat.
Andere platforms
Een ander winkelsysteem? Dezelfde snippet werkt overal: Shopify · WooCommerce · Magento · Lightspeed · BigCommerce · PrestaShop · Wix