Le site de Casa Luigi, fait maison

Les hypothèses de ce guide

Si l'une d'elles est fausse, dis-le : certaines étapes changent.

• « Une douzaine de pizzas » : une carte d'environ 12 pizzas, plus des boissons et des desserts.
• Tu peux consacrer 1 h 30 à 2 h par jour au site, cinq jours par semaine, d'ici l'ouverture.
• Pas d'alcool au lancement. Vendre bière ou vin à emporter demande une licence, et une formation spécifique pour vendre après 22 h (étape 16).
• Le module de commande en ligne de Zelty est souscrit en même temps que la caisse.
• Le nombre de commandes en ligne n'est pas connu : les frais sont calculés pour plusieurs volumes (étape 3).
• La société est en cours d'immatriculation : le paiement en ligne ne pourra être activé qu'une fois le SIREN et le compte bancaire pro obtenus. Le calendrier en tient compte.

Un cahier des charges, c'est la liste écrite de ce que le site doit faire, et de ce qu'il ne fera pas. Il t'évitera de partir dans tous les sens avec l'IA : si une idée n'est pas dans cette liste, elle attend l'après-ouverture.

Voici le trajet d'une commande, du téléphone du client jusqu'à ton four. Le mot architecture désigne simplement ce plan : quelles pièces existent, et comment elles se passent l'information.

Pourquoi ce découpage

• Une seule carte pour les commandes. Dans Zelty, la même carte sert à la caisse et à la commande en ligne : un prix modifié l'est pour les deux.
• Aucune donnée bancaire ne passe par ton site. Il reste un site simple, sans rien d'intéressant à pirater. C'est aussi une condition de l'offre gratuite de Cloudflare, qui interdit de collecter des numéros de carte.
• Tu restes propriétaire. Ton site et ton domaine t'appartiennent : si tu changes un jour de solution de commande, tu changes le lien du bouton, pas le site.

Le but n'est pas 0 €, c'est de mettre l'argent là où il fait gagner du temps ou des clients. Les prix ont été vérifiés le 25/09/2026 sur les sites officiels, sauf mention contraire. TTC : toutes taxes comprises (ce que tu paies) ; HT : hors taxes (ta société récupère la TVA si elle y est assujettie).

Sources : ovhcloud.com/fr/domains/tld/fr ; developers.cloudflare.com/pages ; stripe.com/fr/pricing ; zelty.fr (aucun prix public) ; estimations Zelty tirées du comparatif lacaisseideale.fr du 21/07/2026, d'après une grille commerciale Zelty de septembre 2024 ; tarif médiateur : cm2c.net/tarifs.php.

Trois scénarios

Le calcul

Neuf comptes à créer, pas un de plus. Range chaque mot de passe dans Bitwarden dès sa création, et active la double authentification partout où elle est proposée : en plus du mot de passe, un code à usage unique envoyé sur ton téléphone. C'est ce qui empêche quelqu'un qui a volé ton mot de passe d'entrer.

Tu as déjà un logo, et c'est une vraie force : il raconte une histoire (deux hommes attablés, le four à bois, les couleurs de l'Italie). Le site doit le mettre en valeur, pas lui faire concurrence. On ne crée donc pas une nouvelle identité : on en tire un système de couleurs, de polices et de formes, que tu valides avant de construire.

Ce que ton logo impose au site

• Il est très détaillé. En petit (l'icône de l'onglet du navigateur, la photo de profil Instagram), la photo des deux hommes devient illisible. Il te faut une version simplifiée pour les petites tailles, par exemple l'arche du four et ses flammes, ou les initiales « CL » dans le rouge du ruban.
• Le fichier que tu as est une image JPG avec une ombre grise autour. Demande à la personne qui l'a créé le fichier source : un PNG sur fond transparent et, si possible, une version vectorielle (SVG ou PDF). Une image vectorielle reste nette à toutes les tailles, de la carte de visite à l'enseigne.
• La photo d'époque. Si ce n'est pas une photo de ta famille, vérifie que tu as le droit de l'utiliser dans un logo commercial (photo d'archive, banque d'images, image générée par IA).

La palette tirée du logo

Le contraste est l'écart de luminosité entre un texte et son fond. Sous 4,5 pour 1, un texte courant devient difficile à lire, surtout au soleil sur un téléphone. Les ratios ci-dessous sont calculés avec la formule officielle des règles d'accessibilité du web (WCAG).

Trois directions pour le site : choisis avant de construire

Voici à quoi ressemblerait le haut de la page d'accueil sur un téléphone dans chacune des trois directions. Les polices sont toutes gratuites (Google Fonts). Les prix sont des exemples.

Les règles de style, quelle que soit la direction

