# Webshopfunctionaliteit toevoegen aan elke website (zonder te verhuizen naar een ander platform)

> Drie integratiepatronen om commerce toe te voegen aan een site die je al hebt. Wanneer elk past, wat er op je site verandert en wanneer verhuizen naar een ander platform echt de moeite waard is.

Ryan Badger - 2 juni 2023 - 4 min leestijd

## Wat mensen echt bedoelen met "e-commerce integreren"

Je hebt een website. Een marketingsite, een portfolio, een blog, misschien een build in Webflow of Squarespace. Hij werkt. Hij doet visueel wat je wilt. Maar nu moet je er iets op verkopen.

De verkeerde zet is alles weggooien en opnieuw bouwen op Shopify. De juiste zet hangt af van drie dingen:

1. **Wat je verkoopt.** Eén product of een catalogus? Fysiek of digitaal? Abonnement of eenmalig?
2. **Waarop je site draait.** Kun je er een scripttag in plakken, dan staan de opties open.
3. **Hoeveel van de checkout-ervaring je zelf wilt bezitten.**

Dit artikel loopt door hoe "integratie" er in 2026 echt uitziet voor elk van die assen. Geen verhuizing naar een ander platform nodig als je goed kiest.

## De drie echte integratiepatronen

### Patroon 1: doorsturen naar een gehoste checkout

Het eenvoudigste. Je site heeft koopknoppen. Klik op een knop en de klant verlaat je site voor de checkout (Stripe Payment Links, Gumroad, Payhip, Lemonsqueezy). De betaling vindt plaats op hun domein; daarna keren ze terug naar je bedankpagina.

**Voordelen:** geen JS-integratie, werkt op letterlijk elke website, weinig onderhoud. **Nadelen:** de breuk in de UX (je site verlaten) schaadt de conversie. De branding is inconsistent. Flows voor verlaten winkelwagens en analytics worden lastiger.

Goede match voor: makers met één product, laag volume, een technische afkeer van het inbedden van wat dan ook.

### Patroon 2: een widget in de pagina inbedden

Een ingebedde widget draait binnen je site. De klant verlaat je site nooit. Winkelwagen, productdetails en checkout worden allemaal binnen je pagina's weergegeven.

Dit bieden Shoprocket, Snipcart, Ecwid en vergelijkbare platforms.

Typische integratie:

```
<!-- EXAMPLE ONLY. Grab your real snippet from Sales channels → Embeds in your dashboard -->
<script src="https://cdn.shoprocket.io/loader.js" data-pk="pk_yourkey"></script>
<div data-shoprocket="catalog" data-embed-id="emb_xxx"></div>
```

Eén regel, één keer plakken, klaar. De widget synchroniseert automatisch met je dashboard: producten, prijzen, afbeeldingen, belastingregels, verzendopties, betaalmethoden. Klanten blijven op jouw domein van "bladeren" tot "bedankt voor je bestelling".

**Voordelen:** consistente UX, controle over je merk, minder lekken in de conversie. **Nadelen:** je site heeft nu een JS-afhankelijkheid. De meeste zijn licht (~20-50KB), maar het is niet nul.

Goede match voor: elke site die een echte shop wil zonder te verhuizen naar een ander platform.

### Patroon 3: headless (API-)integratie

Je bouwt de UI zelf en roept een commerce-API aan (Stripe API, Shopify Storefront API, BigCommerce, Commercetools) voor de commercemechanica. Volledig op maat, volledig van jou.

**Voordelen:** volledige controle, geen visuele compromissen, schaalt naar eigen flows. **Nadelen:** echt engineeringwerk. Je bouwt checkout, winkelwagenstatus, belastingberekening, voorraadsynchronisatie en webhooks. Maanden werk, geen minuten.

Goede match voor: teams met een ontwikkelaar die fulltime aan commerce werkt, of producten die niet in een kant-en-klare widget passen.

## De beslisboom

Begin met "wil je dat je klant je site verlaat":

- **Ja**: patroon 1 (link naar een gehoste checkout). Stripe Payment Links of Gumroad, 10 minuten instellen.
- **Nee**: ga naar de volgende vraag.

Wil je eigen code schrijven?

- **Ja, we hebben ontwikkelcapaciteit**: patroon 3 (headless).
- **Nee, we willen kant-en-klaar**: patroon 2 (ingebedde widget). Hier landen de meeste sites.

