# Shoprocket op elke website insluiten
> Verkoop vanaf de website die je al hebt. Maak een insluiting in Insluitingen, klik op Code ophalen en plak hem in je pagina op WordPress, Squarespace, Wix, Webflow of gewone HTML. Wijzigingen die je later opslaat bereiken elke pagina zonder opnieuw te plakken.
Helpcentrum / Insluiten - Bijgewerkt op 28 oktober 2026
Een insluiting zet een deel van je winkel op elke website: één product met een koopknop, een volledige productcatalogus, je categorieën of een zoekvak. Je bouwt hem in **Insluitingen**, klikt op **Code ophalen** en plakt de code in je pagina. De winkelwagen en het afrekenen openen gewoon op je pagina, dus klanten verlaten je site nooit.
Je plakt de code maar één keer. Wijzig je een insluiting later, zelfs naar een andere opmaak, dan wordt elke pagina waarop hij staat bijgewerkt zodra je opslaat.
## Voordat je begint
- Voeg minstens één actief product toe. Een insluiting voor één product heeft een product nodig om te verkopen.
- Je moet je website kunnen bewerken en een code- of HTML-blok aan een pagina kunnen toevoegen. De aanwijzingen per sitebuilder staan hieronder.
## Stap 1 (optioneel, aanbevolen): Voeg Shoprocket toe aan elke pagina van je site
Bovenaan **Insluitingen** staat een kaart **Voeg Shoprocket toe aan elke pagina van je site**. Daarin staat één regel code voor de header van je site. Als die er staat, werken je zwevende winkelwagen en livechat op elke pagina van je site, niet alleen op pagina's met een insluiting, en werkt elke insluiting die je later toevoegt meteen.
1. Ga in je dashboard naar **Insluitingen**.
2. Klik op de kaart **Voeg Shoprocket toe aan elke pagina van je site** op **Kopiëren**.
3. Kies je sitebuilder uit de tabbladen onder de code (**HTML**, **WordPress**, **Squarespace**, **Wix** of **Webflow**) en volg de twee stappen om de regel in de header van je site te plakken.
4. Open een willekeurige pagina van je site. De status van de kaart verandert van **Nog niet gezien** in **Verbonden**.
Je kunt deze stap overslaan. De code van elke insluiting bevat dezelfde regel, dus een insluiting werkt op zichzelf op elke pagina.
## Stap 2: Maak een insluiting
1. Klik in **Insluitingen** op **Nieuwe insluiting**.
2. Kies onder **Wat hij toont** er een: **Eén product**, **Productcatalogus**, **Categorieën** of **Zoeken**.
3. Kies een opmaak:
- **Eén product**: **Knop**, **Compact**, **Kaart**, **Uitgelicht** of **Volledig detail**. Kies daarna het product onder **Welk product?**
- **Productcatalogus**: **Raster**, **Carrousel** of **Lijst**. Kies onder **Welke producten?** voor **Alle producten**, **Een categorie** of **Handgekozen**.
- **Categorieën**: **Tegels**.
- **Zoeken**: **Zoekvak** of **Zoekpictogram**.
4. Klik op **Doorgaan**.
Elke opmaak is dezelfde insluiting met andere instellingen, dus je kunt later in de editor van opmaak wisselen en de code die je plakt blijft hetzelfde.
## Stap 3: Pas hem aan
De editor toont een live voorbeeld waarin je als klant kunt klikken: toevoegen aan de winkelwagen, producten openen en afrekenen. Wijzig wat de insluiting toont in het tabblad **Deze insluiting**. Het tabblad **Winkelontwerp** stelt je kleuren en lettertypen in voor je hele winkel, zodat al je insluitingen en je zwevende winkelwagen bij elkaar passen.
De insluiting krijgt om te beginnen een naam, zoals "Producten · Raster". Je kunt hem op elk moment hernoemen.
Ben je tevreden, klik dan op **Opslaan en code ophalen**.
## Stap 4: Kopieer de code en plak hem in je site
Na het opslaan opent het paneel **Code ophalen**. Het ziet er zo uit:
```html
```
Kopieer je eigen code altijd met de knop, typ hem nooit over. De eerste regel noemt de insluiting, het script laadt Shoprocket voor je winkel en de laatste regel is waar de insluiting verschijnt.
1. Klik op **Code kopiëren**.
2. Kies je sitebuilder uit de tabbladen in het paneel en plak de code waar de insluiting moet komen:
- **HTML**: plak de code waar de insluiting moet verschijnen. De scriptregel hoeft maar één keer op een pagina te staan, ongeacht hoeveel insluitingen die heeft.
- **WordPress**: voeg in de blokeditor een blok **Aangepaste HTML** toe waar de insluiting moet komen. Plak de code en werk de pagina bij. Op WordPress.com hebben scripts een abonnement nodig dat plugins toestaat.
- **Squarespace**: bewerk de pagina en voeg een **Code**-blok toe waar de insluiting moet komen. Plak de code, laat de weergave op HTML staan en sla op.
- **Wix**: kies in de editor **Toevoegen**, dan **Embed code**, dan **Embed HTML**. Plak de code in het vak en pas het formaat aan. Wix toont hem in een frame, dus geef hem ruimte voor de winkelwagen.
- **Webflow**: sleep een **Code Embed**-element naar waar de insluiting moet komen. Plak de code, sla op en publiceer de site.
Heb je Shoprocket in stap 1 al aan de header van je site toegevoegd, dan heeft de pagina alleen de laatste regel van de code nodig, die begint met `