• Boutons : en forme de pilule, 44 pixels de haut au minimum (la taille d'un pouce), texte de 16 pixels au moins. Tous les boutons « Commander » identiques, de la même couleur, partout.
• Cartes produit : coins arrondis, bord fin, photo en haut, nom, description, prix aligné à droite. Pas d'ombre lourde.
• Photos : toujours de vraies pizzas, sur le même fond, avec la même lumière.
• Général : beaucoup d'espace, une seule couleur d'action, pas d'animation automatique, pas de carrousel (les clients ne regardent que la première image).

Le moodboard avec ChatGPT

Un moodboard (planche d'inspiration) est une image qui réunit couleurs, polices et photos d'ambiance. Il sert à décider, jamais à être publié. ChatGPT Plus sait en générer.

Crée une planche d'inspiration (moodboard) au format paysage pour le site internet d'une petite pizzeria artisanale à emporter nommée Casa Luigi, installée dans un village du Gard.

Direction : [colle ici le nom et la description de la direction A, B ou C].

La planche montre :
- 5 pastilles de couleur avec leur code hexadécimal : #8a2a1b, #1f5234, #fbf7f0, #221c18, #d27a2c ;
- deux exemples de titres écrits dans les polices de la direction ;
- une photo d'ambiance de four à pizza ;
- une texture (farine, bois ou nappe) ;
- un exemple de bouton « Commander » en forme de pilule.

Ne dessine aucun logo : la pizzeria en a déjà un. Aucun autre texte que les titres d'exemple.

Le site ne peut pas être meilleur que ce qu'on lui donne. Rassemble tout ceci avant d'ouvrir ChatGPT pour coder : c'est la partie la plus longue, et la plus importante.

La carte, dans un format propre

Remplis ce tableau dans un tableur (Google Sheets est gratuit) ou sur papier. C'est la source unique de ta carte : tu t'en serviras pour saisir la carte dans Zelty, pour la page « La carte » du site, et pour la carte imprimée.

Pour le site, ChatGPT transformera ce tableau en un fichier carte.js (prompt 3). Voici sa forme, pour que tu la reconnaisses :

// carte.js : la carte de Casa Luigi. On modifie ICI les prix et les pizzas.
window.CARTE = {
  tailles: ["Normale (29 cm)", "Grande (33 cm)"],
  pizzas: [
    {
      nom: "Margherita",
      description: "La classique",
      base: "tomate",
      ingredients: ["sauce tomate", "mozzarella", "basilic", "huile d'olive"],
      allergenes: ["gluten", "lait"],
      prix: [9.50, 12.50],          // un prix par taille, dans le même ordre
      vegetarienne: true,
      photo: "images/pizza-margherita.jpg"
    }
  ],
  boissons: [ { nom: "Eau pétillante 50 cl", prix: 2.50, allergenes: [] } ],
  desserts: [ { nom: "Tiramisu maison", prix: 4.50, allergenes: ["gluten", "lait", "oeufs"] } ]
};

Pourquoi un fichier .js et pas un tableau Excel : le site le lit directement, même quand tu l'ouvres par un double-clic sur ton ordinateur.

Les 14 allergènes à signaler

La loi impose de les indiquer par écrit, et pour une vente à distance, avant l'achat : sur la carte du site ET sur la fiche de chaque produit dans le module de commande. « Sur demande » ne suffit pas.

Sources : décret n° 2015-447 ; règlement (UE) n° 1169/2011, article 14 et annexe II.

Les textes : ChatGPT écrit, tu corriges

Tu es rédacteur pour une petite pizzeria artisanale. Écris les textes du site de Casa Luigi, pizzeria à emporter uniquement à Aigues-Vives (Gard), ouverte du mardi au dimanche de 18 h à 22 h, retrait sur place, pas de livraison.

Mon histoire : [raconte en cinq lignes].
Ma carte : [colle ton tableau].

Écris :
1) une phrase d'accroche de 8 mots maximum ;
2) un texte d'accueil de 60 mots ;
3) un texte « Notre histoire » de 120 mots ;
4) une description de 15 mots maximum pour chaque pizza.

Ton chaleureux et simple, tutoiement interdit (on vouvoie les clients), aucun superlatif invérifiable (pas de « meilleure pizza du Gard »), pas de mots anglais, pas de tiret long.
N'invente aucun fait : si une information manque, écris [À COMPLÉTER].

Les photos avec ton téléphone

• Lumière du jour, près d'une fenêtre, jamais de flash.
• Le même fond pour toutes les pizzas (planche en bois, papier kraft) : la carte paraîtra professionnelle.
• Deux angles par pizza : vue de dessus (la pizza entière) et vue de biais (la texture, le fromage).
• Photographie dans les deux minutes qui suivent la sortie du four : après, le fromage fige.
• Nomme les fichiers en minuscules, sans espace ni accent : pizza-quatre-fromages.jpg. En ligne, Photo.JPG et photo.jpg sont deux fichiers différents.
• Avant de les mettre sur le site, allège-les avec Squoosh (squoosh.app) : 1 600 pixels de large, qualité 75. Le fichier doit peser moins de 300 Ko.

