Come creare un sito per ordinare cibo online: menu, carrello, orari di ritiro e schermo della cucina

Un sito per ordinare cibo permette ai clienti di scegliere dal tuo menu, personalizzare gli articoli, scegliere un orario di ritiro o di consegna, pagare e ricevere una conferma, mentre la cucina vede ogni ordine comparire su uno schermo e lo segna come pronto. Per costruirne uno ti servono un menu con opzioni (formati, extra, “senza cipolla”), un carrello che calcola correttamente i totali, fasce orarie con limiti per non sommergere la cucina, pagamenti con carta e una semplice lavagna ordini per lo staff. Un app builder basato sull’AI può generare tutto questo da una descrizione chiara. La difficoltà sta nei dettagli: orari di apertura, articoli esauriti, limiti per ordine e cosa succede quando il pagamento va a buon fine ma l’ordine non viene salvato.

Di cosa ha bisogno il sito

Pagine

• Cliente: menu per categoria, scheda articolo con opzioni, carrello, checkout (nome, telefono, ritiro o consegna, orario), pagamento e una pagina di conferma con numero d’ordine e stato.
• Cucina: un elenco in tempo reale dei nuovi ordini, di quelli in preparazione e di quelli pronti, ognuno con articoli, opzioni, note e orario di ritiro.
• Titolare: editor del menu (articoli, prezzi, foto, opzioni, esaurito), orari di apertura, limiti per fascia e un riepilogo delle vendite.

Dati

Salva il nome e il prezzo dell’articolo su ogni riga d’ordine nel momento in cui viene ordinato. Se in seguito cambi il menu, i vecchi ordini devono mostrare ancora ciò che il cliente ha effettivamente pagato.

Permessi

I clienti vedono solo il proprio ordine tramite il link di conferma. Il personale di cucina vede e aggiorna gli ordini ma non può cambiare i prezzi. Il titolare modifica il menu e le impostazioni. Un login condiviso per la cucina su un tablet è comune; il titolare dovrebbe averne uno separato.

Decisioni e compromessi

Ritiro, consegna o entrambi

Solo il ritiro è molto più semplice ed è il punto di partenza giusto per la maggior parte dei piccoli locali. La consegna aggiunge zone, costi, ordini minimi, verifica degli indirizzi, assegnazione dei fattorini e una lunga lista di cose che possono andare storte.

Subito o in orario prenotato

“Il prima possibile” è facile da offrire, ma difficile da mantenere onesto in una serata piena. Fasce prenotate con limiti, per esempio non più di otto ordini ogni 15 minuti, proteggono la cucina e fissano le aspettative. Puoi comunque mostrare “primo orario disponibile: 18:45”.

Pagamento anticipato o alla consegna

Pagare online riduce le mancate presentazioni e velocizza il ritiro. Pagare al ritiro è più semplice da costruire, ma favorisce gli ordini falsi. La maggior parte dei locali accetta il pagamento con carta in anticipo tramite un checkout ospitato, come Stripe Checkout; la nostra guida ai pagamenti spiega la configurazione. Mance, tasse e regole sugli scontrini variano da paese a paese: verifica le norme locali.

Come gli ordini arrivano in cucina

Opzioni: una scheda del browser su un tablet che si aggiorna automaticamente (la più semplice), un’email o un messaggio per ogni ordine come backup, oppure l’invio a una stampante di scontrini (richiede hardware e configurazione in più). Un suono quando arriva un nuovo ordine conta più di quanto sembri.

Un primo prompt che funziona

Crea un sito di ordinazioni online per Casa Verde, una taqueria di Austin, Texas, solo con ritiro. Categorie del menu: Tacos, Bowl, Contorni, Bevande. Gli articoli hanno opzioni: i tacos scelgono un ingrediente proteico (pollo, carnitas, funghi +1 $), una tortilla (mais o farina) e extra facoltativi (guacamole +1,50 $, formaggio +0,75 $); i bowl scelgono una base e un ingrediente proteico. I clienti aggiungono articoli al carrello, scelgono una fascia di ritiro di 15 minuti durante gli orari di apertura (mar–dom 11:00–21:00, ora centrale), inseriscono nome e telefono e vedono un totale con l’8,25% di tasse sulle vendite. Limita ogni fascia a 8 ordini e nascondi le fasce piene. Salva gli ordini in un database con gli stati nuovo, in preparazione, pronto, ritirato. Una pagina per la cucina (con login) mostra gli ordini del giorno in ordine di orario di ritiro, emette un suono per i nuovi ordini e permette allo staff di farli avanzare. Pagina del titolare per modificare il menu, segnare gli articoli come esauriti e sospendere le ordinazioni. Il pagamento con carta arriva più tardi: per ora gli ordini sono “paga al ritiro”. Design audace, colorato, pensato prima per il telefono, con pulsanti grandi.

