Så bygger du en webbplats för matbeställning: meny, varukorg, upphämtningstider och köksvy

En webbplats för matbeställning låter kunderna välja bland din meny, anpassa rätterna, välja upphämtnings- eller leveranstid, betala och få en bekräftelse – medan köket ser varje beställning dyka upp på en skärm och markerar den som klar. För att bygga en behöver du en meny med tillval (storlekar, extra, ”utan lök”), en varukorg som räknar ut summorna rätt, tidsluckor med tak så att köket inte översvämmas, kortbetalning och en enkel beställningstavla för personalen. Ett AI-verktyg kan ta fram allt detta utifrån en tydlig beskrivning. Arbetet ligger i detaljerna: öppettider, slutsålda rätter, tak för beställningar och vad som händer när en betalning lyckas men beställningen inte sparas.

Vad sidan behöver

Sidor

• Kund: meny per kategori, rättdetalj med tillval, varukorg, kassa (namn, telefon, upphämtning eller leverans, tid), betalning och en bekräftelsesida med ordernummer och status.
• Kök: en levande lista över nya, pågående och klara beställningar, var och en med rätter, tillval, anteckningar och upphämtningstid.
• Ägare: menyredigerare (rätter, priser, bilder, tillval, slutsåld), öppettider, tak per tidslucka och en försäljningssammanfattning.

Data

Spara rättens namn och pris på varje orderrad när beställningen görs. Om du ändrar menyn senare ska gamla beställningar fortfarande visa vad kunden faktiskt betalade.

Behörigheter

Kunderna ser bara sin egen beställning via bekräftelselänken. Kökspersonal ser och uppdaterar beställningar men kan inte ändra priser. Ägaren redigerar menyn och inställningarna. Ett delat kökskonto på en surfplatta är vanligt; ägaren bör ha ett eget inloggningskonto.

Beslut och avvägningar

Upphämtning, leverans eller båda

Enbart upphämtning är betydligt enklare och är där de flesta små ställen bör börja. Leverans lägger till zoner, avgifter, minimibelopp, adressvalidering, budtilldelning och en längre lista över saker som kan gå fel.

Så snart som möjligt eller schemalagda tider

”Så snart som möjligt” är lätt att erbjuda men svårt att hålla ärligt en hektisk kväll. Schemalagda luckor med tak – till exempel högst åtta beställningar per 15-minutersfönster – skyddar köket och ger rätt förväntningar. Du kan fortfarande visa ”tidigaste lediga: 18:45”.

Betalning i förväg eller vid hämtning

Betalning online minskar uteblivna hämtningar och snabbar upp utlämningen. Betalning vid hämtning är enklare att bygga men inbjuder till falska beställningar. De flesta tar kortbetalning i förväg via en hostad kassa, till exempel Stripe Checkout; vår betalningsguide beskriver upplägget. Dricks, moms och kvittoregler varierar mellan länder – kontrollera lokala regler.

Hur beställningar når köket

Alternativ: en webbläsarflik på en surfplatta som uppdateras automatiskt (enklast), ett e-postmeddelande eller sms per beställning som reserv, eller utskrift till en kvittoskrivare (kräver extra utrustning och installation). Ett ljud när en ny beställning kommer betyder mer än du tror.

En första prompt som fungerar

Bygg en onlinebeställningssida för Casa Verde, en taquería i Austin, Texas, enbart för upphämtning. Menykategorier: Tacos, Bowls, Tillbehör, Drycker. Rätterna har tillval: tacos väljer ett protein (kyckling, carnitas, svamp +$1), en tortilla (majs eller vete) och valfria extra (guac +$1,50, ost +$0,75); bowls väljer bas och protein. Kunderna lägger rätter i en varukorg, väljer en 15-minuters upphämtningstid under öppettiderna (tis–sön 11:00–21:00, centraltid), anger namn och telefon och ser en totalsumma med 8,25 % försäljningsskatt. Begränsa varje tidslucka till 8 beställningar och dölj fulla luckor. Spara beställningar i en databas med statusarna ny, tillagas, klar och hämtad. En köksida (kräver inloggning) visar dagens beställningar efter upphämtningstid, spelar ett ljud för nya beställningar och låter personalen flytta fram dem. En ägarsida för att redigera menyn, markera rätter som slutsålda och pausa beställningar. Kortbetalning kommer senare – tills dess är beställningarna ”betala vid hämtning”. Djärv, färgglad design, mobilen först med stora tryckytor.