Les questions fréquentes, à adapter

Il existe six grandes façons de faire un site. Elles sont comparées ici pour ton cas précis : débutant, Windows, ChatGPT, caisse Zelty, petit budget. Un site statique, c'est un ensemble de fichiers (pages, images) envoyés tels quels au visiteur, sans base de données ni serveur à entretenir : l'équivalent d'une carte imprimée, mais en ligne.

Aucune ligne de commande à taper. Tu vas créer un dossier, installer l'application ChatGPT pour Windows, qui contient Codex, l'agent de programmation d'OpenAI, puis laisser Codex écrire les fichiers pendant que tu vérifies chaque étape. Trois mots à connaître :

• HTML (fichiers .html) : le contenu d'une page, ses titres, ses textes, ses images.
• CSS (fichier style.css) : l'apparence, c'est-à-dire les couleurs, les polices, les espacements.
• JavaScript (fichiers .js) : les petits comportements, comme afficher la carte ou « fermé aujourd'hui ».

Sources : learn.chatgpt.com (Windows app, Sandbox, Agent approvals, Projects) ; developers.openai.com/codex/guides/agents-md ; fiche Microsoft Store 9PLM9XGG6VKS.

La méthode : un prompt = une étape = un ou deux fichiers. Tu colles le prompt dans une nouvelle conversation Codex ; Codex annonce les fichiers qu'il va toucher, les écrit, puis résume ce qu'il a changé. Tu regardes le résultat dans le navigateur. Et seulement si c'est bon, tu passes au suivant. Les mêmes prompts marchent sans Codex, dans une conversation ChatGPT, par copier-coller (méthode de secours ci-dessous).

Tu m'aides à construire le site vitrine de ma pizzeria Casa Luigi. Je suis débutant : je ne sais pas coder, je travaille sur Windows avec Codex (application ChatGPT), et je vois le site en double-cliquant sur les fichiers.

LE PROJET
- Pizzeria artisanale à emporter uniquement, dark kitchen à Aigues-Vives (Gard). Pas de livraison.
- Commandes du mardi au dimanche, de 18 h à 22 h ; téléphone à partir de 17 h 30. Fermé le lundi.
- La commande en ligne, le paiement et les créneaux sont gérés par le module Commande en ligne de ma caisse Zelty. Le site envoie seulement le client vers ce module avec un bouton « Commander » : un simple lien, jamais d'iframe, jamais de formulaire de paiement sur le site.
- Direction visuelle choisie : [colle ici la direction A, B ou C, ses couleurs et ses polices].

LA TECHNIQUE, À RESPECTER STRICTEMENT
- Uniquement HTML, CSS et un peu de JavaScript simple. Aucun framework, aucune installation, aucune ligne de commande, aucune bibliothèque externe à part Google Fonts.
- Fichiers : index.html, carte.html, infos.html, mentions-legales.html, cgv.html, confidentialite.html, style.css, carte.js, site.js, et le dossier images/.
- Le site doit fonctionner en ouvrant les fichiers par double-clic : pas de fetch, pas de module JavaScript.
- Mobile d'abord : parfait sur un téléphone de 360 pixels de large, puis sur ordinateur.
- Accessibilité : contraste d'au moins 4,5 pour 1 pour le texte, boutons d'au moins 44 pixels de haut, texte alternatif sur chaque image, navigation possible au clavier avec un contour visible, aucune information donnée par la couleur seule.
- Aucun cookie, aucun traceur, aucune carte Google intégrée (un simple lien vers Google Maps).
- Tout le texte est en français, on vouvoie les clients. Pas de tiret long.

TA FAÇON DE TRAVAILLER
- Une seule étape à la fois. Tu ne touches qu'aux fichiers que je te demande.
- Si tu peux modifier mes fichiers toi-même (Codex) : annonce d'abord la liste des fichiers que tu vas créer ou modifier, ne touche à aucun autre, n'installe rien, ne lance aucune commande, puis résume ce que tu as changé.
- Si tu ne peux pas (conversation ChatGPT) : donne-moi chaque fichier COMPLET dans un seul bloc, avec son nom exact juste avant, jamais de « le reste est inchangé », et dis-moi où le coller.
- Dans les deux cas, dis-moi ce que je dois voir en ouvrant la page.
- Ne modifie jamais le fichier AGENTS.md sans me le demander.
- N'invente jamais une information sur ma pizzeria (prix, adresse, horaires, allergènes, origine des viandes) : écris [À COMPLÉTER].
- Ne me demande jamais de mot de passe ni de clé secrète.
- Si ma demande est risquée ou trop complexe pour un débutant, dis-le avant de coder.

