Kits de Prompts

Créer un site pour un menu et un lieu

Toute personne recherchant un restaurant ou un café veut trois choses rapidement : ce qu'il y a au menu, si vous êtes ouvert et où vous vous trouvez. La plupart des sites de lieux échouent précisément sur ces points, souvent avec un menu piégé dans un PDF et des horaires incorrects. Ce kit permet de créer un site qui traite les bases correctement et les maintient à jour — car le propriétaire peut les modifier — puis ajoute des réservations ou des commandes en ligne uniquement si le lieu en a besoin, comme étapes ultérieures plutôt que comme hypothèses.

Type de projet: Site de menu et de lieu Difficulté: Beginner Durée: 1 jour Fonctionne avec: Base44 / Lovable / v0

Ce que vous aurez à la fin

  • Un site qui affiche votre menu, vos horaires et votre localisation dès qu'une personne arrive
  • Un menu que vous modifiez vous-même, avec des sections, des prix et des étiquettes pour les options végétariennes, végétaliennes, épicées ou les allergènes
  • Des horaires d'ouverture précis, incluant des horaires spéciaux pour les jours fériés, qui indiquent si vous êtes ouvert en ce moment
  • Votre localisation avec une carte, des itinéraires, des informations de stationnement et de contact
  • Réservations de table facultatives qui vous parviennent et que vous confirmez
  • Commande en ligne facultative pour le retrait ou la livraison, si cela convient à votre lieu
  • Un écran propriétaire où le menu, les horaires et les détails vous appartiennent et peuvent être modifiés sans développeur

Avant de commencer

  • Votre menu, actuel et complet — sections, noms des plats, descriptions, prix, et quels articles sont végétariens, végétaliens, épicés ou contiennent des allergènes courants. C'est le cœur du site ; préparez-le de manière précise.
  • Vos horaires réels, y compris les différences les week-ends et jours fériés, et si la cuisine ferme avant le lieu lui-même.
  • Votre emplacement exact — adresse et comment vous trouver (stationnement, quelle entrée, points de repère pour un food truck qui se déplace).
  • De vraies photos de vos plats et de votre espace si vous en avez. Améliorer vos propres photos — éclairage, couleur, recadrage — est acceptable ; ce que vous ne devez jamais faire est montrer un plat généré par IA, car une image de nourriture qui ne correspond pas à l'assiette réelle trompe les personnes qui décident où manger et détruit la confiance dès leur arrivée. Utilisez des espaces réservés étiquetés en attendant d'avoir de vraies photos.
  • Une décision sur les réservations et les commandes : en voulez-vous, et si oui, pour la commande, est-ce uniquement à emporter ou aussi en livraison. Vous pouvez lancer le site sans les deux et les ajouter plus tard ; ne les créez pas simplement parce qu'elles existent.

Quelle plateforme convient

Base44 est l'option la plus fluide : le menu éditable, les horaires et le workflow de réservation tiennent dans une seule application gérée depuis votre téléphone, la commande dépendra du fournisseur choisi. Lovable gère cela efficacement via Lovable Cloud ou Supabase en option, avec propriété du code à la clé. v0 peut construire la logique full-stack pour le menu, les réservations et les commandes sur Vercel, mais le stockage, les paiements, la messagerie et les connexions POS restent des choix nécessitant configuration et tests. Peu importe la plateforme, si vous avez besoin d'une logistique de livraison complexe, d'une gestion de salle ou d'une intégration profonde avec un POS, utilisez une solution dédiée à l’hôtellerie-restauration — ce kit est conçu pour un établissement qui souhaite disposer de son propre site, pas un système d'exploitation de restaurant. Si seuls le menu, les horaires et l'emplacement suffisent, vous pouvez arrêter après l'étape 2.

Commencez par le premier prompt avec une offre gratuite. L’usage supplémentaire et certains services connectés peuvent coûter plus cher à mesure que vous développez le projet.

