# Out-of-the-box e-commerce, tien jaar later

> In december 2015 was deze embed een gloednieuwe functie. Nu is hij het hele product. Een korte terugblik met de oorspronkelijke snippet uit 2015, de moderne versie uit 2026 en wat er echt veranderde.

Ryan Badger - 9 december 2015 - 2 min leestijd

## Wat dit artikel vroeger zei

In december 2015 was "Out of the Box eCommerce" een gloednieuwe functie. De pitch: plak één script-tag in je bestaande site en er verschijnt een productcatalogus. De oorspronkelijke embedcode was een JSON-blok met veertig velden dat je uit je dashboard kopieerde. Instelbaar, maar *veel* om te lezen.

Dat was het hele artikel. Tien jaar geleden.

## Wat er veranderde

De embed is geen functie meer. Hij is het hele product. Shoprocket is nog steeds "een script dat je in elke website plakt", maar de architectuur eronder is onherkenbaar vergeleken met de snippet uit 2015. Twee grote dingen zijn verschoven.

### De snippet werd korter

De payload uit 2015 serialiseerde elke visuele voorkeur in JSON op het moment van plakken: knopkleur, padding, sorteervolgorde van producten, afbeeldingsafmetingen, of de pil "gratis verzending" getoond werd, nog zo'n dertig schakelaars. Dat alles staat nu aan de serverkant, eenmalig ingesteld in je dashboard. De embed zelf is alleen nog een identificatie.

**Toen (2015):**

```
<script type="application/json">
{"store_id":"1","publishable_key":"1","options":{
  "products_to_display":"categorized",
  "product_size":"medium",
  "image_width":"1126",
  "image_height":"1400",
  "button_style":"standard",
  "product_pagination_limit":"6"
  /* …thirty more fields… */
},"styles":{
  "button_background":"#233642",
  "button_color":"#ffffff"
  /* …and so on… */
}}
</script>
<script async src="https://cdn.shoprocket.io/loader.js"></script>
```

**Nu (2026):**

```
<!-- 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. Dezelfde mogelijkheden, betere standaardinstellingen, en de gerenderde storefront haalt de configuratie van de server, zodat je die dertig schakelaars nooit meer met de hand aanraakt.

### De configuratie verhuisde naar het dashboard

Alles wat je wilde aanpassen, zat vroeger *in* de payload van de embed, wat betekende dat het bewerken van de embed het bewerken van je website betekende. Nu bewerk je je shop één keer en elke embed, op elke site, wordt direct bijgewerkt. Verkoop je op drie sites, dan verander je de merkkleur één keer.

> **Tip:** Heb je per site wel afwijkingen nodig (één shop, meerdere visuele thema's), dan ondersteunt de widget `data-sr-theme="handle"` om een embed vast te zetten op een specifiek opgeslagen thema. Per site een andere snippet, met één shop erachter.

## Wat de embed vandaag doet

- **Elke website.** WordPress, Squarespace, Webflow, Framer, Carrd, Notion, gewone HTML, statische sites. Als je een script-tag kunt plakken, kun je een storefront hebben.
- **Elk oppervlak.** Eén koopknop, productraster, uitschuivende winkelwagen of een volledige storefront. Eén script, vier varianten van `data-sr-type`.
- **Nul transactiekosten.** Op abonnementsbasis ([zie prijzen](https://v3.shoprocket.io/nl/prijzen.md)); Stripe en PayPal rekenen nog hun gebruikelijke deel over de betaling zelf, maar Shoprocket rekent niets extra.
- **Elke taal.** De widget detecteert automatisch de taal van de bezoeker in 21 talen en past prijzen, betaalmethoden en labels aan.

## Het ene dat niet veranderde

De reden dat we het "out of the box" noemden, was dat het werkte op het moment dat je het plakte. Geen ontwikkelaar, geen aanpassing van het thema, geen herbouw van je bestaande site. Dat is tien jaar later nog steeds zo. Er zijn alleen minder tekens nodig om het te bewijzen.

Heb je de huidige versie nog niet geprobeerd, [start dan een gratis proefperiode](https://app-v3.shoprocket.io/signup). De installatie duurt minder dan vijf minuten.

---

- HTML version: https://v3.shoprocket.io/nl/blog/out-of-the-box-ecommerce-tien-jaar-later
- Language: Nederlands (nl)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/out-of-the-box-ecommerce-a-decade-later.md), [Deutsch](https://v3.shoprocket.io/de/blog/ecommerce-out-of-the-box-ein-jahrzehnt-spaeter.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/out-of-the-box-ecommerce-a-decade-later.md), [English](https://v3.shoprocket.io/blog/out-of-the-box-ecommerce-a-decade-later.md), [Español](https://v3.shoprocket.io/es/blog/ecommerce-listo-para-usar-una-decada-despues.md), [Français](https://v3.shoprocket.io/fr/blog/ecommerce-cle-en-main-dix-ans-apres.md), [עברית](https://v3.shoprocket.io/he/blog/out-of-the-box-ecommerce-a-decade-later.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/out-of-the-box-ecommerce-a-decade-later.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/ecommerce-siap-pakai-satu-dekade-kemudian.md), [Italiano](https://v3.shoprocket.io/it/blog/ecommerce-pronto-all-uso-dieci-anni-dopo.md), [日本語](https://v3.shoprocket.io/ja/blog/out-of-the-box-ecommerce-a-decade-later.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/e-komercija-is-dezes-po-desimtmecio.md), [Norsk](https://v3.shoprocket.io/nb/blogg/nettbutikk-ut-av-boksen-ti-ar-etter.md), [Polski](https://v3.shoprocket.io/pl/blog/ecommerce-z-pudelka-dekade-pozniej.md), [Português](https://v3.shoprocket.io/pt/blog/ecommerce-pronto-para-usar-uma-decada-depois.md), [Română](https://v3.shoprocket.io/ro/blog/ecommerce-gata-de-utilizare-un-deceniu-mai-tarziu.md), [Русский](https://v3.shoprocket.io/ru/blog/out-of-the-box-ecommerce-a-decade-later.md), [ไทย](https://v3.shoprocket.io/th/blog/out-of-the-box-ecommerce-a-decade-later.md), [Türkçe](https://v3.shoprocket.io/tr/blog/hazir-kutudan-eticaret-on-yil-sonra.md), [中文](https://v3.shoprocket.io/zh/blog/out-of-the-box-ecommerce-a-decade-later.md)