Guides

Comment créer une boutique en ligne : produits, panier, paiement et stock

Pour créer une boutique en ligne, il vous faut un catalogue de produits, un panier, un paiement traité par un fournisseur comme Stripe, un moyen d'enregistrer les commandes et de réduire le stock, ainsi qu'une vue d'administration pour les traiter. Un créateur 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 : quand une commande est considérée comme payée, comment le stock est réservé, et comment gérer les taxes, l'expédition et les remboursements.

Boutique sur mesure ou Shopify? Décidez d'abord

Soyez honnête à ce sujet avant de construire quoi que ce soit.

Une plateforme de commerce hébergée (Shopify, Squarespace Commerce, WooCommerce et semblables) est généralement préférable lorsque :

  • Vous vendez des produits physiques avec des tarifs d'expédition, des étiquettes et des retours
  • Vous devez calculer les taxes dans de nombreuses régions
  • Une équipe non technique ajoutera des produits et traitera les commandes chaque jour
  • Vous voulez une boutique d'applications complémentaires : avis, courriel marketing, programme de fidélité
  • Vous vendez sur plusieurs canaux et avez besoin d'un seul décompte de stock

Les forfaits de Shopify sont un abonnement mensuel avec un rabais pour un paiement annuel, et les paiements par carte entraînent des frais de traitement en sus. Consultez sa page de tarifs pour votre pays, car les prix varient selon la région.

Une boutique sur mesure gagne souvent lorsque :

  • Le produit est inhabituel : configurateurs sur commande, réservations combinées à des produits, téléchargements numériques avec licences, listes de prix B2B par client
  • La boutique fait partie d'une application plus grande (plateforme de cours, site d'abonnement, place de marché)
  • Vous vendez un petit catalogue et voulez un contrôle total sur le design et le parcours d'achat
  • Vous voulez posséder le code et éviter la dépendance envers une plateforme

Beaucoup de petits vendeurs sont mieux servis par une plateforme. Si vos besoins sont ordinaires, c'est une bonne chose : prenez le raccourci.

Ce dont une boutique en ligne a besoin

Données

TableChamps clés
ProduitsNom, slug, description, images, prix, actif oui/non, catégorie
VariantesProduit, valeurs d'options (taille, couleur), SKU, prix différent, stock
CommandesNuméro, courriel du client, adresse de livraison, statut, sous-total, livraison, taxes, total, identifiant de paiement
Articles de commandeCommande, variante, quantité, prix unitaire au moment de l'achat
Mouvements de stockVariante, changement (+/−), raison (vente, réapprovisionnement, remboursement, correction), date
Codes de réductionCode, type, montant, expiration, limite d'utilisation — plus tard, pas en premier

Enregistrez le prix au moment de l'achat sur chaque article de commande. Si vous modifiez un prix le mois prochain, les anciennes commandes doivent toujours afficher ce que le client a payé.

Pages

  • Vitrine : accueil, pages de catégorie ou de collection, pages produit, panier, redirection vers le paiement, page de confirmation de commande.
  • Administration : produits et stock, commandes avec statut (payée, emballée, expédiée, remboursée), clients, chiffres de vente simples.
  • Juridique et politiques : expédition, retours, confidentialité et conditions. Les acheteurs les cherchent avant d'acheter, et plusieurs régions en exigent certaines par la loi.

Autorisations

Laissez les acheteurs commander sans compte : le paiement sans inscription retire une étape, et les comptes peuvent venir plus tard. Seuls les administrateurs peuvent voir les commandes et modifier les produits. Protégez la zone d'administration avec une vraie connexion et des vérifications côté serveur.

Comment le paiement devrait fonctionner

Le modèle le plus sûr pour une boutique sur mesure est une page de paiement hébergée. Avec Stripe :

  1. L'acheteur clique sur Payer. Votre serveur revérifie les prix et le stock dans la base de données, sans jamais se fier à ce que le navigateur envoie, puis crée une session Stripe Checkout.
  2. L'acheteur paie sur la page de Stripe. Les données de carte ne passent jamais par votre serveur.
  3. Stripe appelle le point de terminaison webhook de votre application pour confirmer que le paiement a réussi. Ce n'est qu'à ce moment que vous marquez la commande comme payée et réduisez le stock.
  4. L'acheteur arrive sur votre page de confirmation, et vous envoyez un courriel 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 les redirections peuvent être falsifiées) et calculer le total dans le navigateur. Ces deux erreurs sont faciles à commettre pour une IA, à moins que vous ne le précisiez.

La tarification standard de Stripe consiste en un pourcentage plus des frais fixes par paiement par carte réussi, sans frais d'installation ni frais mensuels (en date de septembre 2026). Le taux exact dépend de votre pays et de la carte. Construisez tout en mode test de Stripe, avec ses numéros de carte de test, d'abord. Notre guide sur l'ajout de paiements à votre application explique les clés, le mode test et les webhooks.

Décisions sur les taxes, l'expédition et le stock