Bij patroon 2 is de volgende keuze het platform. Dat behandelen we in een apart artikel: [inbedbare winkelwagenplatforms vergeleken](https://v3.shoprocket.io/nl/blog/inbedbare-winkelwagen-platforms-vergeleken-snipcart-ecwid-gumroad-payhip-shoprocket.md).

## Hoe een echte integratie met patroon 2 eruitziet op gangbare platforms

### WordPress

Zet het embed-fragment in een blok Aangepaste HTML (blokeditor) of een tekstwidget (klassieke zijbalk). Geen plug-in nodig.

### Squarespace

Voeg een codeblok toe op een willekeurige pagina. Plakken. De widget respecteert de breedte en spatiëring van je Squarespace-thema.

### Webflow

Embed-element → plakken. De statische export van Webflow neemt de embed bij het publiceren gewoon mee.

### Framer

Embed-element → plakken. Met de ontwikkeltools van Framer plaats je het fragment eenvoudig op een specifieke sectie.

### Carrd

Component voor aangepaste code (functie van een betaald pakket). Sites van één pagina met een shoptab, eenvoudig.

### Notion

Gebruik een openbare Notion-pagina als je site, bed in via een dienst zoals Super of Potion, en plak het fragment. Wordt een echte winkel.

### Statische HTML / Jekyll / Hugo / 11ty

Plak het fragment in het sjabloon dat je shoppagina rendert. Verder niets.

## Wat er na de integratie op je site verandert

Minder dan je denkt.

- Je bestaande pagina's blijven zoals ze zijn. Geen thema-aanpassingen nodig.
- Het script laadt asynchroon, dus de paginasnelheid blijft praktisch gelijk (Lighthouse-scores blijven stabiel).
- Producten, prijzen en voorraad leven in je commercedashboard, niet in je CMS.
- Klantgegevens (bestellingen, e-mailadressen, adressen) stromen naar het commerceplatform. Je CMS hoeft daar niets mee te doen.

Wat je NIET hoeft te doen:

- Je site opnieuw bouwen
- Een CMS-plug-in installeren
- Content migreren
- Een ontwikkelaar inhuren
- Een nieuw domein kopen

> **Tip:** Test de widget eerst op een stagingpagina. Hij hoort met niets te conflicteren, maar het is de moeite waard dit tegen je specifieke thema te controleren voordat je hem op een productie-shoppagina zet.

## Wanneer verhuizen naar een ander platform echt zinvol is

Soms IS het antwoord "verhuis naar een volledig commerceplatform". Signalen:

- Je doet $100k+ per maand en de kerntaak van je site is verkopen geworden, niet merk.
- Je hebt behoefte aan POS-integratie (fysieke winkel + online).
- Je productcatalogus telt >1.000 SKU's met voortdurende updates.

Op die schaal begint Shopify Plus of iets vergelijkbaars zich terug te verdienen. Voor de meeste onafhankelijke sites onder die drempel is inbedden goedkoper, sneller en behoud je de site die je al hebt.

## Kort samengevat

- **Link naar een gehoste checkout**: het snelst, breekt de UX bij de betaling. Goed voor losse producten.
- **Ingebedde widget**: houdt de klant op je site, geen verhuizing nodig. Een goede standaard.
- **Headless API**: zelf bouwen, maanden werk. Alleen de moeite waard op schaal.

[Probeer de embed van Shoprocket op je bestaande site](https://app-v3.shoprocket.io/signup). Gratis proefperiode, geen creditcard nodig. Prijzen: [vanaf $29](https://v3.shoprocket.io/nl/prijzen.md), geen transactiekosten in welk pakket dan ook.

---

- HTML version: https://v3.shoprocket.io/nl/blog/webshop-toevoegen-aan-elke-website-zonder-te-verhuizen
- Language: Nederlands (nl)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Deutsch](https://v3.shoprocket.io/de/blog/ecommerce-zu-jeder-website-hinzufuegen-ohne-plattformwechsel.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [English](https://v3.shoprocket.io/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Español](https://v3.shoprocket.io/es/blog/anadir-ecommerce-a-cualquier-web-sin-cambiar-de-plataforma.md), [Français](https://v3.shoprocket.io/fr/blog/ajouter-ecommerce-a-un-site-sans-changer-de-plateforme.md), [עברית](https://v3.shoprocket.io/he/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/cara-menambahkan-ecommerce-ke-situs-web-mana-pun-tanpa-ganti-platform.md), [Italiano](https://v3.shoprocket.io/it/blog/aggiungere-ecommerce-a-qualsiasi-sito-senza-cambiare-piattaforma.md), [日本語](https://v3.shoprocket.io/ja/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/kaip-prideti-el-prekyba-prie-bet-kurios-svetaines-nekeiciant-platformos.md), [Norsk](https://v3.shoprocket.io/nb/blogg/legg-nettbutikk-til-et-hvilket-som-helst-nettsted-uten-a-bytte-plattform.md), [Polski](https://v3.shoprocket.io/pl/blog/jak-dodac-e-commerce-do-dowolnej-strony-bez-zmiany-platformy.md), [Português](https://v3.shoprocket.io/pt/blog/como-adicionar-ecommerce-a-qualquer-site-sem-trocar-de-plataforma.md), [Română](https://v3.shoprocket.io/ro/blog/cum-adaugi-ecommerce-pe-orice-site-fara-sa-schimbi-platforma.md), [Русский](https://v3.shoprocket.io/ru/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [ไทย](https://v3.shoprocket.io/th/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Türkçe](https://v3.shoprocket.io/tr/blog/platform-degistirmeden-web-sitesine-eticaret-ekleme.md), [中文](https://v3.shoprocket.io/zh/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md)