Com crear un lloc web de comandes de menjar: menú, cistella, hores de recollida i pantalla de cuina

Un lloc web de comandes de menjar permet als clients triar del vostre menú, personalitzar els plats, escollir una hora de recollida o de lliurament, pagar i rebre una confirmació; mentre la cuina veu cada comanda aparèixer en una pantalla i la marca com a preparada. Per construir-ne un necessites un menú amb opcions (mides, extres, «sense ceba»), una cistella que calculi bé els totals, franges horàries amb límits perquè la cuina no es vegi desbordada, pagaments amb targeta i un tauler de comandes senzill per al personal. Un constructor d'aplicacions amb IA pot generar tot això a partir d'una descripció clara. La feina és als detalls: l'horari d'obertura, els articles esgotats, els límits de comandes i què passa quan un pagament es fa bé però la comanda no es desa.

Què necessita el lloc

Pàgines

• Client: menú per categories, detall de cada article amb opcions, cistella, comanda (nom, telèfon, recollida o lliurament, i hora), pagament i una pàgina de confirmació amb el número de comanda i l'estat.
• Cuina: una llista en directe de les comandes noves, en preparació i preparades, cadascuna amb els articles, les opcions, les notes i l'hora de recollida.
• Propietari: editor del menú (articles, preus, fotos, opcions, esgotat), horari d'obertura, límits per franja i un resum de vendes.

Dades

Desa el nom i el preu de l'article a cada línia de comanda en el moment de comprar. Si després canvies el menú, les comandes antigues han de seguir mostrant el que el client va pagar de veritat.

Permisos

Els clients només veuen la seva pròpia comanda a través de l'enllaç de confirmació. El personal de cuina veu i actualitza les comandes però no pot canviar preus. El propietari edita el menú i la configuració. És habitual un compte compartit de cuina en una tauleta; el propietari hauria de tenir un compte propi.

Decisions i compromisos

Recollida, lliurament o tots dos

Només recollida és molt més senzill i és per on haurien de començar la majoria de locals petits. El lliurament afegeix zones, tarifes, comandes mínimes, validació d'adreces, assignació de repartidors i una llista més llarga de coses que poden fallar.

Immediates o amb hora programada

«Tan aviat com sigui possible» és fàcil d'oferir però difícil de complir en una nit plena. Les franges programades amb límit —per exemple, no més de vuit comandes per finestra de 15 minuts— protegeixen la cuina i fixen expectatives. Pots seguir mostrant «primera hora disponible: 18:45».

Pagament per endavant o en recollir

Pagar en línia redueix les absències i accelera la recollida. Pagar en recollir és més senzill de construir però convida a fer comandes falses. La majoria de locals cobren amb targeta per endavant mitjançant un pagament allotjat com Stripe Checkout; la nostra guia de pagaments explica la configuració. Les propines, els impostos i les normes sobre els tiquets varien segons el país: consulta les normes locals.

Com arriben les comandes a la cuina

Opcions: una pestanya del navegador en una tauleta que s'actualitza sola (la més simple), un correu o un missatge per comanda com a còpia de seguretat, o enviar les comandes a una impressora de tiquets (cal maquinari i configuració addicionals). Un so quan arriba una comanda nova importa més del que sembla.

Un primer prompt que funciona

Construeix un lloc de comandes en línia per a Casa Verde, una taqueria d'Austin, Texas, només amb recollida. Categories del menú: Tacos, Bols, Acompanyaments, Begudes. Els articles tenen opcions: els tacos trien una proteïna (pollastre, carnitas, xampinyons +$1), una tortilla (de blat de moro o de farina) i extres opcionals (guacamole +$1.50, formatge +$0.75); els bols trien una base i una proteïna. Els clients afegeixen articles a una cistella, trien una franja de recollida de 15 minuts dins l'horari d'obertura (de dimarts a diumenge, de 11:00 a 21:00, hora central), introdueixen el nom i el telèfon, i veuen un total amb un 8,25 % d'impost sobre les vendes. Limita cada franja a 8 comandes i amaga les franges plenes. Desa les comandes en una base de dades amb els estats nova, en preparació, preparada i recollida. Una pàgina de cuina (cal iniciar sessió) mostra les comandes del dia ordenades per hora de recollida, reprodueix un so per a les comandes noves i permet al personal avançar-les d'estat. Una pàgina del propietari per editar el menú, marcar articles com a esgotats i aturar les comandes. El pagament amb targeta vindrà més endavant; de moment les comandes són «paga en recollir». Disseny atrevit, colorit i pensat primer per al mòbil, amb àrees de toc grans.

