Créer sa boutique en ligne sans Shopify : catalogue, paiement Stripe, commandes
Créer une boutique en ligne sans Shopify : catalogue, panier, paiement Stripe Checkout, suivi des commandes, et les cas où Shopify reste le bon choix.
L'essentiel
Pour vendre un petit nombre de produits, une boutique construite avec Claude Code suffit : un catalogue, un panier, le paiement par Stripe Checkout, un e-mail de confirmation et un tableau des commandes. Shopify reste plus adapté pour un gros catalogue, un stock partagé entre plusieurs canaux ou une vente en magasin.
Sommaire
On peut créer une boutique en ligne sans Shopify en construisant son propre site de vente avec Claude Code, et en confiant le paiement par carte à Stripe. Pour un petit catalogue, la boutique tient en quelques écrans : le catalogue, les fiches produits, le panier, la page de paiement Stripe Checkout, l'e-mail de confirmation et le back-office des commandes.
Claude Code est l'outil de programmation de Claude, l'IA de la société Anthropic : vous décrivez l'écran voulu en français, il écrit le code, vous vérifiez à l'écran. Ce guide s'adresse aux commerçants et aux créateurs qui vendent quelques produits et veulent une boutique à eux. À la fin, vous saurez quels écrans demander, quelles règles afficher, et dans quels cas rester sur Shopify.
De quoi est faite une boutique sans plateforme ?
Une boutique sans plateforme est un site de vente dont vous êtes propriétaire : le code vous appartient, et les données de vos clients restent chez vous. Elle s'appuie sur quelques services.
- Next.js est la technique de construction du site, qui s'ouvre dans un navigateur, sur ordinateur comme sur téléphone.
- Turso garde la base de données, l'endroit où l'outil range les produits, les prix, le stock et les commandes.
- Stripe encaisse les paiements par carte. Sa page de paiement, Stripe Checkout, est tenue par Stripe : le client y tape sa carte, et votre site ne voit jamais le numéro.
- Resend envoie les e-mails depuis votre nom de domaine, par exemple commandes@votreboutique.fr.
- GitHub garde le code et ses versions, et Vercel met le site en ligne, c'est-à-dire le rend accessible depuis une adresse web.
Le rôle de chacun est détaillé dans mettre en ligne une application avec GitHub, Vercel et Turso. Les coûts sont ceux de ces services. Stripe prélève des frais sur chaque paiement, qui peuvent changer : consultez la page des tarifs de Stripe.
Quels écrans voit le client ?
Le catalogue
La page d'accueil montre les produits en grille : une photo, le nom, le prix TTC, et la mention « Épuisé » quand le stock est à zéro. Pour un petit catalogue, un filtre par collection suffit.
La fiche produit
Chaque produit a sa page et sa propre adresse, à partager sur Instagram. Dans le back-office, la fiche produit contient ces champs :
- le nom et la description ;
- les photos, dans l'ordre d'affichage ;
- le prix TTC ;
- les variantes, par exemple une taille ou une couleur, chacune avec son stock ;
- le poids, si vos frais de port en dépendent ;
- le statut : Brouillon ou En ligne.
Le panier
Le panier garde les articles choisis, même si le client ferme l'onglet. Il recalcule le total quand une quantité change, et refuse d'ajouter plus que le stock disponible. Avant le paiement, le client indique son adresse de livraison et choisit le mode d'envoi.
Je vends des bougies artisanales. Fais-moi une boutique : une page catalogue avec les produits en grille (photo, nom, prix TTC), une page par produit avec ses photos, sa description et le choix du parfum, et une icône panier en haut à droite avec le nombre d'articles. Dans le panier, je change les quantités ou je retire une ligne, et le total se recalcule. On ne peut pas ajouter plus que le stock. Côté gestion, un écran Produits où j'ajoute un produit, ses photos, ses variantes et leur stock, avec un statut Brouillon ou En ligne.
Comment se passe le paiement avec Stripe Checkout ?
Quand le client clique sur « Payer », votre site envoie les lignes du panier à Stripe, et le client arrive sur la page Stripe Checkout. Stripe s'occupe de la sécurité et de la validation demandée par sa banque, puis le renvoie sur votre page « Merci ».
Deux règles comptent. D'abord, un client peut fermer son navigateur juste après avoir payé, sans jamais revenir sur la page « Merci ». La preuve du paiement arrive donc par un webhook, un message que Stripe envoie automatiquement à votre site quand un paiement réussit. À ce moment seulement, la commande passe en « Payée », le stock baisse et l'e-mail part. Le mécanisme est expliqué dans un webhook, c'est quoi. Ensuite, votre site relit toujours les prix dans la base de données avant d'appeler Stripe, pour qu'un visiteur ne puisse pas modifier un prix dans son navigateur.
Vos essais se font dans le mode test de Stripe, où aucun argent réel ne circule, puis vous passez aux clés réelles une fois votre compte vérifié. Une clé secrète est un long code qui donne accès à votre compte Stripe, comme un mot de passe : elle se range dans les réglages de Vercel, à l'écart du code.
Les codes promo
Les codes promo se créent dans le tableau de bord de Stripe, à la rubrique des bons de réduction. Le bon fixe la remise, en pourcentage ou en montant ; le code est le mot que le client tape, par exemple NOEL. Quand votre boutique l'autorise, la page Stripe Checkout affiche un champ pour le saisir. Selon la page Ajouter des réductions de la documentation Stripe, chaque code peut recevoir une date d'expiration, un nombre maximal d'utilisations, un montant minimum, ou être réservé à une première commande. Une commande accepte un seul code.
L'e-mail de confirmation
Dès que Stripe confirme le paiement, Resend envoie la confirmation depuis votre adresse : numéro de commande, articles, total payé, adresse de livraison et lien vers vos conditions de vente.
Un bouton « Payer » envoie le client sur Stripe Checkout avec les lignes du panier, et un champ pour saisir un code promo. Les prix sont toujours relus dans la base. La commande passe en « Payée » seulement quand Stripe confirme le paiement à l'outil : alors le stock baisse, et un e-mail part au client avec Resend, avec le numéro de commande, les articles, le total et l'adresse. Je reçois une copie de chaque confirmation.
Que montre le back-office des commandes ?
Le back-office est la partie de l'outil que vous seul voyez, après connexion. L'écran Commandes est un tableau, une ligne par commande.
| Colonne | Ce qu'elle montre |
|---|---|
| N° de commande | un numéro qui se suit, repris dans l'e-mail |
| Date | le jour et l'heure du paiement |
| Client | le nom et l'adresse e-mail |
| Montant | le total payé, code promo déduit |
| Statut | À préparer, Expédiée, Livrée ou Annulée |
En cliquant sur une ligne, vous ouvrez la fiche de la commande : les articles, l'adresse, le mode d'envoi, le code promo utilisé et un champ pour le numéro de suivi. Le bouton « Marquer expédiée » enregistre ce numéro, change le statut et envoie au client un e-mail avec le lien de suivi.
Un écran Commandes, réservé à moi après connexion : un tableau avec le numéro, la date, le client, le montant et le statut (À préparer, Expédiée, Livrée, Annulée), les commandes À préparer en haut. En cliquant sur une commande, je vois les articles, l'adresse, le code promo et un champ Numéro de suivi. Le bouton « Marquer expédiée » enregistre le numéro et envoie au client un e-mail avec le lien de suivi.
Ce que ça change dans votre semaine
Le matin, l'écran Commandes filtré sur « À préparer » donne la liste des colis du jour, avec les adresses. Les clients reçoivent confirmation et numéro de suivi sans que vous écriviez d'e-mail. Quand un besoin apparaît, comme une note pour un cadeau, vous le décrivez à Claude Code et le champ s'ajoute à la fiche.
La boutique demande aussi un peu d'entretien : refaire un achat en mode test après chaque changement, garder des sauvegardes de la base, suivre les coûts des services.
Quelles règles respecter quand on vend en ligne ?
Une boutique maison affiche les mêmes informations obligatoires que tout site de vente aux particuliers. L'une d'elles concerne le droit de rétractation. Selon la fiche de Service-Public sur la vente à distance, le client dispose d'au moins 14 jours pour changer d'avis, à compter du lendemain de la réception du bien. Le vendeur doit l'en informer clairement avant l'achat ; sans cette information, le délai est prolongé de 12 mois.
Demandez donc à Claude Code une page Conditions de vente, reliée au panier et à la confirmation, rédigée à partir des sources officielles. Pour suivre les retours, la méthode est dans gérer les retours clients en e-commerce. La comptabilité légale reste dans votre logiciel comptable, alimenté par un export des commandes.
Quand vaut-il mieux rester sur Shopify ?
Shopify reste plus adapté dans ces situations.
- Un gros catalogue, avec beaucoup de références et de variantes à tenir à jour.
- Un stock partagé entre plusieurs canaux, par exemple Etsy, votre site et un salon. Le sujet est traité dans synchroniser le stock Etsy et Shopify.
- Un point de vente physique. Shopify propose sa caisse, Shopify PDV, synchronisée avec la boutique en ligne. Un logiciel de caisse qui enregistre des ventes aux particuliers doit respecter des obligations de certification : gardez une caisse prévue à cet effet.
- Les applications de Shopify, si votre façon de vendre repose déjà sur plusieurs d'entre elles.
| Votre situation | Le choix adapté |
|---|---|
| Petit catalogue, vente en ligne seulement | Boutique maison avec Stripe Checkout |
| Stock partagé entre plusieurs canaux | Shopify |
| Vente en magasin en plus du site | Shopify et sa caisse |
| Fonction que Shopify n'offre pas | Shopify, avec un outil maison relié |
La boutique de Rugstar, une marque de tapis faits main, tourne sur Shopify et y reste. Avec Claude Code, la marque a construit autour d'elle ce qui lui manquait : le catalogue en PDF généré depuis ses produits, et le CRM qui suit la fabrication de chaque tapis avec l'atelier. Si vous restez sur Shopify, regardez les applications Shopify payantes à remplacer par votre propre app, et pour trancher outil par outil, la grille logiciel sur mesure ou SaaS.
Questions fréquentes
Peut-on créer une boutique en ligne sans Shopify quand on ne sait pas coder ?
Oui, une boutique en ligne sans Shopify peut se construire avec Claude Code sans écrire de code : vous décrivez chaque écran en français, Claude Code écrit le code, et vous vérifiez à l'écran. Il faut un abonnement Claude Pro ou Max, des comptes gratuits chez GitHub, Vercel et Turso, et un compte Stripe pour encaisser.
Une boutique faite avec Claude Code est-elle sûre pour les paiements ?
Avec Stripe Checkout, le client tape sa carte sur une page tenue par Stripe, et la boutique faite avec Claude Code ne voit jamais le numéro de carte. La boutique doit relire les prix dans sa base, et attendre la confirmation de Stripe avant de marquer une commande payée.
Combien coûte une boutique en ligne sans Shopify ?
Une boutique en ligne sans Shopify coûte les frais de Stripe sur chaque paiement, l'abonnement Claude et les éventuels forfaits des services d'hébergement. Ces prix changent : consultez la page des tarifs de chaque service. L'offre gratuite de Vercel est prévue pour un usage personnel, et une boutique relève d'un usage commercial.
Quand faut-il garder Shopify plutôt qu'une boutique maison ?
Shopify reste le choix adapté pour un gros catalogue, un stock partagé entre plusieurs canaux de vente, ou une vente en magasin avec caisse. Dans ces cas, on garde Shopify et on construit autour les outils qui manquent, reliés à la boutique.
Par où commencer
Commencez par la liste de vos produits dans un tableur : nom, prix TTC, variantes, stock et photos. Ouvrez ensuite Claude Code et donnez-lui la première demande de ce guide, avec vos produits à la place des bougies. Si Claude n'est pas encore installé, les deux leçons gratuites montrent comment faire et quel abonnement choisir. Dans la formation Korbolia, le paiement en ligne s'apprend dans la spécialité Espaces clients, et le stock et les commandes dans la spécialité ERP, toutes deux décrites dans le programme.
Apprenez à construire vos propres outils
Korbolia est une formation vidéo qui vous apprend à créer vos logiciels avec Claude Code, sans écrire de code : un tronc commun, puis les spécialités qui servent votre métier. Les deux premières leçons sont gratuites.
Victor vous guide dans Korbolia, le cours pour construire soi-même ses outils avec Claude Code, sans savoir programmer.
Korbolia est une formation indépendante. Elle n'est ni affiliée à Anthropic ni approuvée par Anthropic. Claude et Claude Code sont des marques d'Anthropic. Les autres marques citées appartiennent à leurs propriétaires, et Korbolia n'est lié à aucune d'elles.