Ce sont des décisions d'affaires que l'IA ne peut pas prendre à votre place :

  • Taxes. Savoir si vous devez facturer la taxe de vente ou la TVA, et à quel taux, dépend de l'endroit où vous et vos clients se trouvez. Stripe offre un produit pour cela (Stripe Tax), ou vous pouvez fixer des taux si votre situation est simple. Consultez un comptable si vous avez un doute.
  • Expédition. Commencez avec quelques tarifs forfaitaires (national, international, gratuit au-delà d'un seuil). Les tarifs des transporteurs en temps réel et l'impression d'étiquettes sont là où des plateformes comme Shopify vous font économiser 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, réduire le stock au moment du paiement et le revérifier juste avant est plus simple; il reste alors possible de vendre occasionnellement le dernier article en trop, donc prévoyez comment vous gérerez ce cas. Pour le suivi du stock au-delà de la boutique, voir comment construire une application de gestion d'inventaire.

Une première consigne qui fonctionne

Créez 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 en vedette, page boutique avec filtres par catégorie, pages produit avec galerie d'images, variantes de couleur et état du stock, et panier coulissant. Enregistrez les produits, variantes, commandes et articles de commande dans une base de données, et ajoutez 10 produits réalistes. Zone d'administration (connexion requise) pour ajouter et modifier des produits, téléverser des images, changer le stock et voir les commandes avec les statuts payée, emballée et expédiée. Le bouton de paiement peut être un substitut pour l'instant : nous ajouterons Stripe Checkout ensuite. Design chaleureux et épuré, pensé d'abord pour mobile. Aucun faux avis et aucune promesse de « livraison gratuite partout dans le monde ».

Commencer avec un paiement factice est volontaire : faites d'abord le catalogue et l'administration correctement, puis branchez les paiements dans une étape distincte que vous pourrez tester correctement.

Étapes de construction

  1. Catalogue et pages produit, avec de vrais noms de produits, prix et photos.
  2. Panier qui survit à un rafraîchissement de la page.
  3. Administration : produits, variantes, stock, téléversement d'images. Protégez-la par une connexion.
  4. Stripe Checkout en mode test, avec le serveur qui revérifie les prix et le stock.
  5. Webhook qui marque les commandes comme payées et réduit le stock. Testez-le de bout en bout avec une carte de test.
  6. Courriels de commande envoyés au client et à vous-même.
  7. Politiques et SEO : pages d'expédition et de retours, titres et descriptions des produits, images de partage. Voir SEO pour les sites créés avec l'IA.
  8. Mise en ligne : passez aux clés Stripe réelles, passez vous-même une petite commande réelle, puis remboursez-la.

Erreurs courantes

  • Faire confiance aux prix venant du navigateur. Recalculez toujours sur le serveur.
  • Marquer les commandes comme payées sur la page de succès plutôt que via le webhook.
  • Écraser les chiffres de stock au lieu d'enregistrer les mouvements : vous perdez l'historique des raisons des changements.
  • Lancer sans pages d'expédition et de retours.
  • Images de produits trop lourdes. Compressez-les et servez-les depuis un stockage de fichiers, pas depuis le code.
  • Construire des listes de souhaits, des avis et des points de fidélité avant la première vente.

Coûts d'exploitation

Prévoyez : hébergement et base de données, frais de traitement des paiements sur chaque vente, un domaine, un fournisseur de courriel pour les confirmations de commande, et possiblement un service de taxes. Une boutique sur mesure évite l'abonnement à une plateforme et les frais d'applications, mais vous assumez la maintenance : quand quelque chose se brise au moment du paiement, c'est à vous de le réparer.

Si vous voulez des vendeurs autres que vous-même (plusieurs fournisseurs, chacun payé), c'est une place de marché, avec des règles de paiement différentes. Voir comment construire 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. Le cas d'usage boutique de la documentation recommande exactement l'ordre ci-dessus : le catalogue d'abord, le paiement ensuite.

Les paiements utilisent votre propre compte Stripe : vous ajoutez vos clés Stripe comme secrets de 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 ont besoin d'une URL publique, donc publiez avant de pointer Stripe vers eux (recette webhooks). Les taxes, l'expédition et la synchronisation du stock ne sont pas des fonctions intégrées à Mythex, et il n'existe pas d'intégration Shopify native. Si vous avez besoin de ces éléments comme produit fini, Shopify est le meilleur choix. Pour un point de départ, voir les modèles de boutiques, comme la boutique e-commerce.

Questions

Puis-je créer une boutique en ligne avec l'IA?

Oui. Un créateur d'applications IA peut construire le catalogue, les pages produit, le panier et la gestion des commandes, et brancher le paiement à un fournisseur comme Stripe avec votre propre compte. Les taxes, l'expédition et les règles de livraison sont les parties que vous devez encore décider et tester avec soin.

Ai-je besoin de Shopify pour vendre en ligne?

Non. Vous pouvez vendre avec une boutique sur mesure et un fournisseur de paiement comme Stripe. Shopify reste le choix le plus facile si vous voulez que le stock, l'expédition, les taxes et les applications soient gérés comme un seul produit, ou si une équipe non technique gérera la boutique au quotidien.

Comment accepter des paiements sur une boutique en ligne sur mesure?

La plupart des boutiques sur mesure envoient les acheteurs vers Stripe Checkout, une page de paiement hébergée par Stripe, et créent la commande lorsque Stripe confirme le paiement par un webhook. Les données de carte ne touchent jamais votre propre serveur, ce qui simplifie les choses et les rend plus sûres.

Comment garder le stock exact?

Ne réduisez le stock qu'une fois le paiement confirmé, revérifiez le stock juste avant de créer le paiement, et enregistrez chaque changement (vente, réapprovisionnement, remboursement) comme un mouvement plutôt que d'écraser un chiffre. Tout article vendu sur d'autres canaux doit mettre à jour le même décompte de stock.

Mythex · Pricing · Créez n'importe quoi avec l'IA · Modèles de sites web et d'applications · Mythex comparé · Glossaire de la création d'applications avec l'IA · Outils gratuits pour créer des applications avec l'IA · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港) 繁體中文(台灣)