Créez-le sur

Comment nous gagnons de l’argent

Les étapes

1

Construire le site et rendre les bases visibles

Quand l'utiliser

Commencez par ici, lors d'un tout nouveau projet.

Les trois éléments recherchés par les clients — menu, horaires, localisation — doivent être visibles immédiatement, sans système de commande pour le moment.

Le prompt

Ces prompts fonctionnent mieux en anglais — collez-les tels quels, même sur les pages traduites.

Build a website for [VENUE NAME], a [TYPE, e.g. neighbourhood Italian restaurant / speciality coffee shop / street food truck] in [LOCATION].

Pages: a home page that immediately shows what kind of place this is, whether you're open, and where you are, with clear buttons to the menu and directions; a menu page; an about page telling your story; and a contact/find-us page with address, map, hours and phone.

On the home page, high and visible without scrolling: the venue name and type, today's status of open or closed with today's hours, the location, and a button to the full menu. Below that, a taste of the place with a few highlight dishes and space for photos.

Show your opening hours clearly, and work out from them whether you are open right now, so the home page can say "Open now" or "Closed — opens at [time]" correctly for the current day.

Add your location with an embedded map, the full address, directions help using [PARKING / ENTRANCE / LANDMARK NOTES], and for a moving venue like a food truck, a clear place for me to post where you are today.

Design: [THREE ADJECTIVES, e.g. warm, appetising, casual]. Colors: [YOUR COLORS]. It must be excellent on a phone, because nearly everyone checks a food place on one. Use labelled image placeholders saying [REAL PHOTO OF YOUR FOOD/SPACE NEEDED] — do not use stock photography and never generate images of food, dishes or the venue from scratch. Real photos of my own food that I have edited myself are welcome; only invented or generated dishes are the problem, because they misrepresent what a diner will actually be served.

Do not build the editable menu system or ordering yet — the menu can be simple placeholder content for now.

Vérifiez que ça a marché

  • La page d'accueil montre le type d'établissement, le statut ouvert/fermé du jour, et l'emplacement sans avoir à faire défiler
  • « Ouvert maintenant » ou « Fermé » reflète le jour et l'heure réels
  • L'emplacement s'affiche sur une carte avec les itinéraires
  • Les boutons de menu et d'itinéraire fonctionnent
  • Le site semble authentiquement appétissant et correct sur un téléphone
  • Chaque image est soit votre propre photo réelle (la retoucher vous-même est acceptable), soit un espace réservé étiqueté — jamais un plat généré par IA

Vous saurez que ça a marché quand :

Un inconnu à proximité peut savoir en quelques secondes ce que vous servez, si vous êtes ouvert et comment vous joindre.

Attention à

La logique "ouvert maintenant" est l'endroit où ces sites tombent souvent en panne — un statut codé en dur devient obsolète dès le premier jour férié. Assurez-vous qu'il soit calculé à partir de vos horaires et non saisi manuellement. Et ne laissez jamais le constructeur générer des images de nourriture ; la nourriture générée par IA semble fausse aux yeux des personnes affamées, ce qui leur fait perdre confiance en l'établissement.

2

Créez le menu que vous pouvez modifier vous-même

Quand l'utiliser

Une fois que les bases du site semblent correctes. C'est la partie pour laquelle les gens sont réellement venus.

Un menu adéquat sous votre contrôle, jamais un PDF, avec les étiquettes dont les convives ont besoin.

Le prompt

Ces prompts fonctionnent mieux en anglais — collez-les tels quels, même sur les pages traduites.

Build an editable menu system for this venue, replacing the placeholder menu.

Store the menu as data I edit from a private owner screen — never as an uploaded PDF or an image, because those are unreadable on phones and I cannot keep them current. The menu has sections [YOUR SECTIONS, e.g. starters, mains, drinks, desserts]. Each item has a name, a description, a price, and optional labels for vegetarian, vegan, spicy, and common allergens.

