Come creare un'app di prenotazione: slot, disponibilità, promemoria e caparre

Per costruire un'app di prenotazione servono quattro cose che lavorano insieme: un elenco di ciò che si può prenotare (servizi, stanze, personale), regole su quando ciascuna cosa è disponibile, un flusso di prenotazione che offra solo slot realmente liberi, e una vista privata in cui l'attività gestisce ciò che arriva. Un app builder AI può produrre una prima versione funzionante a partire da una breve descrizione in pochi minuti; il lavoro vero sta nel definire le regole (durata degli slot, pause, cancellazioni, fusi orari) e nel verificare che le doppie prenotazioni siano impossibili.

Parti decidendo cosa significa «prenotazione» per te

Le app di prenotazione si assomigliano in superficie ma differiscono molto sotto. Rispondi prima a queste domande:

• Cosa si prenota? Un servizio (un taglio di capelli), una persona (un insegnante), una risorsa (una sala riunioni, un campo, un furgone), o un posto in una sessione (una lezione di yoga con 12 posti).
• Quanto dura? Fissa per servizio, o scelta dal cliente?
• Chi lo fornisce? Una persona, più membri del personale con orari propri, o nessuno (una sala)?
• Cosa succede dopo la prenotazione? Conferma immediata, oppure una richiesta che il titolare approva?
• Ci sono soldi di mezzo? Gratis, pagamento sul posto, caparra anticipata o pagamento completo in anticipo?

«Richiedi un orario, il titolare conferma via email» è molto più semplice da costruire di «prenotazione immediata su tre calendari del personale con caparre». Entrambe sono valide: scegli quella che ti serve davvero per la prima versione.

Di cosa ha bisogno l'app

Dati

Salvare l'ora di fine su ogni prenotazione, non solo quella di inizio, semplifica molto i controlli di sovrapposizione.

Pagine

• Pubbliche: elenco dei servizi, selettore degli slot, modulo di prenotazione, pagina di conferma e un link per annullare o spostare.
• Private (titolare o personale): agenda di oggi, prenotazioni future, un modo per bloccare il tempo libero, e impostazioni di servizi e orari.

Permessi

I clienti devono vedere solo slot liberi o occupati, mai i nomi di altri clienti. Il personale potrebbe vedere solo la propria agenda; il titolare vede tutto. Scrivilo, perché decide se ti servono login e ruoli. La nostra guida su come aggiungere il login alla tua app illustra le opzioni.

I punti difficili e come gestirli

Doppie prenotazioni

Il bug classico: due persone caricano la pagina, entrambe vedono libero le 10:00, entrambe prenotano. La soluzione è ricontrollare sul server nel momento in cui la prenotazione viene salvata e rifiutarla se ora qualcosa si sovrappone. Chiedilo esplicitamente:

Al salvataggio di una prenotazione, verifica sul server che nessuna prenotazione confermata o in attesa per lo stesso membro del personale si sovrapponga all'orario richiesto (pausa inclusa). Se ce n'è una, rifiuta la prenotazione e mostra «Quell'orario è appena stato preso, scegline un altro».

Poi verificala con due finestre del browser.

Fusi orari

Salva ogni orario in UTC e convertilo per la visualizzazione. Decidi di quale fuso orario mostrare la pagina di prenotazione — di solito quello dell'attività per i servizi in presenza, e quello del cliente per le chiamate online — e indicalo chiaramente nella pagina. Prova una prenotazione a cavallo di un cambio d'ora legale.

Pause, preavviso e limiti

Regole comuni da decidere subito: una pausa tra un appuntamento e l'altro, un preavviso minimo («nessuna prenotazione con meno di 2 ore di anticipo»), quanto in anticipo si può prenotare, e un limite giornaliero. Ognuna si riduce a una frase in un prompt; lasciarle fuori significa che l'AI sceglierà i valori predefiniti al posto tuo.

Cancellazioni e no-show

Dai a ogni conferma un link di annullamento con un token unico, così i clienti non hanno bisogno di un account. Decidi la finestra di cancellazione e se le caparre sono rimborsabili, e mostra questa politica prima del pagamento.

Promemoria

Le email o i messaggi di promemoria richiedono qualcosa che giri su pianificazione («ogni 15 minuti, invia i promemoria per le prenotazioni che iniziano entro 24 ore»). Verifica come il tuo builder e l'hosting gestiscono i job pianificati. Se non lo fanno, usa uno scheduler esterno che chiama un endpoint della tua app, oppure invia l'email di conferma con un invito al calendario allegato, così il calendario del cliente gli ricorda l'appuntamento. Per il lato dei fornitori di email vedi come inviare email dalla tua app.

Caparre e pagamenti

Lo schema tipico con Stripe:

1. Il cliente sceglie uno slot; l'app crea una prenotazione in attesa che blocca lo slot per un breve periodo (diciamo 15 minuti).
2. L'app lo manda a Stripe Checkout per la caparra.
3. Stripe avvisa la tua app tramite un webhook quando il pagamento va a buon fine; la prenotazione diventa confermata.
4. Se il pagamento non avviene in tempo, la prenotazione in attesa scade e lo slot torna libero.

