Kits de Prompts

Créer une application de réservation et de rendez-vous

Une application de réservation a une fonction essentielle : ne jamais attribuer le même créneau horaire à deux personnes différentes. Tout le reste — le calendrier élégant, les e-mails de rappel, l'acompte — ne vaut rien si cette règle échoue devant un client. Ce kit permet de construire un véritable système de prise de rendez-vous en cinq étapes séquencées, en validant rigoureusement la sécurité contre les doubles réservations avant même d'aborder les paiements.

Type de projet: Application de réservation et de rendez-vous Difficulté: Intermediate Durée: 1-2 jours Fonctionne avec: Base44 / Lovable / v0

Ce que vous aurez à la fin

  • Une page publique répertoriant vos services, leur durée et leur prix
  • Un calendrier affichant uniquement vos disponibilités réelles, dans le fuseau horaire du visiteur
  • Des réservations impossibles à chevaucher — même si deux personnes tentent de réserver le même créneau simultanément
  • Une confirmation automatique envoyée au client et à vous-même, ainsi qu'un rappel avant le rendez-vous
  • Des liens permettant au client de modifier ou d'annuler son rendez-vous selon vos règles
  • Des acomptes optionnels pour bloquer le créneau et limiter les annulations de dernière minute
  • Une vue propriétaire pour gérer votre journée, votre semaine, vos congés et consulter la liste des clients ayant réservé

Avant de commencer

  • Votre disponibilité réelle, notée par écrit. Déterminez vos heures de travail, la durée de chaque service, le temps de pause nécessaire entre les rendez-vous, la période de réservation à l'avance et le délai limite pour réserver. Définir ces éléments à l'avance vous évitera de devoir reconstruire l'étape 2.
  • Votre liste de services — noms, durées, prix et modalités (en personne, par téléphone ou en ligne).
  • Vos règles d'annulation. Décidez du délai limite pour annuler ou déplacer un rendez-vous et des conséquences associées. Définissez cela avant l'étape 3, car cela influe sur le contenu de l'e-mail de confirmation.
  • Une adresse e-mail pour les notifications et, si vous prévoyez des acomptes, un compte de paiement utilisable en mode test (Stripe est le choix le plus courant).
  • Votre calendrier personnel, si vous souhaitez que les réservations y apparaissent. Identifiez le compte associé.

Quelle plateforme convient

Base44 est la solution la plus robuste : les comptes, les données stockées et les actions planifiées résident dans la même application gérée, avec des intégrations de paiement accessibles selon votre région et l'éligibilité du fournisseur. Lovable convient également parfaitement via Lovable Cloud ou Supabase en option, tout en garantissant la propriété de votre code ; les tâches planifiées et le canal de messagerie choisi nécessitent toutefois des tests spécifiques. v0 peut concevoir le workflow de réservation full-stack, incluant les règles de disponibilité et la logique serveur, avant de le déployer sur Vercel. La base de données, l'authentification, les rappels et les paiements utilisant des services tiers ou Vercel, la configuration et les tests en production demandent une attention particulière. Quelle que soit la plateforme, si vous gérez plusieurs sites et des ressources partagées avec des règles complexes, comparez cette solution à un logiciel de planification dédié avant de construire.

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

Créer le site public et votre liste de services

Quand l'utiliser

Commencez ici, pour tout nouveau projet.

Tout ce qu'un client voit avant de choisir un créneau — sans calendrier ni compte 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 [BUSINESS NAME], which offers [WHAT YOU DO, e.g. private physiotherapy sessions]. The purpose of the site is to get the right person to book an appointment.

Pages: a home page explaining what you offer, who it is for and what happens at a first appointment, with a clear button to book; a services page listing everything bookable; a page for one single service; an about page; and a contact page with a form that emails me at [EMAIL] and also stores every submission.

Store the services as editable data with a private owner screen where I can add and edit them. Each service has a name, a short description, a longer description, how many minutes it takes, its price, whether it happens in person or online, and whether it is currently offered. Only services marked as currently offered appear to visitors.

On the services page show each one as a card with its name, duration, price and a button that says [BOOK BUTTON WORDING]. The button should not do anything yet — I am adding the calendar in the next step.

