# Ecommerce out of the box, ein Jahrzehnt später

> Im Dezember 2015 war dieses Embed ein brandneues Feature. Heute ist es das ganze Produkt. Ein kurzer Rückblick mit dem ursprünglichen Snippet von 2015, der modernen Version von 2026 und dem, was sich wirklich geändert hat.

Ryan Badger - 9. Dezember 2015 - 2 Min. Lesezeit

## Was in diesem Beitrag früher stand

Im Dezember 2015 war "Out of the Box eCommerce" ein brandneues Feature. Das Versprechen: Du fügst ein einziges Script-Tag in deine bestehende Website ein, und ein Produktkatalog erscheint. Der ursprüngliche Embed-Code war ein JSON-Block mit vierzig Feldern, den du aus deinem Dashboard kopiert hast. Konfigurierbar, aber *sehr* viel zu lesen.

Das war der ganze Beitrag. Vor einem Jahrzehnt.

## Was sich geändert hat

Das Embed ist kein Feature mehr. Es ist das gesamte Produkt. Shoprocket ist immer noch "ein Script, das du in jede Website einfügst", aber die Architektur darunter hat mit dem Snippet von 2015 nichts mehr gemeinsam. Zwei große Dinge haben sich verschoben.

### Das Snippet wurde kürzer

Die Payload von 2015 hat jede visuelle Einstellung beim Einfügen als JSON serialisiert: Button-Farbe, Abstände, Sortierung der Produkte, Bildmaße, ob die "Gratisversand"-Pille angezeigt wird, dazu etwa dreißig weitere Schalter. All das liegt jetzt serverseitig und wird einmal in deinem Dashboard konfiguriert. Das Embed selbst ist nur noch eine Kennung.

**Damals (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>
```

**Heute (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>
```

Eine Zeile. Derselbe Funktionsumfang, bessere Standardwerte, und der gerenderte Shop liest seine Konfiguration vom Server, sodass du diese dreißig Schalter nie wieder von Hand anfassen musst.

### Die Konfiguration zog ins Dashboard um

Alles, was du anpassen wolltest, lag früher *im* Embed-Payload. Ein Embed zu ändern hieß also, deine Website zu bearbeiten. Jetzt bearbeitest du deinen Shop einmal, und jedes Embed auf jeder Website aktualisiert sich sofort. Verkaufst du über drei Websites, änderst du die Markenfarbe nur ein einziges Mal.

> **Tipp:** Brauchst du pro Website abweichende Einstellungen (ein Shop, mehrere visuelle Themes), unterstützt das Widget `data-sr-theme="handle"`, um ein Embed an ein bestimmtes gespeichertes Theme zu binden. Pro Website ein anderes Snippet, dahinter ein einziger Shop.

## Was das Embed heute kann

- **Jede Website.** WordPress, Squarespace, Webflow, Framer, Carrd, Notion, reines HTML, statische Seiten. Wenn du ein Script-Tag einfügen kannst, kannst du einen Shop haben.
- **Jede Darstellung.** Einzelner Kaufbutton, Produktraster, ausfahrbarer Warenkorb oder kompletter Shop. Ein Script, vier `data-sr-type`-Varianten.
- **Null Transaktionsgebühren.** Abo-basiert ([siehe Preise](https://v3.shoprocket.io/de/preise.md)); Stripe und PayPal behalten für die Zahlung selbst weiterhin ihren üblichen Anteil, aber Shoprocket nimmt obendrauf nichts.
- **Jede Sprache.** Das Widget erkennt die Sprache des Besuchers automatisch in 21 Sprachen und lokalisiert Preise, Zahlungsarten und Beschriftungen.

## Das Eine, das sich nicht geändert hat

Wir haben es von Anfang an "out of the box" genannt, weil es in dem Moment funktionierte, in dem du es eingefügt hast. Kein Entwickler, keine Theme-Anpassung, kein Umbau deiner bestehenden Website. Das stimmt auch zehn Jahre später noch. Es braucht nur weniger Zeichen, um es zu beweisen.

Wenn du die aktuelle Version noch nicht ausprobiert hast, [starte eine kostenlose Testphase](https://app-v3.shoprocket.io/signup). Die Einrichtung dauert unter fünf Minuten.

---

- HTML version: https://v3.shoprocket.io/de/blog/ecommerce-out-of-the-box-ein-jahrzehnt-spaeter
- Language: Deutsch (de)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/out-of-the-box-ecommerce-a-decade-later.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), [Nederlands](https://v3.shoprocket.io/nl/blog/out-of-the-box-ecommerce-tien-jaar-later.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)