Comment créer une boutique en ligne : produits, panier, paiement et stock
Pour créer une boutique en ligne, il faut un catalogue de produits, un panier, un paiement passant par un prestataire comme Stripe, un moyen d'enregistrer les commandes et de décrémenter le stock, et une interface d'administration pour les expédier. Un constructeur d'applications IA peut assembler tout cela à partir d'une description claire. Ce qui mérite le plus de réflexion n'est pas la vitrine, mais ce qui touche à l'argent : à quel moment une commande est considérée comme payée, comment le stock est réservé, et comment gérer la TVA, la livraison et les remboursements.
Boutique sur mesure ou Shopify ? Décidez d'abord
Soyez lucide sur ce point avant de construire quoi que ce soit.
Une plateforme de commerce hébergée (Shopify, Squarespace Commerce, WooCommerce et similaires) est généralement préférable lorsque :
- vous vendez des produits physiques avec des tarifs de livraison, des étiquettes et des retours
- vous devez calculer la TVA dans de nombreuses régions
- une équipe non technique ajoute des produits et traite les commandes chaque jour
- vous voulez une boutique d'extensions (avis, e-mailing, fidélité)
- vous vendez sur plusieurs canaux et avez besoin d'un seul stock
Les formules de Shopify sont un abonnement mensuel avec une réduction pour un paiement annuel, et les paiements par carte entraînent des frais de traitement supplémentaires. Consultez la page tarifaire de votre pays, car les prix varient selon les régions.
Une boutique sur mesure est souvent le meilleur choix lorsque :
- le produit est atypique : configurateurs sur commande, réservations associées à des produits, téléchargements numériques avec licences, listes de prix B2B par client
- la boutique fait partie d'une application plus large (plateforme de cours, site d'adhésion, place de marché)
- vous vendez un petit catalogue et voulez un contrôle total sur le design et le tunnel d'achat
- vous voulez posséder le code et éviter de dépendre d'une plateforme
De nombreux petits vendeurs sont mieux servis par une plateforme. Si vos besoins sont ordinaires, c'est une bonne nouvelle : prenez le raccourci.
Ce dont a besoin une boutique en ligne
Données
| Table | Champs clés |
|---|---|
| Produits | Nom, slug, description, images, prix, actif oui/non, catégorie |
| Variantes | Produit, valeurs d'options (taille, couleur), SKU, prix spécifique, stock |
| Commandes | Numéro, e-mail du client, adresse de livraison, statut, sous-total, livraison, TVA, total, identifiant de paiement |
| Lignes de commande | Commande, variante, quantité, prix unitaire au moment de l'achat |
| Mouvements de stock | Variante, variation (+/−), motif (vente, réapprovisionnement, remboursement, correction), date |
| Codes de réduction | Code, type, montant, expiration, limite d'utilisation : à prévoir plus tard, pas en premier |
Enregistrez le prix au moment de l'achat sur chaque ligne de commande. Si vous modifiez un prix le mois suivant, les anciennes commandes doivent toujours afficher ce que le client a réellement payé.
Pages
- Vitrine : accueil, pages de catégories ou de collections, fiches produits, panier, redirection vers le paiement, page de confirmation de commande.
- Administration : produits et stock, commandes avec leur statut (payée, préparée, expédiée, remboursée), clients, chiffres de vente simples.
- Mentions légales et politiques : livraison, retours, confidentialité et conditions générales. Les acheteurs les consultent avant d'acheter, et de nombreuses régions les rendent obligatoires.
Droits d'accès
Laissez les acheteurs commander sans compte : le paiement en tant qu'invité supprime une étape, et les comptes peuvent venir plus tard. Seuls les administrateurs doivent voir les commandes et modifier les produits. Protégez l'espace d'administration avec une vraie connexion et des vérifications côté serveur.
Comment doit fonctionner le paiement
Le modèle le plus sûr pour une boutique sur mesure est une page de paiement hébergée. Avec Stripe :
- L'acheteur clique sur Payer. Votre serveur revérifie les prix et le stock dans la base de données, sans jamais faire confiance à ce que lui envoie le navigateur, puis crée une session Stripe Checkout.
- L'acheteur paie sur la page de Stripe. Les coordonnées bancaires n'atteignent jamais votre serveur.
- Stripe appelle le point de terminaison webhook de votre application pour indiquer que le paiement a réussi. Ce n'est qu'alors que vous marquez la commande comme payée et décrémentez le stock.
- L'acheteur arrive sur votre page de confirmation, et vous envoyez un e-mail de confirmation.
Deux erreurs à éviter : créer la commande « payée » à partir de la redirection vers la page de succès (les gens ferment l'onglet, et une redirection peut être falsifiée) et calculer le total dans le navigateur. Ces deux erreurs sont faciles à commettre pour une IA si vous ne le précisez pas.
La tarification standard de Stripe combine un pourcentage et des frais fixes par paiement par carte réussi, sans frais d'installation ni frais mensuels (à la date de septembre 2026) ; le taux exact dépend de votre pays et de la carte. Construisez d'abord tout en mode test de Stripe avec ses numéros de carte de test. Notre guide sur l'ajout de paiements à votre application couvre les clés, le mode test et les webhooks.
Décisions sur la TVA, la livraison et le stock
Ce sont des décisions commerciales que l'IA ne peut pas prendre à votre place :
- TVA. Savoir si vous devez facturer la TVA ou une taxe sur les ventes, et à quel taux, dépend de l'endroit où vous et vos clients se trouvez. Stripe propose un produit pour cela (Stripe Tax), ou vous pouvez fixer des taux si votre situation est simple. Consultez un expert-comptable en cas de doute.
- Livraison. Commencez avec quelques forfaits (national, international, gratuit à partir d'un seuil). Les tarifs transporteurs en temps réel et l'impression d'étiquettes sont les domaines où des plateformes comme Shopify vous font gagner beaucoup de travail.
- Stock. Décidez si le stock est réservé au début du paiement ou seulement lorsque le paiement réussit. Pour les petites boutiques, décrémenter le stock au paiement et le revérifier juste avant le paiement est plus simple ; il reste possible de vendre occasionnellement le dernier article en trop, il faut donc prévoir comment le gérer. Pour le suivi de stock au-delà de la boutique, voir comment créer une application de gestion de stock.
Un premier prompt qui fonctionne
Crée une boutique en ligne pour Loam & Clay, un petit atelier de céramique qui vend des tasses, des bols et des vases. Vitrine : page d'accueil avec des produits mis en avant, page boutique avec filtres par catégorie, fiches produits avec galerie d'images, variantes de couleur et statut de stock, et panier coulissant. Enregistre produits, variantes, commandes et lignes de commande dans une base de données, et insère 10 produits réalistes. Espace d'administration (connexion obligatoire) pour ajouter et modifier les produits, téléverser des images, changer le stock et voir les commandes avec le statut payée / préparée / expédiée. Le bouton de paiement peut être un espace réservé pour l'instant ; nous ajouterons Stripe Checkout ensuite. Design chaleureux et épuré, pensé d'abord pour mobile. Pas de faux avis ni de promesse de « livraison gratuite dans le monde entier ».
Commencer par un paiement factice est volontaire : d'abord le catalogue et l'administration, puis les paiements dans une étape séparée que vous pouvez tester correctement.
Étapes de construction
- Catalogue et fiches produits, avec de vrais noms de produits, de vrais prix et de vraies photos.
- Panier qui survit à un rafraîchissement de la page.
- Administration : produits, variantes, stock, téléversement d'images. Protégez-la par une connexion.
- Stripe Checkout en mode test, avec le serveur qui revérifie les prix et le stock.
- Webhook qui marque les commandes comme payées et décrémente le stock. Testez de bout en bout avec une carte de test.
- E-mails de commande envoyés au client et à vous.
- Politiques et SEO : pages livraison et retours, titres et descriptions des produits, images de partage. Voir le SEO pour les sites créés avec l'IA.
- Mise en ligne : passez aux clés Stripe en production, passez une petite commande réelle vous-même, puis remboursez-la.
Erreurs courantes
- Faire confiance aux prix venant du navigateur. Recalculez toujours côté serveur.
- Marquer les commandes comme payées sur la page de succès au lieu d'utiliser le webhook.
- Écraser les chiffres de stock au lieu d'enregistrer des mouvements : vous perdez l'historique des raisons de chaque variation.
- Lancer sans pages de livraison et de retours.
- Images de produits trop lourdes. Compressez-les et servez-les depuis un stockage de fichiers, pas depuis le code.
- Créer des listes de souhaits, des avis et des points de fidélité avant la première vente.
Coûts de fonctionnement
Prévoyez : l'hébergement et une base de données, les frais de paiement sur chaque vente, un nom de domaine, un fournisseur d'e-mails pour les confirmations de commande, et éventuellement un service de gestion de la TVA. Une boutique sur mesure évite l'abonnement à une plateforme et les frais d'applications, mais vous prenez en charge la maintenance : si quelque chose casse au moment du paiement, c'est à vous de le réparer.
Si vous voulez des vendeurs autres que vous-même, plusieurs vendeurs rémunérés chacun, il s'agit d'une place de marché, avec des règles de paiement différentes. Voir comment créer une place de marché.
Construire avec Mythex
Sur Mythex, vous décrivez la boutique et l'agent construit le catalogue, le panier et l'administration dans un aperçu en direct, avec une base de données Postgres pour les produits et les commandes, et un stockage de fichiers pour les images de produits. La documentation sur le cas d'usage boutique recommande exactement l'ordre ci-dessus : d'abord le catalogue, le paiement ensuite.
Les paiements utilisent votre propre compte Stripe : vous ajoutez vos clés Stripe comme secrets du projet et demandez à l'agent d'ajouter Checkout, puis vous testez avec les cartes de test de Stripe dans l'aperçu (recette Stripe). Les webhooks nécessitent une URL publique, donc publiez avant de renseigner les webhooks chez Stripe (recette webhooks). La gestion de la TVA, de la livraison et la synchronisation du stock ne sont pas des fonctionnalités intégrées à Mythex, et il n'existe pas d'intégration Shopify native : si vous avez besoin de ces éléments sous forme de produit finalisé, Shopify est le meilleur choix. Pour un point de départ, consultez les modèles de boutiques, comme la boutique e-commerce.
Questions
Peut-on créer une boutique en ligne avec l'IA ?
Oui. Un constructeur d'applications IA peut créer le catalogue, les fiches produits, le panier et la gestion des commandes, et relier le paiement à un prestataire comme Stripe avec votre propre compte. La TVA, la livraison et les règles d'expédition restent à définir et à tester soigneusement.
Faut-il Shopify pour vendre en ligne ?
Non. Vous pouvez vendre avec une boutique sur mesure et un prestataire de paiement comme Stripe. Shopify reste toutefois plus simple si vous voulez gérer le stock, la livraison, la TVA et les applications dans un seul produit, ou si une équipe non technique gère la boutique au quotidien.
Comment encaisser les paiements sur une boutique sur mesure ?
La plupart des boutiques sur mesure envoient l'acheteur vers Stripe Checkout, une page de paiement hébergée par Stripe, et créent la commande lorsque Stripe confirme le paiement via un webhook. Les coordonnées bancaires ne transitent jamais par votre propre serveur, ce qui simplifie les choses et renforce la sécurité.
Comment garder un stock exact ?
Ne décrémentez le stock qu'une fois le paiement confirmé, vérifiez à nouveau le stock juste avant de créer le paiement, et enregistrez chaque mouvement (vente, réapprovisionnement, remboursement) plutôt que d'écraser un chiffre. Ce qui est vendu par d'autres canaux doit mettre à jour le même stock.