Étape 1 : la structure.
1) Crée style.css avec : les couleurs et polices de ma direction visuelle sous forme de variables CSS (--couleur-principale, --couleur-texte, etc.), une mise en page pensée d'abord pour le téléphone, et les styles communs : en-tête avec logo et menu, pied de page, boutons, cartes produit.
2) Crée index.html avec seulement : l'en-tête (logo images/logo.png, menu Accueil, La carte, Infos pratiques, et un bouton Commander), un contenu provisoire « [À VENIR] », et le pied de page (adresse [À COMPLÉTER], téléphone [À COMPLÉTER], liens vers mentions-legales.html, cgv.html, confidentialite.html, Instagram et Facebook [À COMPLÉTER]).
Le bouton Commander pointe pour l'instant vers "#commander".
Explique-moi chaque fichier en trois lignes maximum.

Résultat attendu : en double-cliquant sur index.html, une page avec ton logo, un menu et un pied de page, lisible en vue téléphone. Place d'abord ton logo dans images/ sous le nom logo.png.

Étape 2 : la page d'accueil. Complète index.html, et crée site.js. Si style.css doit changer aussi, dis-le-moi.
Sections, dans cet ordre :
1) Une grande photo (images/accueil.jpg) avec mon accroche : [colle ton accroche], et le bouton Commander.
2) Un encadré « Ce soir » qui affiche automatiquement « Ouvert ce soir, commandes de 18 h à 22 h » ou « Fermé aujourd'hui », selon le jour de la semaine. Les horaires et une liste de fermetures exceptionnelles (dates au format 2026-12-24) sont écrits en haut de site.js, dans une partie facile à modifier et bien commentée.
3) Trois pizzas phares avec photo, nom et prix (je te les donnerai à l'étape 3 : mets [À COMPLÉTER]).
4) Notre histoire : [colle le texte].
5) Comment ça marche, en trois étapes : Je commande, Je choisis mon heure, Je viens chercher.
Pas de carrousel, pas d'animation automatique.

Étape 3 : la carte. Voici ma carte sous forme de tableau : [colle ton tableau].
1) Transforme-la en fichier carte.js au format window.CARTE = { tailles, pizzas, boissons, desserts }, sans rien inventer : une case vide devient "[À COMPLÉTER]".
2) Crée carte.html qui affiche la carte à partir de carte.js : une carte par pizza avec photo, nom, description, ingrédients, prix par taille, une pastille « Végétarienne » avec icône ET texte, et la liste des allergènes écrite en toutes lettres sur chaque produit. Puis les boissons et les desserts, avec leurs allergènes.
3) Ajoute un filtre « Végétariennes seulement ».
4) Sous la carte : l'origine des viandes [À COMPLÉTER], et un bouton Commander.
5) Dis-moi comment vérifier que tous mes prix sont bien affichés.

Étape 4 : aide-moi à préparer la saisie de ma carte dans le back-office de ma caisse Zelty. Je ne te demande pas de code.
À partir de ma carte [colle le tableau], fais-moi un tableau par produit :
- nom, prix pour chaque taille ;
- groupe d'options obligatoire « Pâte », un seul choix, avec la pâte classique par défaut ;
- groupe « Suppléments », facultatif, plusieurs choix, 4 au maximum, avec le prix de chacun ;
- groupe « Retirer un ingrédient », facultatif et gratuit ;
- allergènes du produit.
Signale-moi toute incohérence : un supplément sans prix, un produit sans allergènes, un même supplément à deux prix différents.
Ne suppose rien sur les écrans de Zelty : j'utiliserai les noms exacts qu'ils m'auront montrés.

Étape 5 : crée infos.html avec :
- l'adresse de retrait [À COMPLÉTER] et les indications d'accès : [colle-les] ;
- un lien « Ouvrir dans Google Maps » (surtout pas de carte intégrée) ;
- le téléphone en grand, cliquable sur téléphone ;
- les horaires dans un tableau lisible ;
- la mention « Retrait uniquement, pas de livraison » ;
- la foire aux questions suivante, en questions dépliables accessibles (balises details et summary) : [colle ta FAQ].

Étape 6 : crée mentions-legales.html, cgv.html et confidentialite.html à partir des textes que je te colle ci-dessous.
Ne rédige pas le droit toi-même et ne complète rien de juridique : mets seulement en page, avec des titres clairs, et liste-moi tous les [À COMPLÉTER] restants.
Vérifie que le pied de page de toutes les pages contient bien les liens vers ces trois pages.
Textes : [colle les textes préparés à l'étape 16].

Étape 7 : le bouton Commander. Voici l'adresse de ma page de commande en ligne (Zelty ou Obypay) : [colle le lien].
1) Remplace "#commander" par ce lien dans tous les boutons Commander de toutes les pages. Donne-moi la liste des fichiers modifiés.
2) Dans site.js, quand une date de fermeture exceptionnelle tombe aujourd'hui, l'encadré « Ce soir » affiche « Fermé exceptionnellement ce soir ».
3) Explique-moi en trois lignes comment ajouter une nouvelle date de fermeture.

