# Comment ajouter l'e-commerce à n'importe quel site (sans changer de plateforme)

> Trois modèles d'intégration pour ajouter la vente à un site que vous avez déjà. Quand chacun a du sens, ce qui change sur votre site, et quand il vaut réellement la peine de changer de plateforme.

Ryan Badger - 2 juin 2023 - 4 min de lecture

## Ce que les gens entendent vraiment par « intégrer l'e-commerce »

Vous avez un site web. Un site vitrine, un portfolio, un blog, peut-être une réalisation Webflow ou Squarespace. Il fonctionne. Il fait visuellement ce que vous voulez. Mais maintenant, vous devez vendre quelque chose depuis ce site.

La mauvaise idée est de tout jeter et de reconstruire sur Shopify. La bonne dépend de trois choses :

1. **Ce que vous vendez.** Un produit ou un catalogue ? Physique ou numérique ? Abonnement ou achat unique ?
2. **Ce sur quoi tourne votre site.** Dès que vous pouvez coller une balise script, les options s'ouvrent.
3. **La part de l'expérience de paiement que vous voulez maîtriser.**

Cet article explique à quoi ressemble concrètement l'« intégration » en 2026 sur chacun de ces axes. Aucun changement de plateforme nécessaire si vous choisissez bien.

## Les trois vrais modèles d'intégration

### Modèle 1 : rediriger vers un paiement hébergé

Le plus simple. Votre site a des boutons d'achat. Le client clique sur un bouton et quitte votre site pour le paiement (Stripe Payment Links, Gumroad, Payhip, Lemonsqueezy). Le paiement se fait sur leur domaine, puis il revient sur votre page de remerciement.

**Avantages :** aucune intégration JS, fonctionne littéralement sur n'importe quel site, peu de maintenance. **Inconvénients :** la rupture d'expérience (quitter votre site) nuit à la conversion. L'image de marque n'est pas cohérente. Les parcours de paniers abandonnés et l'analytique deviennent plus difficiles.

Convient à : créateurs à produit unique, faible volume, aversion technique pour tout ce qui s'intègre.

### Modèle 2 : intégrer un widget dans la page

Un widget intégré tourne à l'intérieur de votre site. Le client ne le quitte jamais. Panier, détails du produit, paiement s'affichent tous dans vos pages.

C'est ce que proposent Shoprocket, Snipcart, Ecwid et les plateformes similaires.

Intégration typique :