Let me mark an item as unavailable so it shows as sold out or hides, and mark items as specials or chef's picks that stand out.

On the menu page, show sections clearly with the labels visible, make it fast and easy to read on a phone, and let a visitor jump to a section quickly.

Add an owner screen where I add, edit, reorder and remove items and sections myself, and change a price in seconds without touching anything else.

Keep the home page, hours and location working exactly as they are, and have the home page's highlight dishes pull from real menu items I mark as highlights.

Vérifiez que ça a marché

  • Le menu complet s'affiche avec des sections, des prix et des étiquettes diététiques
  • La modification d'un article sur l'écran du propriétaire change immédiatement le menu public
  • Marquer un article comme indisponible le supprime ou le grise pour les visiteurs
  • Le menu est rapide et confortable à lire sur un téléphone, sans PDF
  • Les mises en avant sur la page d'accueil reflètent les articles que vous avez réellement marqués comme points forts

Vous saurez que ça a marché quand :

Vous avez modifié un prix et marqué un article comme épuisé depuis l'écran du propriétaire, et les deux sont apparus immédiatement sur le menu public.

Attention à

La plus grande erreur sur les sites d'établissements est de proposer un menu sous forme de PDF ou de photo : il est illisible sur un téléphone, nuit à votre référencement car le texte est invisible pour Google, et devient obsolète car le mettre à jour est une corvée. Exigez un menu sous forme de données. C'est la différence entre un site que les gens utilisent et un site qu'ils quittent.

3

Rendre les horaires et la localisation parfaitement exacts

Quand l'utiliser

Une fois que le menu fonctionne.

Les détails sur lesquels les gens s'appuient, corrects et actuels — y compris les jours fériés et le lieu facilement trouvable.

Le prompt

Ces prompts fonctionnent mieux en anglais — collez-les tels quels, même sur les pages traduites.

Improve the hours and location handling for this venue.

Let me set regular weekly hours and separate special hours for specific dates like holidays, from a private owner screen. The "open now" status must respect special hours, so a holiday closure shows correctly without me editing code. If the kitchen closes before the venue, show both clearly.

Show the week's hours plainly, with today highlighted, and if you're closing soon show a gentle "closing in [time]" note.

Improve finding the venue: the map, written directions, parking and public-transport notes, and the nearest cross-streets. For a food truck or pop-up, give me a simple way to post today's location and hours that shows prominently on the home page and is easy to update from my phone.

Add the venue's structured information for search engines — name, type of food, address, hours, price level and phone — so it can appear correctly in search and map results.

Keep the menu and everything else working exactly as they are.

Vérifiez que ça a marché

  • Définir une fermeture pour jour férié fait en sorte que "ouvert maintenant" s'affiche comme fermé à cette date sans aucun changement de code
  • Les horaires de la semaine s'affichent avec la journée en cours mise en surbrillance
  • Les indications, le stationnement et les notes sur les transports aident un visiteur novice à arriver à bon port
  • Un lieu mobile peut publier sa localisation du jour et celle-ci s'affiche de manière proéminente
  • Les détails du lieu sont balisés pour les résultats de recherche et de carte

Vous saurez que ça a marché quand :

Vous avez défini une fermeture pour jour férié pour une date future et confirmé que le site affichera fermé à ce moment-là, tout en montrant qu'il est ouvert aujourd'hui.

Attention à

Des horaires erronés sont pires que l'absence d'horaires — quelqu'un qui se rend en voiture dans un lieu fermé ne revient pas, et il laisse l'avis qui le dit. Testez la logique des jours fériés en définissant une fermeture et en vérifiant que le statut change bien à cette date. Le balisage de recherche compte plus ici que presque partout ailleurs : "restaurants près de moi" et les résultats sur carte sont la façon dont les lieux de restauration sont trouvés.

4

Ajouter des réservations (optionnel)

Quand l'utiliser