Étape 8 : le référencement.
1) Pour chaque page, propose un titre (environ 60 caractères) et une description (environ 155 caractères) qui contiennent « pizza » et « Aigues-Vives » quand c'est naturel. Montre-les-moi avant de modifier les fichiers.
2) Ajoute dans index.html le bloc de données structurées que je te colle, complété avec mes informations : [colle le bloc JSON-LD de l'étape 15].
3) Crée robots.txt et sitemap.xml pour le domaine https://casa-luigi.fr.
4) Ajoute sur chaque page une balise canonique et les balises Open Graph avec l'image images/partage.jpg (1200 × 630 pixels).

Étape 9 : relis tout le site sans rien modifier. (Avec Codex : lis les fichiers du dossier. Sans Codex : je te les colle un par un, avec leur nom.)
Fais-moi une liste numérotée des problèmes : liens cassés, [À COMPLÉTER] oubliés, images sans texte alternatif, contrastes insuffisants, éléments trop petits sur téléphone, prix ou horaires différents d'une page à l'autre, allergènes manquants.
Pour chaque problème : le fichier, l'endroit, la correction proposée.
N'écris aucun fichier tant que je ne t'ai pas dit lequel corriger.

Étape 10 : je vais mettre le site en ligne sur Cloudflare Pages par glisser-déposer. Voici la liste des fichiers de mon dossier : [colle la liste, ou une capture d'écran de l'Explorateur].
Dis-moi s'il manque un fichier, s'il reste un fichier inutile (test.html, fichiers .zip), et si un nom contient un espace, une majuscule ou un accent.
Puis guide-moi pas à pas, en attendant ma confirmation après chaque étape.

