# L'e-commerce clé en main, dix ans après

> En décembre 2015, cet embed était une toute nouvelle fonctionnalité. Aujourd'hui, c'est tout le produit. Un court retour en arrière avec le snippet d'origine de 2015, la version 2026 et ce qui a vraiment changé.

Ryan Badger - 9 décembre 2015 - 2 min de lecture

## Ce que disait cet article à l'origine

En décembre 2015, « Out of the Box eCommerce » était une toute nouvelle fonctionnalité. L'idée : coller une seule balise script dans votre site existant, et un catalogue de produits apparaît. Le code d'intégration d'origine était un blob JSON de quarante champs à copier depuis votre tableau de bord. Configurable, certes, mais *beaucoup* à lire.

C'était tout l'article. Il y a dix ans.

## Ce qui a changé

L'embed n'est plus une fonctionnalité. C'est le produit tout entier. Shoprocket reste « un script que vous collez dans n'importe quel site », mais l'architecture sous le capot n'a plus rien à voir avec le snippet de 2015. Deux grands changements.

### Le snippet s'est raccourci

La charge utile de 2015 sérialisait chaque préférence visuelle en JSON au moment du collage : couleur du bouton, marges, ordre de tri des produits, dimensions des images, affichage ou non de la pastille « livraison gratuite », et une trentaine d'autres réglages. Tout cela vit désormais côté serveur, configuré une fois pour toutes dans votre tableau de bord. L'embed lui-même n'est plus qu'un identifiant.

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

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

Une seule ligne. Les mêmes capacités, de meilleures valeurs par défaut, et la vitrine affichée lit sa configuration depuis le serveur : vous n'avez plus jamais à toucher ces trente réglages à la main.

### La configuration est passée dans le tableau de bord

Tout ce que vous vouliez personnaliser vivait autrefois *dans* la charge utile de l'embed, ce qui voulait dire que modifier l'embed revenait à modifier votre site. Désormais, vous modifiez votre boutique une seule fois et chaque embed, sur chaque site, se met à jour instantanément. Si vous vendez sur trois sites, vous changez la couleur de votre marque une seule fois.

> **Astuce :** si vous avez vraiment besoin de réglages propres à chaque site (une boutique, plusieurs thèmes visuels), le widget accepte `data-sr-theme="handle"` pour associer un embed à un thème enregistré précis. Un snippet différent par site, une seule boutique derrière.

## Ce que fait l'embed aujourd'hui

- **N'importe quel site web.** WordPress, Squarespace, Webflow, Framer, Carrd, Notion, HTML pur, sites statiques. Si vous pouvez coller une balise script, vous pouvez avoir une boutique.
- **N'importe quel format.** Bouton d'achat unique, grille de produits, panier coulissant ou boutique complète. Un seul script, quatre variantes de `data-sr-type`.
- **Zéro frais de transaction.** Sur abonnement ([voir les tarifs](https://v3.shoprocket.io/fr/tarifs.md)) ; Stripe et PayPal prélèvent toujours leur commission habituelle sur le paiement lui-même, mais Shoprocket ne prend rien en plus.
- **N'importe quelle langue.** Le widget détecte automatiquement la langue du visiteur parmi 21 langues et adapte les prix, les moyens de paiement et les libellés.

## La seule chose qui n'a pas changé

Si nous l'avons appelé « clé en main » dès le départ, c'est parce qu'il fonctionnait à la seconde où vous le colliez. Pas de développeur, pas de personnalisation de thème, pas de refonte de votre site existant. C'est toujours vrai dix ans plus tard. Il faut simplement moins de caractères pour le prouver.

Si vous n'avez pas encore essayé la version actuelle, [démarrez un essai gratuit](https://app-v3.shoprocket.io/signup). La mise en place prend moins de cinq minutes.

---

- HTML version: https://v3.shoprocket.io/fr/blog/ecommerce-cle-en-main-dix-ans-apres
- Language: Français (fr)
- 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), [עברית](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)