Include a section answering the questions customers actually ask before booking: [YOUR THREE MOST COMMON QUESTIONS].

Design: [THREE ADJECTIVES, e.g. calm, professional, uncluttered]. Colors: [YOUR COLORS]. It must be comfortable on a phone, because most people book from one. Use labelled image placeholders saying [REAL PHOTO NEEDED] — do not use stock photography and do not generate photos of people, treatments, results or premises from scratch. Editing my own real photos is fine; only invented or generated scenes are the problem.

Add three example services clearly labelled as examples for me to replace.

When finished, tell me where I edit my services and what text and images are still examples.

Vérifiez que ça a marché

  • Chaque page s'ouvre et le menu fonctionne
  • La page des services affiche vos services avec les bonnes durées et les bons prix
  • La modification d'un service sur l'écran du propriétaire change ce qui est affiché sur la page publique
  • Un service marqué comme non offert disparaît de la liste publique
  • Le formulaire de contact vous envoie un e-mail et la soumission est enregistrée
  • Le site est lisible et facile à utiliser sur votre téléphone

Vous saurez que ça a marché quand :

Un site où un inconnu comprend ce que vous proposez et combien cela coûte, avec des services que vous pouvez modifier vous-même.

Attention à

Ne demandez pas le calendrier de réservation dans cette requête. Le calendrier est la partie complexe de cette construction, et il échoue beaucoup plus souvent lorsqu'il arrive mêlé à la conception de la page dans une seule instruction.

2

Mettre en place une disponibilité et des réservations sans collision

Quand l'utiliser

Une fois que les services sont correctement définis. C'est l'étape sur laquelle repose tout le système.

Les clients peuvent réserver des créneaux réels, et un même créneau ne peut jamais être attribué deux fois.

Le prompt

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

Add appointment booking to this site.

I define my availability on a private owner screen: my working hours for each day of the week, specific dates I am unavailable, how many minutes of gap I need between appointments, how far in advance someone may book, and how close to the start time a booking may still be made. Each service already has its own duration and must use it.

A visitor picks a service, then sees a calendar showing only times that are genuinely available — inside my working hours, long enough for that service, respecting my gap, not on a blocked date, and not already taken. Times already taken must not be shown as choosable at all.

Show every time in the visitor's own time zone with the time zone named on screen, and store every appointment in a way that stays correct across time zones and daylight saving changes.

To book, the customer gives [FIELDS YOU NEED, e.g. name, email, phone] plus anything specific to the service: [SERVICE-SPECIFIC QUESTIONS]. After booking they see a confirmation page with the service, date, time, duration, price and location or joining method.

The critical requirement: two people must never end up with the same slot. Check availability again at the moment of saving, not only when the calendar was displayed. If two people submit the same slot at nearly the same moment, exactly one booking is created and the other person is told clearly that the time was just taken and is shown the next available times.

Add an owner screen listing all bookings with the customer's details, sortable by date, where I can cancel a booking.

Do not add payments, emails or reminders yet.

Vérifiez que ça a marché

  • La sélection d'un service affiche un calendrier avec des horaires plausibles, et le fuseau horaire est indiqué à l'écran
  • Un créneau réservé disparaît du calendrier pour le visiteur suivant
  • La réservation d'un service de 60 minutes ne propose pas de créneau où il ne reste que 30 minutes avant votre prochain rendez-vous
  • Une date que vous avez bloquée n'affiche aucun horaire
  • La réservation apparaît dans votre liste de propriétaire avec les bons détails
  • Ouvrir le site avec votre téléphone réglé sur un autre fuseau horaire affiche le même rendez-vous à l'heure locale correcte

Vous saurez que ça a marché quand :

Vous avez tenté de réserver deux fois le même créneau depuis deux fenêtres de navigateur simultanément, et une seule réservation a été créée tandis que l'autre a été refusée avec un message clair.

Attention à

Effectuez vous-même ce test de double réservation — c'est le test décisif pour savoir s'il s'agit d'un système de réservation ou d'un simple formulaire. Vérifier la disponibilité uniquement lors du chargement de la page est l'erreur classique : deux personnes ouvrent le même calendrier, voient toutes deux que 10h00 est libre, et obtiennent toutes deux le créneau. Testez également un rendez-vous de part et d'autre d'un changement d'heure d'été si votre pays en applique un ; les horaires qui se décalent silencieusement d'une heure sont un bug réel et courant.