Quelque chose ne marche plus. Ne réécris rien pour l'instant.
Ce que j'ai fait juste avant : [décris].
Ce que je vois : [décris, ou joins une capture d'écran].
Ce que je devrais voir : [décris].
Le fichier concerné : [colle-le en entier].
Explique-moi d'abord la cause probable en deux phrases, puis propose la plus petite correction possible.

Si la correction empire les choses : reviens au dernier ZIP (étape 8.8) plutôt que d'empiler les corrections. Deux corrections ratées de suite, c'est le signal pour repartir de la sauvegarde.

Le configurateur, c'est l'écran où le client compose sa pizza. Tu ne le programmes pas : tu le configures dans Zelty. Mais il faut en comprendre la logique pour bien saisir ta carte, sinon les prix seront faux.

La logique, dans l'ordre

1. La pizza : elle donne le prix de base, qui dépend de la taille.
2. La taille : obligatoire, un seul choix. Chaque taille a son prix.
3. La pâte : obligatoire, un seul choix, présélectionnée sur « Classique ». Une pâte spéciale peut coûter plus cher.
4. Retirer un ingrédient : facultatif et gratuit (« sans oignons »).
5. Les suppléments : facultatifs, plusieurs choix, avec un maximum. Chacun a son prix.
6. La quantité.

Prix final = (prix de la taille + supplément de pâte + somme des suppléments) × quantité.

Les règles qui évitent les erreurs

• Un supplément = un seul prix, quelle que soit la taille. Plus simple à saisir, à afficher et à vérifier.
• 4 suppléments au maximum. Au-delà, le client compose une autre pizza, et ta cuisine ne suit plus.
• Une valeur par défaut pour chaque choix obligatoire (taille, pâte), sinon le client reste bloqué sans comprendre pourquoi.
• Retirer un ingrédient ne fait jamais baisser le prix.
• Boissons et desserts : produits simples, sans options.
• Contrôle après saisie : compose 5 pizzas au hasard, calcule le prix à la main, compare avec Zelty.

Un créneau est une tranche de 15 minutes pendant laquelle le client vient chercher sa commande. La règle d'or pour une cuisine de 18 m² tenue par une seule personne : on compte en pizzas, pas en commandes. Une commande de six pizzas n'occupe pas le four comme une commande d'une pizza.

Les vérifications, dans l'ordre

1. Le jour est-il ouvert ? Lundi fermé, et les fermetures exceptionnelles (congés, jours fériés choisis) : aucun créneau.
2. L'heure est-elle dans la plage de retrait ? Par exemple de 18 h 30 à 22 h 00.
3. Le délai de préparation est-il respecté ? Premier créneau possible = maintenant + le délai (par exemple 30 minutes), arrondi au quart d'heure suivant.
4. Le créneau a-t-il assez de place ? Avec une capacité de 6 pizzas par quart d'heure, une commande de 3 pizzas n'entre que s'il reste 3 places.
5. Revérification au paiement. Entre le choix du créneau et le paiement, un autre client a pu prendre la dernière place : le système revérifie juste avant d'encaisser.

Ce que Zelty permet, d'après les sources publiques

Mesure ta vraie capacité avant d'ouvrir

Pendant tes essais, chronomètre trois services « à blanc » : combien de pizzas sortent réellement en 15 minutes, toi seul, en répondant au téléphone ? Règle ensuite la capacité un cran en dessous. Pense aussi au changement d'heure du dimanche 25 octobre 2026 : vérifie le lendemain que les créneaux affichés sont justes (le fuseau horaire de Zelty doit être celui de Paris).

Un prestataire de paiement est l'entreprise qui encaisse la carte bancaire à ta place et verse l'argent sur ton compte, moins sa commission. Tu ne vois jamais le numéro de carte : c'est ce qui te protège.

Sources : stripe.com/fr/pricing ; paygreen.io/tarifs ; obypay.com/commande-et-paiement/click-and-collect ; sumup.com/fr-fr/tarifs ; zelty.fr/besoins/zelty-click-and-collect-restaurant.

Sources : docs.stripe.com/refunds ; docs.stripe.com/testing-use-cases.

Cette étape est traitée à part parce que c'est elle qui décide du coût du projet. Chaque information est marquée selon sa source : officielle (site ou blog Zelty), tierce (autre site) ou non trouvée. Aucune n'est supposée.

Le module Commande en ligne

Sources : zelty.fr/besoins/zelty-click-and-collect-restaurant ; zelty.fr/demo-contact-digitalisation-restaurant ; blog.zelty.fr/personnalisation-click-and-collect ; lacaisseideale.fr/articles/zelty-avis (21/07/2026).

L'API de Zelty

Une API est une porte d'entrée prévue pour que deux logiciels se parlent sans humain : ici, pour qu'un site envoie lui-même une commande à la caisse.

Sources : github.com/coopcycle/coopcycle-web (fichier ZeltyClient.php) ; zelty.fr/forms/api ; docs.coopcycle.org/en/food-tech/zelty ; hubrise.com/apps/zelty-bridge ; hubrise.com/fr/apps/zelty-bridge/interface-utilisateur.

Quand l'API deviendra intéressante : plus tard, pour afficher automatiquement la carte Zelty sur ton site (un seul endroit à modifier), ou pour relier un programme de fidélité. C'est alors une mission courte pour un développeur, à faire chiffrer avec la documentation fournie par Zelty.

Le message à envoyer à Zelty

Bonjour,

Je crée la pizzeria Casa Luigi à Aigues-Vives (Gard) : à emporter uniquement, retrait sur place, une douzaine de pizzas, un seul poste de caisse. Ouverture prévue en novembre 2026. Avant de signer, pouvez-vous me répondre par écrit :

1. Le prix de la licence caisse et du module Commande en ligne pour un seul iPad, les frais d'installation et la durée d'engagement.
2. Y a-t-il une commission Zelty par commande en ligne ? Quel prestataire de paiement (Stripe ou Paygreen), à quel tarif, et le compte est-il à mon nom ? Quel délai de versement ?
3. Pour une pizza : peut-on proposer des tailles, un choix de pâte obligatoire, des suppléments payants avec un maximum, le retrait gratuit d'ingrédients, une pizza moitié-moitié ?
4. Créneaux de retrait : la capacité se règle-t-elle en nombre de commandes ou en nombre de pizzas ? Délai minimum de préparation ? Fermetures exceptionnelles ? Pause temporaire des commandes ? Paiement au retrait possible ?
5. Les commandes prises au téléphone et saisies en caisse sont-elles comptées dans la capacité des créneaux ?
6. Intégration à mon site : simple lien, sous-domaine, ou mon propre nom de domaine ? Le client reçoit-il un e-mail de confirmation ?
7. Le bouton de validation affiche-t-il la mention « commande avec obligation de paiement » ? Où afficher mes allergènes et mes conditions de vente dans le module ?
8. Un bouton « Commander » sur ma fiche Google est-il possible avec votre module ?
9. API : accès à la documentation, prix de la clé, environnement de test ?
10. Le numéro du certificat de la caisse (NF525 ou équivalent), l'organisme, la version couverte, ou l'attestation nominative de l'éditeur.
11. Mode hors ligne : que se passe-t-il si l'iPad perd Internet pendant le service ? Pouvez-vous me le montrer en démonstration, connexion coupée ?
12. Si je choisis Obypay pour la commande en ligne : la liaison entre Obypay et ma caisse Zelty est-elle comprise dans ma licence, ou facturée à part ?

Merci,
[Prénom Nom] · [téléphone]

L'alternative : Obypay, reliée à ta caisse Zelty

Obypay est une solution française de commande et de paiement pour les restaurants : Click & Collect, commande par QR code, borne. Le client commande depuis un simple lien (ton site, ta fiche Google, tes réseaux) ou un QR code, sans application à télécharger, choisit son heure de retrait et paie depuis son téléphone. Obypay cite Zelty parmi ses caisses partenaires : les commandes arrivent dans ta caisse. Pour ton site, rien ne change : le bouton « Commander » pointe simplement vers le lien Obypay au lieu du lien Zelty.

Sources : obypay.com/tarifs ; obypay.com/commande-et-paiement/click-and-collect ; obypay.com/partner/zelty ; obypay.com/faq (pages consultées le 26/09/2026, datées de 2024 : prix à faire confirmer).

Bonjour,

Je crée la pizzeria Casa Luigi à Aigues-Vives (Gard) : à emporter uniquement, retrait sur place, une douzaine de pizzas, une seule caisse Zelty. Ouverture prévue en novembre 2026. Votre Click & Collect m'intéresse. Avant de choisir, pouvez-vous me répondre par écrit :

1. Le prix exact de votre offre Click & Collect pour un seul établissement (HT), les frais d'installation et de formation, la durée d'engagement.
2. La liaison avec ma caisse Zelty est-elle comprise dans cette offre ? Les commandes arrivent-elles directement dans la caisse, avec leur heure de retrait ?
3. Les frais sur chaque paiement en ligne : quel prestataire, quel tarif, l'argent arrive-t-il sur mon compte, et sous quel délai ?
4. Pour une pizza : peut-on proposer des tailles, un choix de pâte obligatoire, des suppléments payants avec un maximum, le retrait gratuit d'ingrédients, une pizza moitié-moitié ?
5. Créneaux de retrait : le maximum se règle-t-il en nombre de commandes ou en nombre de pizzas ? Délai minimum de préparation ? Fermetures exceptionnelles ? Pause des commandes en plein service ?
6. Les allergènes s'affichent-ils sur chaque produit avant l'achat ? Le bouton de validation porte-t-il la mention « commande avec obligation de paiement » ? Où afficher mes conditions de vente et mon médiateur ?
7. Si la liaison avec Zelty tombe pendant le service, comment suis-je prévenu des commandes (impression, e-mail, page web) ?
8. Votre délai de mise en service (2 à 5 semaines annoncées) est-il compatible avec une ouverture en novembre ? Pouvez-vous me faire une démonstration avec ma carte ?

Merci,
[Prénom Nom] · [téléphone]

Sources : developers.cloudflare.com (pages/get-started/direct-upload, pages/configuration/custom-domains, pages/configuration/rollbacks, dns/zone-setups/full-setup/setup, ssl/edge-certificates) ; docs.ovhcloud.com (modifier les serveurs DNS, premiers pas avec Zimbra, changer le titulaire) ; ovhcloud.com/fr/domains/tld/fr ; charte de nommage de l'Afnic (06/07/2026).

Pour une pizzeria de village, la fiche Google compte plus que le site : c'est elle qui apparaît dans Google Maps quand quelqu'un tape « pizza » autour d'Aigues-Vives. Le site vient ensuite la renforcer.

Sources : support.google.com/business, articles 9174409 (date d'ouverture), 3038177 (consignes) et 9157481 (adresse et enseigne).

Les avis

Crée dans Canva un petit carton avec un QR code vers ta fiche, et glisse-le dans chaque boîte. Réponds à chaque avis, poliment, même aux mauvais. N'achète jamais d'avis et n'offre rien en échange d'un avis : Google l'interdit, et les faux avis sont une pratique commerciale trompeuse. Demande un avis à tous tes clients, sans trier les contents, et jamais à tes proches.

Titres et descriptions

Ces longueurs sont des repères pour éviter que Google coupe le texte, pas des règles : Google n'impose aucune limite et peut réécrire titres et descriptions.

Les mots-clés locaux

Les recherches qui comptent : « pizza Aigues-Vives », « pizzeria Aigues-Vives », « pizza à emporter Aigues-Vives ». Écris toujours Aigues-Vives avec le trait d'union et le « s ». Cite une fois, naturellement, les villages voisins d'où viendront tes clients (par exemple Gallargues-le-Montueux, Mus, Vergèze), mais ne crée jamais une page par village et n'aligne pas de listes de mots-clés : Google pénalise ces procédés.

Les données structurées

Un petit bloc invisible qui décrit ta pizzeria à Google dans sa langue (horaires, adresse, cuisine). ChatGPT l'ajoutera avec le prompt 8. Vérifie-le ensuite avec l'outil gratuit de Google : search.google.com/test/rich-results.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Restaurant",
  "name": "Casa Luigi",
  "url": "https://casa-luigi.fr",
  "image": "https://casa-luigi.fr/images/partage.jpg",
  "logo": "https://casa-luigi.fr/images/logo.png",
  "telephone": "+33 [À COMPLÉTER]",
  "servesCuisine": "Pizza",
  "priceRange": "€",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "[À COMPLÉTER]",
    "postalCode": "30670",
    "addressLocality": "Aigues-Vives",
    "addressCountry": "FR"
  },
  "openingHoursSpecification": [{
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": ["Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],
    "opens": "18:00",
    "closes": "22:00"
  }],
  "hasMenu": "https://casa-luigi.fr/carte.html",
  "acceptsReservations": false,
  "sameAs": ["[lien Instagram]", "[lien Facebook]"]
}
</script>