```
<!-- 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 ligne, un collage, terminé. Le widget se synchronise automatiquement avec votre tableau de bord : produits, prix, images, règles de taxes, options de livraison, moyens de paiement. Les clients restent sur votre domaine de la « navigation » jusqu'au « merci pour votre commande ».

**Avantages :** expérience cohérente, maîtrise de la marque, moins de fuites de conversion. **Inconvénients :** votre site a maintenant une dépendance JS. La plupart sont légères (~20 à 50 Ko) mais ce n'est pas nul.

Convient à : tout site qui veut une vraie boutique sans changer de plateforme.

### Modèle 3 : intégration headless (API)

Vous construisez vous-même l'interface et appelez une API de commerce (API Stripe, Shopify Storefront API, BigCommerce, Commercetools) pour la mécanique commerciale. Entièrement sur mesure, entièrement à vous.

**Avantages :** contrôle complet, aucun compromis visuel, s'adapte aux parcours sur mesure. **Inconvénients :** un vrai travail d'ingénierie. Vous construisez le paiement, l'état du panier, le calcul des taxes, la synchronisation des stocks, les webhooks. Des mois de travail, pas des minutes.

Convient à : équipes avec un développeur dédié au commerce à plein temps, ou produits qui ne tiendraient pas dans un widget préconçu.

## L'arbre de décision

Commencez par « voulez-vous que votre client quitte votre site » :

- **Oui** : modèle 1 (lien de paiement hébergé). Stripe Payment Links ou Gumroad, 10 minutes de mise en place.
- **Non** : passez à la question suivante.

Voulez-vous écrire du code sur mesure ?

- **Oui, nous avons de la capacité de développement** : modèle 3 (headless).
- **Non, nous voulons du préconçu** : modèle 2 (widget intégré). C'est là que la plupart des sites atterrissent.

Pour le modèle 2, la décision suivante est le choix de la plateforme. C'est traité dans notre article séparé : [comparatif des plateformes de panier intégrable](https://v3.shoprocket.io/fr/blog/comparatif-paniers-integrables-snipcart-ecwid-gumroad-payhip-shoprocket.md).

## À quoi ressemble une vraie intégration du modèle 2 sur les plateformes courantes

### WordPress

Déposez l'extrait d'intégration dans un bloc HTML personnalisé (éditeur de blocs) ou un widget de texte (barre latérale classique). Aucune installation de plugin nécessaire.

### Squarespace

Ajoutez un bloc de code sur n'importe quelle page. Collez. Le widget respecte la largeur et l'espacement du thème Squarespace.

### Webflow

Élément d'intégration → collez. L'export statique de Webflow inclut toujours l'intégration à la publication.

### Framer

Élément d'intégration → collez. Les outils de développement de Framer facilitent le dépôt de l'extrait dans une section précise.

### Carrd

Composant de code personnalisé (fonction des offres payantes). Pour les sites d'une seule page avec un onglet boutique, c'est direct.

### Notion

Utilisez une page Notion publique comme site, intégrez-la via un service comme Super ou Potion, et collez l'extrait. Cela devient une vraie boutique.

### HTML statique / Jekyll / Hugo / 11ty

Collez l'extrait dans le modèle qui génère votre page de boutique. Rien d'autre.

## Ce qui change sur votre site après l'intégration

Moins que vous ne le pensez.

- Vos pages existantes restent telles quelles. Aucune modification de thème nécessaire.
- Le script se charge en asynchrone, donc la vitesse de la page est pratiquement inchangée (les scores Lighthouse tiennent).
- Produits, prix et stocks vivent dans votre tableau de bord de commerce, pas dans votre CMS.
- Les données clients (commandes, e-mails, adresses) vont à la plateforme de commerce. Votre CMS n'a rien à gérer de tout cela.

Ce que vous n'avez PAS besoin de faire :

- Reconstruire votre site
- Installer un plugin de CMS
- Migrer du contenu
- Embaucher un développeur
- Acheter un nouveau nom de domaine

> **Astuce :** testez d'abord le widget sur une page de préproduction. Il ne devrait entrer en conflit avec rien, mais mieux vaut le vérifier avec votre thème précis avant de le mettre sur une page de boutique en production.

## Quand changer vraiment de plateforme

Parfois, la réponse EST « passer à une plateforme de commerce complète ». Les signes :

- Vous faites plus de 100 k$ par mois et la mission centrale de votre site est devenue la vente, pas la marque.
- Vous avez des besoins d'intégration de caisse (commerce physique + en ligne).
- Votre catalogue dépasse >1 000 références avec des mises à jour constantes.

À cette échelle, Shopify Plus ou équivalent commence à se rentabiliser. Pour la plupart des sites indépendants sous ce seuil, l'intégration est moins chère, plus rapide, et conserve le site que vous avez déjà.

## En bref

- **Lien de paiement hébergé** : le plus rapide, rompt l'expérience au paiement. Convient aux produits uniques.
- **Widget intégré** : garde le client sur votre site, sans changer de plateforme. Un bon choix par défaut.
- **API headless** : à construire soi-même, des mois de travail. À réserver aux grandes échelles.

[Essayez l'intégration Shoprocket sur votre site existant](https://app-v3.shoprocket.io/signup). Essai gratuit, sans carte bancaire. Tarifs : [à partir de 29 $](https://v3.shoprocket.io/fr/tarifs.md), zéro frais de transaction sur toutes les offres.

---

- HTML version: https://v3.shoprocket.io/fr/blog/ajouter-ecommerce-a-un-site-sans-changer-de-plateforme
- Language: Français (fr)
- 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), [עברית](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), [Nederlands](https://v3.shoprocket.io/nl/blog/webshop-toevoegen-aan-elke-website-zonder-te-verhuizen.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)