# Commerce headless : les trois niveaux, les vraies options et celle que vous voulez probablement

> La plupart des entreprises qui demandent du « commerce headless » veulent en réalité du commerce intégré par widget. Quelques-unes ont besoin de commercetools ou de Saleor. Voici le cadre de décision honnête.

Ryan Badger - 3 octobre 2025 - 6 min de lecture

## Ce que « commerce headless » veut vraiment dire

Le commerce headless consiste à découpler le frontend (ce que voit votre client) du backend de commerce (panier, paiement, stock, commandes). Au lieu de choisir une plateforme qui regroupe les deux (comme les vitrines à thèmes de Shopify), vous construisez ou achetez le frontend séparément et vous le raccordez à une API de commerce.

Le mot « headless » est employé de façon assez lâche. Trois niveaux distincts :

- **Headless complet :** vous construisez le frontend de zéro (React, Next.js, Astro, Nuxt) et vous appelez une API de commerce pour chaque donnée. Fiches produits, état du panier, paiement. Vous maîtrisez toute l'expérience.
- **Headless par widget intégré :** votre frontend existe déjà (un site vitrine, une réalisation Webflow, un blog). Vous y ajoutez un widget de commerce qui s'affiche à l'intérieur. Ce n'est pas du « headless complet », mais c'est quand même découplé : votre site n'est pas un modèle de plateforme de commerce.
- **Traditionnel (pas headless) :** vous choisissez Shopify, BigCommerce ou WooCommerce, vous utilisez leur système de thèmes, et votre site EST la plateforme de commerce.

L'essentiel de l'engouement pour le « headless » concerne le niveau 1. La plupart des boutiques n'en ont pas vraiment besoin.

## Quand le headless complet vaut le coup

Le headless complet se rentabilise dans quatre situations précises. En dehors, c'est du temps d'ingénierie que vous ne récupérerez pas.

1. **Vous avez besoin d'une expérience sur mesure que les thèmes des plateformes ne permettent pas.** Configurateurs interactifs, visionneuses de produits en 3D, mises en page narratives riches en contenu. Reconstruire le frontend aurait de toute façon eu lieu ; le headless signifie simplement que vous contrôlez aussi le flux de données de commerce.
2. **Diffusion multicanal à partir d'un seul catalogue.** Site web + application mobile + borne en magasin + interface vocale ou de chat. Une API de commerce partagée qui alimente tout cela est vraiment difficile à obtenir de façon traditionnelle.
3. **Une échelle où les plateformes traditionnelles saturent.** Shopify Plus gère l'essentiel aujourd'hui, mais si vous avez des volumes à la Nike ou IKEA, une API de commerce derrière votre propre frontend vous donne des leviers de performance qu'une boutique à thème n'offre pas.
4. **Une équipe d'ingénierie avec une vraie capacité frontend.** Si vous avez des ingénieurs frontend dédiés, le headless devient réellement moins cher avec le temps parce que vous ne payez plus la taxe du développeur de thèmes.

Si vous ne correspondez à aucun de ces quatre cas, le headless complet est presque toujours un moins bon compromis que le choix d'une plateforme hébergée.

## Les options du headless complet

Pour les équipes qui ont vraiment besoin du headless complet, la présélection réaliste en 2026 :