Le plan du site et les consignes aux robots

# robots.txt
User-agent: *
Allow: /
Sitemap: https://casa-luigi.fr/sitemap.xml

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url><loc>https://casa-luigi.fr/</loc></url>
  <url><loc>https://casa-luigi.fr/carte.html</loc></url>
  <url><loc>https://casa-luigi.fr/infos.html</loc></url>
</urlset>

La vitesse sur téléphone

Teste ton site sur pagespeed.web.dev, onglet « Mobile ». Vise 90 sur 100 ou plus. Les trois causes habituelles d'un site lent : des photos trop lourdes (Squoosh), trop de polices (deux suffisent), une vidéo en fond (à proscrire).

Voici les règles qui s'appliquent à ton activité, avec le texte qui les fonde. Ce n'est pas un conseil juridique : les textes ont été recoupés le 25/09/2026 à partir des pages officielles, à relire sur Légifrance, et les points marqués « à valider » relèvent de ton expert-comptable ou d'un juriste. La CCI du Gard accompagne aussi les créateurs.

Les trois pages légales du site

Les obligations propres à la vente de pizzas à emporter en ligne

Les cookies

Un cookie est un petit fichier déposé dans le navigateur du visiteur. Un bandeau de consentement n'est obligatoire que si le site dépose des cookies non indispensables : publicité, réseaux sociaux, statistiques classiques. En suivant ce guide, ton site n'en dépose aucun : statistiques Cloudflare sans cookie, pas de carte Google intégrée (elle peut transmettre des données à Google et imposer un consentement : le simple lien évite la question), pas de bouton Facebook intégré. Le module Zelty, lui, peut en déposer : c'est à eux d'afficher le bandeau sur leur page, vérifie qu'il existe.