Uniquement si vous prenez des réservations. Ignorez cette étape pour un comptoir, de la vente à emporter ou un camion.

Permettre aux clients de demander une table, que vous confirmez, sans système de réservation complexe.

Le prompt

Ces prompts fonctionnent mieux en anglais — collez-les tels quels, même sur les pages traduites.

Add table reservations to this venue site, alongside everything already built.

A guest requests a table with [DATE, TIME, PARTY SIZE, NAME, CONTACT, ANY NOTES]. Only offer times within my opening hours, and let me set how far ahead people can book and the largest party size the site accepts before it asks them to call instead.

I confirm reservations myself — do not auto-confirm beyond [ANY CAPACITY YOU'RE COMFORTABLE AUTO-ACCEPTING, or say confirm all manually] — because tables depend on the night. Show requests in my owner view, let me confirm, change or decline, and send the guest a short message either way.

Send me a notification for each new request and send the guest a confirmation when I accept.

Keep the menu, hours and everything else working exactly as they are.

Vérifiez que ça a marché

  • Un client peut demander une table uniquement pour un horaire où vous êtes effectivement ouvert
  • Les groupes dépassant votre limite sont invités à appeler
  • Les demandes apparaissent dans votre interface propriétaire pour que vous puissiez les confirmer, les modifier ou les refuser
  • Le client est notifié dans tous les cas, et vous êtes notifié de chaque demande
  • Rien d'autre n'est modifié sur le site

Vous saurez que ça a marché quand :

Une demande de réservation test arrivée dans votre interface propriétaire, que vous avez confirmée et qui a notifié le client.

Attention à

Ne confirmez pas automatiquement chaque réservation jusqu'à la capacité totale — une vraie salle de restaurant jongle avec les tailles de tables, les horaires et la rotation qu'un simple formulaire ne peut pas voir. La confirmation manuelle est plus sûre tant que vous ne maîtrisez pas vos propres flux. Pour un volume important, un produit dédié aux réservations sera préférable à cette étape.

5

Ajouter la commande en ligne (facultatif)

Quand l'utiliser

Uniquement si vous souhaitez proposer la commande à emporter ou la livraison. Ignorez cette étape pour un établissement proposant uniquement la restauration sur place.

Prendre des commandes à emporter ou en livraison sans céder une partie de votre marge à un tiers, si cela est adapté à votre établissement.

Le prompt

Ces prompts fonctionnent mieux en anglais — collez-les tels quels, même sur les pages traduites.

Add online ordering to this venue site for [PICKUP ONLY / PICKUP AND DELIVERY], using [PAYMENT PROVIDER, e.g. Stripe] in test mode.

Customers order from the existing menu — reuse it, do not build a second menu. They choose items, see a running total, and pay on the provider's own secure page. Never handle or store card details on my site.

For pickup, let the customer choose a pickup time within my opening hours and show a realistic prepare time. For delivery, collect the address, check it is within [MY DELIVERY AREA], and add [MY DELIVERY FEE OR RULE]. Let me turn ordering off instantly when we're too busy or closing, with a clear message, so orders never arrive when I can't cook them.

When an order is placed and paid, create an order record, notify me immediately with the items and the pickup or delivery details, and confirm to the customer with a time. Mark items sold out from the menu and have them unavailable to order.

Show me an orders screen with each order's items, time and status, and tell me what I must do in the payment provider's dashboard, including where my secret key goes.

Keep the menu, reservations, hours and everything else working exactly as they are.

Vérifiez que ça a marché

  • Un client peut commander depuis votre menu réel et payer avec la carte de test du prestataire
  • Les horaires de retrait ainsi que les zones et frais de livraison s'appliquent correctement
  • La désactivation de la commande interrompt immédiatement les nouvelles commandes avec un message clair
  • Une commande payée vous notifie avec les articles et les détails de retrait/livraison, et confirme un horaire au client
  • Les articles épuisés ne peuvent pas être commandés
  • Les commandes apparaissent sur votre écran propriétaire avec leur statut

Vous saurez que ça a marché quand :

Une commande de test complète — passée, payée avec une carte de test, reçue sur votre écran propriétaire avec les détails corrects — et un interrupteur de désactivation qui arrête réellement les nouvelles commandes.

Attention à

Passez aux clés de paiement réelles et effectuez une vraie commande pour vous-même avant d'annoncer le service, puis remboursez-la. Mettez en place l'interrupteur immédiat de désactivation avant d'accepter votre première commande réelle — le pire scénario serait de recevoir des commandes pendant un coup de feu que vous ne pouvez pas honorer, ce qui transformerait une commodité en clients mécontents. Si la commande en ligne est au cœur de votre activité plutôt qu'un simple complément, comparez cette solution avec une plateforme de commande dédiée.

Mise en ligne

  • Remplacez chaque espace réservé pour les images de nourriture et de lieu par de vraies photos — jamais de nourriture générée, jamais d'images d'archives
  • Entrez votre menu complet et actuel avec les prix corrects et les étiquettes diététiques
  • Confirmez les horaires habituels et ajoutez les fermetures connues pour les jours fériés, puis vérifiez que la fonction "ouvert maintenant" se comporte correctement
  • Vérifiez votre adresse, votre épingle sur la carte et les itinéraires en les suivant vous-même
  • Si vous avez activé les réservations ou la commande, testez chaque élément de bout en bout, et pour la commande, passez aux clés réelles et effectuez une vraie commande, puis remboursez-la
  • Confirmez le balisage de recherche en vérifiant comment le lieu apparaît dans un outil de prévisualisation de recherche
  • Ajoutez une note de confidentialité pour toutes les données que vous collectez via les réservations ou les commandes (voir le guide de configuration des pages légales)
  • Connectez votre domaine personnalisé et vérifiez que le cadenas apparaît

Dépensez moins de crédits

Chaque plateforme vous facture le travail que fait son IA — la habitude la moins chère est donc de réfléchir avant de construire. Ces six règles éliminent l'essentiel du gaspillage, quelle que soit la plateforme.

  1. Planifiez d'abord dans un chat gratuit. Esquissez le tout dans ChatGPT, Claude ou Gemini — pages, fonctionnalités, ce que chaque formulaire collecte, l'apparence voulue. Réfléchir là-bas est gratuit ; réfléchir dans un builder est facturé.
  2. Partez d'un prompt écrit, pas d'une phrase. « Fais-moi un site » est la phrase la plus chère de la construction avec l'IA. Un premier prompt complet — comme ceux de ce site — évite des dizaines de corrections.
  3. Ne soyez pas paresseux sur les détails. Chaque détail omis revient en correction payante. Nom de l'entreprise, couleurs, chaque page, chaque champ de formulaire, ce qui se passe après l'envoi — mettez tout dans le premier prompt.
  4. Ensuite, un changement par message. « Corrige l'en-tête, et le formulaire, et les couleurs » crée un enchevêtrement plus coûteux à démêler que ce qu'il a économisé.
  5. Bloqué ? Arrêtez de rustiner. Si la même correction échoue environ trois fois, n'en envoyez pas une quatrième — décrivez plutôt l'état final souhaité de toute la section dans un nouveau message.
  6. Commencez gratuitement. Passez au payant quand il vous en faut plus. Utilisez le quota gratuit pour créer et explorer votre première version. Passez au payant quand vous avez besoin de plus d’utilisation ou de fonctionnalités payantes, et vérifiez le coût des services connectés avant le lancement.

Les prompts de cette page sont écrits pour faire l'essentiel de ce travail à votre place — c'est tout leur intérêt.

Lire le guide complet

Dernière vérification: 2026-08-27

FAQ

Nous utilisons des cookies pour analyser le trafic et suivre les clics d'affiliation. En continuant, vous acceptez notre Politique de Confidentialité.