Començar amb el pagament en recollir et permet provar tot el flux de comandes amb el personal abans d'afegir els pagaments.

Passos de construcció

1. Menú i opcions. Posa al punt el menú, els grups d'opcions i els càlculs de preus. Prova un article amb totes les combinacions d'opcions.
2. Cistella i pagament. Quantitats, notes, totals, impostos i un selector de franges que respecti l'horari d'obertura.
3. Desar la comanda i confirmació. Càlcul del total al servidor —mai no confiïs en el preu que envia el navegador— i una pàgina de confirmació amb el número de comanda.
4. Tauler de cuina. Llista en directe, so per a les comandes noves, botons d'estat i text prou gran per llegir-lo des d'un metre.
5. Controls del propietari. Esgotat, aturar les comandes, límits per franja i horaris.
6. Pagaments en mode de prova. Marca una comanda com a pagada només quan el proveïdor de pagaments ho confirmi, i gestiona el cas en què el pagament es fa bé però la comanda no es desa.
7. Notificacions. Una confirmació per correu o SMS i un missatge de «preparat per recollir» a través del teu propi proveïdor. Consulta com afegir notificacions.
8. Un llançament suau. Fes-lo servir amb el personal i amics durant uns quants dies, i vigila tant la part de la cuina com la del client.

Errors habituals

• Calcular els preus només al navegador. Qualsevol pot canviar-los. Recalcula-ho al servidor.
• No tenir un interruptor d'esgotat. Acabaràs venent l'última ració cinc vegades.
• No tenir límits per franja. Un divendres ocupat es converteix en 40 comandes per servir a les 19:00.
• Informació d'al·lèrgens que falta o està desactualitzada. Mostra els al·lèrgens de cada article i mantén-los al dia; les normes són estrictes en molts països.
• Confusió de fus horari. Desa les hores en UTC, mostra-les en l'hora local del restaurant i prova-ho a prop de la mitjanit i als canvis d'horari d'estiu.
• La tauleta de la cuina es posa en repòs. Mantén la pantalla encesa i comprova que les comandes noves apareixen sense refrescar.

Quan és millor un producte fet

Si vols que nous clients et trobin a la teva zona, les plataformes de lliurament aporten una demanda que no pots crear fàcilment tu mateix, a canvi d'una comissió. Si ja fas servir un sistema de punt de venda, comprova si inclou comandes en línia: les comandes que arriben directament a la caixa i a la impressora de la cuina són difícils de superar.

Construeix el teu propi quan vulguis comandes directes sense comissió dels clients habituals, un flux de comanda adaptat a la teva manera de treballar (comandes anticipades per a una fleca, safates per a càterings, un menú setmanal de preparats) o comandes vinculades a un programa de fidelització o al teu propi lloc web. La guia de llocs web per a restaurants explica la resta del lloc que hi ha al voltant.

Construir-lo amb Mythex

A Mythex descrius el flux de comandes al xat i el veus en una vista prèvia en directe, que pots revisar en un marc de mida de telèfon. Les comandes i el menú viuen en una base de dades Postgres que l'agent afegeix quan li demanes que els desi. Els pagaments amb targeta fan servir el teu propi compte de Stripe i les claus guardades com a secrets del projecte —el recepta de Stripe mostra el prompt— i els SMS o els correus passen pel teu propi proveïdor, ja que Mythex no té cap producte integrat de pagaments, correu o SMS. Els webhooks de pagament necessiten que l'aplicació estigui publicada en una URL pública. Abans del llançament, /test fa que l'agent provi les comandes a la vista prèvia i t'informi del que falla.

Per a un prompt inicial, prova les plantilles de pàgina de comandes de fleca o pàgina de comandes de cafè, o el constructor de botigues en línia per a restaurants.

Preguntes