Le tariffe standard di Stripe sono una percentuale più una commissione fissa per ogni pagamento con carta riuscito, senza canone mensile (a settembre 2026); le tariffe variano per paese, quindi controlla la pagina prezzi di Stripe per il tuo. Usa la modalità test e le carte di prova finché tutto non funziona. La nostra guida all'aggiunta dei pagamenti procede passo passo.

Un primo prompt che funziona

Crea un'app di prenotazione per Northside Barbers. Servizi: taglio (30 min, 25 $), rifinitura barba (15 min, 12 $), taglio + barba (45 min, 32 $). Due barbieri, Sam e Ali, che lavorano dal martedì al sabato dalle 9:00 alle 18:00. I clienti scelgono un servizio, poi un barbiere o «qualsiasi barbiere», e vedono solo gli orari di inizio liberi da 15 minuti per i prossimi 14 giorni, e inseriscono nome, telefono ed email. Salva le prenotazioni in un database, con una pausa di 10 minuti dopo ogni appuntamento, e ricontrolla la disponibilità al salvataggio per evitare doppie prenotazioni. Mostra una pagina di conferma con un link di annullamento. Il titolare ha una pagina privata con le prenotazioni di oggi e quelle future, può annullare una prenotazione e bloccare del tempo. Gli orari sono nel fuso orario locale del negozio. Design pulito, pensato prima per il telefono.

Nomina servizi, personale, orari, regole e la vista del titolare: tutto ciò che altrimenti l'AI indovinerebbe.

Passi di costruzione

1. Prima il flusso di prenotazione principale. Servizi → slot → modulo → prenotazione salvata → conferma. Niente altro finché questo non funziona sul telefono.
2. Vista del titolare. Elenco di oggi, elenco dei prossimi appuntamenti, annullamento, blocco del tempo.
3. Proteggi le pagine del titolare. Aggiungi il login prima di inserire dati reali.
4. Regole. Pause, periodo di preavviso, orizzonte di prenotazione, festività.
5. Email. Conferma con invito al calendario e link di annullamento.
6. Caparre, se ti servono, prima in modalità test di Stripe.
7. Testa i casi limite. Due finestre che prenotano lo stesso slot, una prenotazione a cavallo della mezzanotte, una data di cambio d'ora, una prenotazione annullata che libera lo slot.
8. Pubblica, poi fai tu una prenotazione reale prima di condividere il link.

Errori comuni

• Controllare la disponibilità solo nel browser. Sembra corretto e ciononostante genera doppie prenotazioni.
• Salvare orari locali senza fuso orario. Funziona finché non cambiano le ore.
• Mostrare i nomi dei clienti nel calendario pubblico. Mostra solo libero o occupato.
• Costruire gestione del personale, punti fedeltà e SMS fin dal primo giorno. Lancia il flusso principale, poi aggiungi ciò che i clienti chiedono davvero.
• Nessun modo per il titolare di bloccare il tempo. Il primo giorno di malattia genererà no-show.

Quando conviene Calendly (o simili)

Se sei una sola persona che condivide la propria disponibilità per le chiamate, uno strumento di pianificazione è difficile da battere. A settembre 2026, il piano gratuito di Calendly copre un tipo di evento, un collegamento al calendario e la pianificazione one-to-one con una pagina di prenotazione personalizzabile; i piani a pagamento aggiungono più tipi di evento e funzioni per il team. Strumenti come questo si collegano già al tuo calendario, mentre un'app su misura va costruita per farlo.

Costruisci il tuo quando ti servono regole che quegli strumenti non supportano, più risorse prenotabili, il tuo marchio ovunque, prenotazioni collegate ad altri dati (clienti, ordini, abbonamenti), o se stai costruendo un prodotto di prenotazione da vendere ad altri.

Costruire con Mythex

Su Mythex descrivi l'app di prenotazione in chat, viene costruita in un'anteprima dal vivo, e quando le prenotazioni devono essere salvate viene aggiunto un database Postgres. La guida alla pagina di prenotazione nella documentazione suggerisce di partire da un modulo di richiesta e da un elenco per l'amministrazione, aggiungendo il resto dopo. Sii lucido su cosa è incluso e cosa colleghi tu: Mythex non ha sincronizzazione del calendario, promemoria via SMS né un prodotto per le caparre integrato. L'email passa dal tuo fornitore, le caparre dalle tue chiavi Stripe salvate come segreti di progetto (ricetta Stripe), e le regole su doppie prenotazioni e fusi orari le definisci e le testi tu, come sopra.

Il comando /test fa cliccare all'agente il flusso di prenotazione nell'anteprima e segnala cosa non funziona. Per un prompt di partenza prova i template sito per barbieri con prenotazioni o prenotazione riunioni, oppure sfoglia tutti i template di app.

Domande