Att börja med betalning vid hämtning låter dig testa hela beställningsflödet med personalen innan betalningarna kommer med.

Byggsteg

1. Meny och tillval. Få menyn, tillvalsgrupperna och prisberäkningarna rätt. Testa en rätt med alla kombinationer av tillval.
2. Varukorg och kassa. Antal, anteckningar, totalsummor, moms och en tidsväljare som respekterar öppettiderna.
3. Sparande av beställning och bekräftelse. Beräkna totalsumman på servern – lita aldrig på priset som webbläsaren skickar – och visa en bekräftelsesida med ordernummer.
4. Köksskärm. Levande lista, ljud för nya beställningar, statusknappar och stor text som går att läsa på en meters avstånd.
5. Ägarkontroller. Slutsåld, pausa beställningar, tak per lucka, öppettider.
6. Betalningar i testläge. Markera bara en beställning som betald när betalningsleverantören bekräftar det, och hantera fallet där betalningen lyckas men beställningen inte sparas.
7. Notiser. Ett e-post- eller sms-meddelande som bekräftelse och ett ”klar för upphämtning”-meddelande via din egen leverantör. Se så lägger du till notiser i din app.
8. En mjuk lansering. Kör med personal och vänner i några dagar och följ köket lika noga som kundsidan.

Vanliga misstag

• Att räkna ut priser bara i webbläsaren. Vem som helst kan ändra dem. Räkna om på servern.
• Ingen slutsåld-knapp. Du kommer att sälja den sista portionen fem gånger.
• Inga tak per tidslucka. En hektisk fredag blir 40 beställningar som ska vara klara klockan 19.
• Allergeninformation som saknas eller är föråldrad. Visa allergener per rätt och håll dem aktuella; reglerna är strikta i många länder.
• Förvirring om tidszon. Lagra tider i UTC, visa dem i restaurangens lokala tid och testa runt midnatt och klockbyten.
• Kökssurfplattan somnar. Håll skärmen vaken och testa att nya beställningar syns utan att du laddar om sidan.

När en färdig produkt är det bättre valet

Om du vill synas för nya kunder i ditt område skapar leveransplattformar efterfrågan som du inte lätt kan skapa själv – i utbyte mot provision. Om du redan använder ett kassasystem, kolla om det har onlinebeställning; beställningar som hamnar direkt i kassan och på köksskrivaren är svåra att slå.

Bygg själv när du vill ha provisionsfria direktbeställningar från stamkunder, ett beställningsflöde anpassat efter hur du arbetar (förbeställningar för ett bageri, cateringbrickor, en veckomeny för matlådor) eller beställningar kopplade till ett lojalitetsprogram eller din egen webbplats. Guiden om restaurangwebbplatser täcker resten av sajten runt den.

Bygga det med Mythex

I Mythex beskriver du beställningsflödet i chatten och ser det i en live-förhandsvisning som du kan kontrollera i mobilstorlek. Beställningar och menyn lagras i en Postgres-databas som agenten lägger till när du ber den spara dem. Kortbetalningar använder ditt eget Stripe-konto och dina nycklar, lagrade som projekthemligheter – Stripe-receptet visar prompten. Sms och e-post går via din egen leverantör, eftersom Mythex saknar inbyggda produkter för betalning, e-post eller sms. Webhooks för betalningar kräver att appen är publicerad på en offentlig adress. Innan lansering kan /test låta agenten klicka igenom beställningen i förhandsvisningen och rapportera vad som går sönder.

Som startprompt kan du prova mallarna beställningssida för bageri eller beställningssida för kaffe, eller AI-bygget för restaurangbutiker.

Frågor