Source : cnil.fr, cookies et traceurs, et solutions pour la mesure d'audience.

Les données personnelles (RGPD)

Une donnée personnelle est toute information qui permet d'identifier quelqu'un : nom, téléphone, e-mail, historique de commandes. Tu en recevras avec chaque commande.

La sécurité, sujet par sujet

À faire valider par un professionnel

1. Mentions légales selon la forme de ta société : juriste ou CCI.
2. Conditions générales de vente complètes : juriste.
3. Franchise de TVA ou non, taux par produit : expert-comptable.
4. Certificat ou attestation de la caisse et de son module en ligne : expert-comptable.
5. Origine des charcuteries achetées prêtes : DDPP ou juriste.
6. Alcool, si tu en vends un jour : mairie, douane, juriste.
7. Assurance responsabilité civile et habitation : ton assureur.

Sources : economie.gouv.fr (mentions obligatoires, médiation de la consommation, CGV) ; legifrance.gouv.fr (L221-5, L221-14, L221-28, décrets 2015-447, 2023-492) ; bofip.impots.gouv.fr ; cnil.fr ; gard.gouv.fr (déclaration d'activité) ; inc-conso.fr (fermeture de la plateforme européenne).

Le lancement en douceur

N'ouvre pas la commande en ligne en grand le soir de l'ouverture. Les deux premières semaines, limite la capacité (par exemple 3 pizzas par quart d'heure) ou garde seulement le téléphone : tu apprends le rythme de ta cuisine avant que le site ne remplisse tes créneaux à ta place. Augmente ensuite, un cran par semaine.

L'entretien

Tu n'es pas obligé de tout faire seul, et ce guide ne prétend pas le contraire. Voici, étape par étape, le moment où payer quelqu'un devient plus raisonnable, techniquement ou économiquement.

Calé sur 1 h 30 à 2 h par jour, cinq jours par semaine. Une seule date commande tout : l'immatriculation de la société, sans laquelle le paiement en ligne ne peut pas s'activer.

Si tu as moins de temps que prévu, décale la semaine 5 après l'ouverture : un site vitrine et le téléphone suffisent pour ouvrir. Si tu en as plus, n'accélère pas les tests.