- **commercetools** : niveau entreprise, conçu en Allemagne, cher. L'implémentation de référence du commerce composable.
- **Saleor** : open source, auto-hébergé ou géré, solide API GraphQL. Agréable pour les développeurs.
- **Medusa** : open source, natif JavaScript, écosystème en croissance. Plus proche d'un « Shopify sous forme d'API ».
- **BigCommerce Headless** : BigCommerce comme backend, votre propre frontend. L'option la plus propre pour « migrer sans reconstruire le backend ».
- **Shopify Storefront API** : le commerce de Shopify derrière un frontend sur mesure. L'hébergement et la complexité de développement sont pour vous ; stock, commandes et paiements restent dans Shopify.
- **Shoprocket via le SDK `@shoprocket/core`** : produits, panier et sessions entièrement programmables ([shoprocket-js](https://github.com/shoprocket/shoprocket-js)). Oubliez le widget, créez votre propre interface, parlez directement à notre API. Voir la section « Où se situe Shoprocket » ci-dessous pour les réserves.

Classement approximatif selon l'ergonomie pour les développeurs : Medusa > Saleor > Shopify Storefront API > BigCommerce > commercetools. Classement approximatif selon la fiabilité en entreprise : commercetools > Shopify > BigCommerce > Saleor > Medusa. Choisissez selon ce que vous cherchez à optimiser.

## L'option du widget intégré (la catégorie que la plupart des gens veulent vraiment)

La plupart des entreprises qui disent vouloir du « headless » veulent en réalité ceci : un site vitrine ou de contenu qu'elles ont déjà, plus un commerce qui s'y branche sans imposer de reconstruction.

Shoprocket, Snipcart et Ecwid sont tous dans cette catégorie. Vous gardez votre site (Webflow, WordPress, HTML statique, Astro, Framer), vous collez une balise script, et le commerce s'affiche à l'intérieur. C'est découplé, mais pas réimplémenté.

```
<!-- 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>
```

L'API est aussi disponible si vous voulez aller plus loin (cartes produits personnalisées avec votre propre balisage, qui interrogent notre API pour les données). Le contrôle programmatique complet se trouve dans le SDK JS ([shoprocket-js](https://github.com/shoprocket/shoprocket-js)) pour les événements, la manipulation du panier et les interfaces sur mesure.

**Quand ce niveau l'emporte sur le headless complet :**

- Vous avez déjà un site qui vous plaît (vous ne voulez pas reconstruire le frontend)
- Vous n'avez pas d'ingénieurs frontend dédiés
- Vos exigences d'expérience tiennent dans ce que le widget affiche
- Vous voulez lancer le commerce en quelques semaines, pas en quelques trimestres

**Quand passer au headless complet :**

- Le widget ne permet pas d'atteindre l'expérience que vous exigez
- Vous devez afficher des produits dans des contextes que le widget ne couvre pas (application mobile native, bornes, TV)
- Vous avez l'équipe d'ingénierie pour l'assumer

## Comment savoir de quel niveau vous avez besoin

Posez-vous deux questions :

1. **Mes exigences d'expérience tiendraient-elles dans une section rectangulaire de mon site existant ?** Si oui, le widget intégré suffit. Si non, vous êtes en territoire headless complet.
2. **Ai-je un ingénieur frontend dédié pour les 18 prochains mois ?** Si non, laissez tomber le headless complet, quoi que vous pensiez qu'il vous faut.

La seconde question est décisive. Un headless complet sans ingénieur frontend est un tas de dette technique en attente. Les éditeurs de plateformes de commerce aideront, mais ils ne peuvent pas remplacer quelqu'un qui est propriétaire de votre frontend sur mesure.

## Et le « commerce composable » ?

La même idée, rebaptisée pour le cycle d'achat des grandes entreprises. « Composable » = choisir le meilleur de chaque catégorie pour chaque fonction (CMS, recherche, PIM, panier, paiement, taxes) et les relier par des API. Ça marche quand vous avez l'équipe pour les relier. Ça devient une charge de maintenance quand vous ne l'avez pas.

Pour les boutiques sous environ 10 M$ de chiffre d'affaires annuel, le composable est presque toujours une erreur. La surface d'intégration est énorme et chaque changement de fournisseur casse quelque chose.

## Où se situe Shoprocket

Nous couvrons les niveaux 1 et 2, et nous sommes honnêtes sur celui que vous devriez choisir.

**Niveau 2 (widget intégré), le choix par défaut de 95 % de nos clients.** Collez une balise script, le widget s'affiche dans votre site existant. Catalogue, panier, paiement, recherche, variantes, paiements : tout est géré. Abonnement forfaitaire à partir de 29 $/mois, 0 % de frais de transaction. C'est la voie rapide et la bonne pour la plupart des boutiques.

**Niveau 1 (headless complet), techniquement pris en charge, rarement recommandé.** Le SDK `@shoprocket/core` ([shoprocket-js](https://github.com/shoprocket/shoprocket-js)) expose produits, état du panier et sessions de façon programmable. Vous pouvez rendre chaque pixel vous-même et parler directement à notre API. Le même abonnement forfaitaire s'applique.

**Pourquoi nous ne poussons pas le niveau 1 alors qu'il fonctionne :** couvrir tous les cas limites d'un frontend sur mesure (états de chargement, paniers vides, interface de choix de variante, parcours de paiement, gestion des erreurs, accessibilité, affichages mobiles, internationalisation sur 21 langues) représente beaucoup d'ingénierie. Le widget a tout cela intégré, testé sur des milliers de boutiques. Vous réimplémentez un problème déjà résolu, sauf si vous avez une raison d'expérience précise de ne pas le faire.

Si vous avez cette raison précise et une capacité d'ingénierie dédiée, le SDK core est là. Sinon : collez le widget et passez à autre chose.

> **Astuce :** si un éditeur se dit « headless » sans pouvoir répondre à « quel framework frontend recommandez-vous ? », c'est probablement du widget intégré. Ce n'est pas un problème ; sachez simplement ce que vous achetez.

## En bref

- **Headless complet :** commercetools, Saleor, Medusa, Shopify Storefront API, BigCommerce Headless. Ne vaut le coup qu'avec des besoins d'expérience spécifiques, du multicanal, de l'échelle ou une équipe de développement dédiée.
- **Widget intégré :** Shoprocket, Snipcart, Ecwid. La bonne réponse pour la plupart des boutiques qui « veulent du headless ». Shoprocket prend aussi en charge le headless complet via le SDK core pour le cas rare où vous en avez besoin.
- **Traditionnel :** Shopify + thème, BigCommerce + thème. Toujours la voie la plus rapide si vous n'avez pas encore de site.

La plupart des entreprises qui demandent du headless veulent en réalité le niveau du widget intégré. [Démarrez un essai gratuit de Shoprocket](https://app-v3.shoprocket.io/signup) si cela vous ressemble. 14 jours, sans carte. [Tarifs](https://v3.shoprocket.io/fr/tarifs.md) à partir de 29 $.

---

- HTML version: https://v3.shoprocket.io/fr/blog/commerce-headless-trois-niveaux-quelle-option-choisir
- Language: Français (fr)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Deutsch](https://v3.shoprocket.io/de/blog/headless-commerce-drei-stufen-optionen-entscheidung.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [English](https://v3.shoprocket.io/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Español](https://v3.shoprocket.io/es/blog/headless-commerce-tres-niveles-opciones-reales.md), [עברית](https://v3.shoprocket.io/he/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/headless-commerce-tiga-tingkatan-pilihan-nyata-dan-mana-yang-anda-butuhkan.md), [Italiano](https://v3.shoprocket.io/it/blog/headless-commerce-tre-livelli-opzioni-reali-quale-scegliere.md), [日本語](https://v3.shoprocket.io/ja/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/headless-prekyba-trys-lygiai-ir-kuris-jums-tinka.md), [Norsk](https://v3.shoprocket.io/nb/blogg/headless-commerce-tre-nivaer-reelle-alternativer-og-hva-du-trenger.md), [Nederlands](https://v3.shoprocket.io/nl/blog/headless-commerce-drie-niveaus-welke-past-bij-jou.md), [Polski](https://v3.shoprocket.io/pl/blog/headless-commerce-trzy-poziomy-realne-opcje-co-wybrac.md), [Português](https://v3.shoprocket.io/pt/blog/headless-commerce-tres-niveis-opcoes-reais-e-qual-voce-provavelmente-quer.md), [Română](https://v3.shoprocket.io/ro/blog/headless-commerce-cele-trei-niveluri-si-care-ti-trebuie.md), [Русский](https://v3.shoprocket.io/ru/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [ไทย](https://v3.shoprocket.io/th/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Türkçe](https://v3.shoprocket.io/tr/blog/headless-ticaret-uc-kademe-gercek-secenekler-ve-hangisini-istiyorsunuz.md), [中文](https://v3.shoprocket.io/zh/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md)