Partire con il pagamento al ritiro ti permette di testare tutto il flusso d’ordine con lo staff prima di introdurre i pagamenti.

Passaggi di costruzione

1. Menu e opzioni. Sistema il menu, i gruppi di opzioni e i calcoli dei prezzi. Prova un articolo con tutte le combinazioni di opzioni.
2. Carrello e checkout. Quantità, note, totali, tasse e un selettore di fasce che rispetti gli orari di apertura.
3. Salvataggio dell’ordine e conferma. Calcolo del totale lato server, mai fidarsi del prezzo inviato dal browser, e una pagina di conferma con il numero d’ordine.
4. Lavagna della cucina. Elenco in tempo reale, suono per i nuovi ordini, pulsanti di stato, testo grande leggibile da un metro di distanza.
5. Controlli del titolare. Esaurito, sospensione delle ordinazioni, limiti per fascia, orari.
6. Pagamenti in modalità test. Segna un ordine come pagato solo quando il provider di pagamento lo conferma, e gestisci il caso in cui il pagamento riesce ma l’ordine non viene salvato.
7. Notifiche. Una conferma via email o SMS e un messaggio “pronto per il ritiro” tramite il tuo provider. Vedi come aggiungere notifiche.
8. Un lancio morbido. Usalo per alcuni giorni con lo staff e amici, osservando il lato cucina tanto quanto il lato cliente.

Errori comuni

• Calcolare i prezzi solo nel browser. Chiunque può cambiarli. Ricalcola sul server.
• Nessun interruttore per gli esauriti. Venderai l’ultima porzione cinque volte.
• Nessun limite per fascia. Un venerdì movimentato diventa 40 ordini da preparare alle 19:00.
• Informazioni sugli allergeni mancanti o non aggiornate. Mostra gli allergeni per ogni articolo e tienili aggiornati; in molti paesi le norme sono severe.
• Confusione sui fusi orari. Salva gli orari in UTC, mostrali nell’ora locale del ristorante e prova vicino alla mezzanotte e ai cambi dell’ora legale.
• Il tablet della cucina va in stop. Tieni lo schermo acceso e verifica che i nuovi ordini compaiano senza ricaricare la pagina.

Quando un prodotto già pronto è la scelta migliore

Se vuoi farti trovare da nuovi clienti nella tua zona, le piattaforme di delivery portano una domanda che non riusciresti a creare da solo, in cambio di una commissione. Se usi già un sistema di cassa, verifica se include le ordinazioni online: gli ordini che arrivano direttamente in cassa e sulla stampante della cucina sono difficili da battere.

Costruisci il tuo sito quando vuoi ordini diretti senza commissioni dai clienti abituali, un flusso di ordinazione su misura per il tuo modo di lavorare (preordini per una panetteria, vassoi per catering, un menu settimanale di pasti pronti) o ordini collegati a un programma fedeltà o al tuo sito. La guida al sito per ristoranti copre il resto del sito che ci sta intorno.

Costruirlo con Mythex

Su Mythex descrivi il flusso di ordinazione in chat e compare in un’anteprima dal vivo che puoi controllare in una cornice delle dimensioni di un telefono. Ordini e menu vivono in un database Postgres che l’agente aggiunge quando chiedi di salvarli. I pagamenti con carta usano il tuo account Stripe e le chiavi salvate come segreti del progetto — il ricettario Stripe mostra il prompt — e SMS o email passano dal tuo provider, perché Mythex non offre un prodotto integrato per pagamenti, email o SMS. I webhook dei pagamenti richiedono che l’app sia pubblicata su un URL pubblico. Prima del lancio, /test fa cliccare all’agente il percorso di ordinazione nell’anteprima e ti segnala cosa non funziona.

Per un prompt di partenza, prova i modelli pagina ordini per panetteria o pagina ordini per caffè, oppure il builder di negozi online per ristoranti.

Domande