3

Confirmations, rappels et votre propre calendrier

Quand l'utiliser

Une fois que le test de double réservation est validé.

Personne n'oublie le rendez-vous et personne n'a besoin de vous appeler pour le modifier.

Le prompt

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

Add automatic messages and calendar handling to this booking system.

When someone books, immediately email them a confirmation with the service, date, time in their own time zone, duration, price, location or joining link, my cancellation rules, and a calendar file they can add to their own calendar. Email me a copy with their contact details and any answers they gave.

Send the customer a reminder [HOW LONG BEFORE, e.g. 24 hours] before the appointment, and only if the appointment is still active. Never send a reminder for a cancelled appointment and never send the same reminder twice.

Every confirmation and reminder includes a private link that lets the customer reschedule or cancel by themselves. Rescheduling shows the same availability rules as normal booking and frees their old slot only once the new one is confirmed. Allow changes up to [YOUR CUTOFF, e.g. 24 hours] before the appointment; after that, the link explains my policy and tells them how to reach me.

Notify me when a customer cancels or reschedules, and show cancellations clearly in my owner screen rather than deleting them.

Also connect confirmed bookings to my own [CALENDAR SERVICE, e.g. Google Calendar] so they appear in the calendar I actually use, and update or remove the entry when a booking changes or is cancelled. Tell me exactly what I need to do to authorize that connection.

Use a proper email delivery service so these messages reliably arrive rather than landing in spam, and tell me what I need to set up for that.

Vérifiez que ça a marché

  • La réservation d'un rendez-vous de test vous envoie, à vous et au client, un e-mail dans les minutes qui suivent
  • L'e-mail du client indique l'heure dans son fuseau horaire et inclut un fichier de calendrier ajoutable
  • La réservation apparaît dans votre propre calendrier
  • Le lien de reprogrammation propose des créneaux réellement disponibles et ne libère l'ancien créneau qu'une fois le nouveau confirmé
  • L'annulation via le lien libère le créneau, vous notifie et supprime l'entrée de votre calendrier
  • Aucun rappel n'est envoyé pour un rendez-vous que vous avez annulé

Vous saurez que ça a marché quand :

Un rendez-vous de test réservé, confirmé par e-mail, déplacé via le lien client et annulé — avec votre propre calendrier mis à jour correctement à chaque étape.

Attention à

Testez le rappel en réservant un créneau suffisamment éloigné pour en déclencher un, et vérifiez le dossier spam d'une adresse qui n'est pas chez votre propre fournisseur de messagerie. Un rappel qui arrive après le rendez-vous signifie généralement que les heures sont enregistrées sans fuseau horaire ; corrigez cela à l'étape 2 plutôt que de modifier l'e-mail.

4

Prendre des acomptes pour que les rendez-vous manqués aient un coût

Quand l'utiliser

Après avoir confirmé que les confirmations et les reprogrammations fonctionnent. Ignorez cette étape complètement si vous ne souhaitez pas demander d'acomptes.

L'argent modifie le comportement, sans donner l'impression que la réservation est un processus de paiement classique.

Le prompt

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

Add optional deposits to this booking system using [PAYMENT PROVIDER, e.g. Stripe] in test mode.

I decide per service whether it requires a deposit and how much: [WHICH SERVICES AND HOW MUCH]. Services without a deposit keep booking exactly as they do now, with no payment step.

When a service requires a deposit, the customer chooses their time and then pays on the provider's own secure payment page. Never handle or store card details on my site.

The slot must only be confirmed once the payment is confirmed. If the customer abandons payment, the slot is released for other people within [HOLD TIME, e.g. 15 minutes] rather than staying blocked. The booking must be created by the payment confirmation itself, never by anything the customer's browser can trigger.

The confirmation email states clearly what was paid, what remains to pay, and my refund rule: [YOUR DEPOSIT AND REFUND POLICY]. Show the same rule on the booking page before payment, not only afterwards.

Add a simple owner view of deposits taken, and tell me what I must do myself in the payment provider's dashboard, including where to put my secret key in the platform's secure settings.

Vérifiez que ça a marché

  • Un service sans acompte se réserve toujours en une seule étape, sans paiement
  • Un service avec acompte ouvre la page de paiement du prestataire avec le montant correct
  • Payer avec la carte de test du prestataire confirme la réservation et envoie l'e-mail de confirmation
  • Abandonner le paiement rend le créneau disponible à nouveau peu après, au lieu de le bloquer
  • Votre politique d'acompte est visible avant le paiement, et pas seulement dans la confirmation
  • La vue propriétaire affiche l'acompte associé au bon rendez-vous

Vous saurez que ça a marché quand :

Une réservation de test avec un acompte payé de bout en bout, et une seconde tentative abandonnée en cours de paiement qui a libéré le créneau.

Attention à

Le mode test et le mode réel ont la même apparence à l'écran. Avant de prendre une réservation réelle, passez aux clés réelles et effectuez une réservation vous-même avec une vraie carte, puis remboursez-la. Définissez également votre politique de remboursement avant le lancement et rédigez-la en termes clairs : les litiges liés aux acomptes proviennent bien plus souvent de politiques vagues que du montant lui-même.

5

Outils du propriétaire, congés et gestion multi-utilisateurs

Quand l'utiliser

Une fois que le flux destiné au client est terminé et testé.

Un système que vous pouvez réellement utiliser au quotidien, et pas seulement pour faire une démonstration.

Le prompt

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

Improve my owner tools for this booking system.

Give me a dashboard showing today's appointments in order with customer names and contact details, this week at a glance, how many bookings and cancellations happened this month, and which services are booked most.

Let me block time off — a single afternoon, a full day or a holiday range — and have those times disappear from public availability immediately without touching existing bookings. Warn me if I block a period that already contains a booking, and show me which ones.

Let me add an appointment manually for someone who booked by phone, using the same availability rules so I cannot create a clash.

[IF YOU HAVE STAFF, KEEP THIS PARAGRAPH:] Support more than one person taking appointments. Each has their own working hours, their own time off and their own services. Customers either choose who they want or take the first available person, and each staff member sees only their own day.

Keep everything already working exactly as it is — especially the double-booking protection, the confirmation and reminder emails, and the payment flow.

Vérifiez que ça a marché

  • Le tableau de bord affiche correctement la journée d'aujourd'hui et correspond à ce que vous voyez dans votre propre calendrier
  • Bloquer demain après-midi supprime instantanément ces créneaux du calendrier public
  • Bloquer une période contenant une réservation vous avertit et nomme la réservation au lieu de la masquer silencieusement
  • Un rendez-vous ajouté manuellement bloque ce créneau pour le public
  • Tout ce qui concerne les étapes 2 à 4 se comporte toujours exactement comme avant, y compris le test de double réservation

Vous saurez que ça a marché quand :

Vous avez géré votre prochaine journée de travail réelle à partir de ce tableau de bord — y compris le blocage de congés — sans rien ouvrir d'autre.

Attention à

Relancez le test de double réservation après cette étape. L'ajout de rendez-vous manuels et de personnel est le changement le plus susceptible de rouvrir la faille que vous avez corrigée à l'étape 2, car cela introduit une deuxième façon de créer un rendez-vous.

Mise en ligne

  • Remplacez chaque exemple de service et image par vos services, durées, prix et photos réels
  • Configurez vos heures d'ouverture, vos temps de pause et votre fenêtre de réservation — les valeurs par défaut ne correspondent certainement pas aux vôtres
  • Testez à nouveau la sécurité anti-double réservation sur le site en ligne, depuis deux navigateurs simultanément
  • Réalisez vous-même une réservation complète pour vérifier le processus : e-mail de confirmation, entrée dans le calendrier, rappel, lien de modification, annulation
  • Si vous acceptez des acomptes, passez aux clés de paiement réelles, effectuez un paiement, puis remboursez-le
  • Affichez clairement votre politique d'annulation et d'acompte sur la page de réservation, et pas seulement dans l'e-mail de confirmation
  • Ajoutez votre politique de confidentialité et vos conditions générales — vous stockez des coordonnées personnelles et un historique de rendez-vous (consultez le guide sur les pages légales)
  • Connectez votre domaine personnalisé et vérifiez la présence du cadenas de sécurité

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é.