Een bestelwebsite voor eten bouwen: menu, winkelwagen, ophaaltijden en keukenscherm

Met een bestelwebsite voor eten kunnen klanten kiezen uit je menu, items aanpassen, een ophaal- of bezorgtijd kiezen, betalen en een bevestiging krijgen. Ondertussen ziet de keuken elke bestelling op een scherm verschijnen en markeert die als klaar. Om er een te bouwen heb je een menu met opties nodig (maten, extra's, „geen ui”), een winkelwagen die de totalen goed berekent, tijdslots met limieten zodat de keuken niet overspoeld wordt, kaartbetalingen en een eenvoudig bestelbord voor medewerkers. Een AI-app-builder kan dit allemaal maken op basis van een duidelijke beschrijving. Het werk zit in de details: openingstijden, uitverkochte items, limieten per bestelling en wat er gebeurt als een betaling slaagt maar de bestelling niet wordt opgeslagen.

Wat de site nodig heeft

Pagina's

• Klant: menu per categorie, itemdetail met opties, winkelwagen, afrekenen (naam, telefoon, ophalen of bezorgen, tijd), betaling en een bevestigingspagina met het bestelnummer en de status.
• Keuken: een live lijst met nieuwe, in bereiding zijnde en klare bestellingen, elk met items, opties, opmerkingen en de ophaaltijd.
• Eigenaar: menu-editor (items, prijzen, foto's, opties, uitverkocht), openingstijden, limieten per slot en een verkoopoverzicht.

Gegevens

Sla de itemnaam en prijs op elke bestelregel op op het moment van bestellen. Als je het menu later aanpast, moeten oude bestellingen nog steeds laten zien wat de klant werkelijk heeft betaald.

Rechten

Klanten zien alleen hun eigen bestelling via de bevestigingslink. Keukenmedewerkers zien en wijzigen bestellingen, maar kunnen geen prijzen aanpassen. De eigenaar beheert het menu en de instellingen. Een gedeeld keukeninlog op een tablet is gebruikelijk, maar de eigenaar moet een eigen account hebben.

Beslissingen en afwegingen

Alleen ophalen, alleen bezorgen of beide

Alleen ophalen is veel eenvoudiger en daar kunnen de meeste kleine zaken het beste mee beginnen. Bezorgen voegt zones, kosten, minimumbestellingen, adrescontrole, toewijzing van bezorgers en een langere lijst met dingen die misgaan toe.

Zo snel mogelijk of geplande tijden

„Zo snel mogelijk” is makkelijk aan te bieden, maar lastig waar te maken op een drukke avond. Geplande slots met limieten — bijvoorbeeld niet meer dan acht bestellingen per kwartier — beschermen de keuken en zorgen voor duidelijke verwachtingen. Je kunt wel „eerstvolgende beschikbare tijd: 18:45” tonen.

Vooraf betalen of betalen bij ophalen

Online betalen vermindert no-shows en versnelt het ophalen. Betalen bij ophalen is eenvoudiger te bouwen, maar nodigt uit tot nepbestellingen. De meeste zaken laten kaartbetalingen vooraf lopen via een gehoste checkout, zoals Stripe Checkout; onze betalingsgids beschrijft de opzet. Fooien, belasting en bonregels verschillen per land — controleer de lokale regels.

Hoe bestellingen bij de keuken komen

Opties: een browsertabblad op een tablet dat automatisch ververst (het eenvoudigst), een e-mail of bericht per bestelling als back-up, of bestellingen naar een bonprinter sturen (vraagt extra hardware en instelling). Een geluidje bij een nieuwe bestelling is belangrijker dan je denkt.

Een eerste prompt die werkt

Bouw een online bestelwebsite voor Casa Verde, een taqueria in Austin, Texas, alleen voor ophalen. Menucategorieën: Tacos, Bowls, Bijgerechten, Drankjes. Items hebben opties: tacos kiezen een vulling (kip, carnitas, champignon +$1), een tortilla (mais of tarwe) en optionele extra's (guacamole +$1,50, kaas +$0,75); bowls kiezen een basis en een vulling. Klanten voegen items toe aan een winkelwagen, kiezen een ophaalslot van 15 minuten binnen de openingstijden (di–zo 11:00–21:00, Centrale tijd), vullen naam en telefoon in en zien een totaal met 8,25% verkoopbelasting. Beperk elk slot tot 8 bestellingen en verberg volle slots. Sla bestellingen op in een database met de statussen nieuw, in bereiding, klaar, opgehaald. Een keukenpagina (inloggen vereist) toont de bestellingen van vandaag op ophaaltijd, speelt een geluid af bij nieuwe bestellingen en laat medewerkers bestellingen doorschuiven. Eigenaarspagina om het menu te bewerken, items als uitverkocht te markeren en bestellen te pauzeren. Kaartbetaling komt later — voorlopig is het „betalen bij ophalen”. Stoere, kleurrijke, mobile-first vormgeving met grote knoppen.

Beginnen met betalen bij ophalen laat je de hele bestelflow met medewerkers testen voordat betalingen erbij komen.

Bouwstappen

1. Menu en opties. Krijg het menu, de optiegroepen en de prijsberekening goed. Test een item met elke combinatie van opties.
2. Winkelwagen en afrekenen. Aantallen, opmerkingen, totalen, belasting en een slotkiezer die de openingstijden respecteert.
3. Bestellingen opslaan en bevestiging. Totaal berekenen op de server — vertrouw nooit de prijs die de browser verstuurt — en een bevestigingspagina met het bestelnummer.
4. Keukenbord. Live lijst, geluid bij nieuwe bestellingen, statusknoppen, grote tekst die je vanaf een meter afstand leest.
5. Eigenaarsbediening. Uitverkocht, bestellen pauzeren, limieten per slot, openingstijden.
6. Betalingen in testmodus. Markeer een bestelling alleen als betaald wanneer de betaalprovider dat bevestigt, en regel het geval dat een betaling slaagt maar de bestelling niet wordt opgeslagen.
7. Meldingen. Een bevestiging per e-mail of sms en een bericht „klaar voor ophalen” via je eigen provider. Zie meldingen toevoegen.
8. Een zachte lancering. Draai het een paar dagen met medewerkers en vrienden, en let net zo goed op de keukenkant als op de klantkant.

Veelgemaakte fouten

• Prijzen alleen in de browser berekenen. Iedereen kan ze aanpassen. Reken op de server opnieuw.
• Geen schakelaar voor uitverkocht. Dan verkoop je de laatste portie vijf keer.
• Geen limieten per slot. Een druke vrijdag wordt 40 bestellingen die om 19:00 klaar moeten zijn.
• Allergeninformatie ontbreekt of is verouderd. Toon allergenen per item en houd ze actueel; de regels hierover zijn in veel landen streng.
• Verwarring over tijdzones. Sla tijden op in UTC, toon ze in de lokale tijd van het restaurant en test rond middernacht en de overgang naar zomertijd.
• Het keukentablet gaat in slaapstand. Houd het scherm wakker en test of nieuwe bestellingen verschijnen zonder te verversen.

Wanneer een kant-en-klaar product beter is

Als je nieuwe klanten in je buurt wilt bereiken, brengen bezorgplatforms vraag die je zelf moeilijk kunt creëren — in ruil voor commissie. Gebruik je al een kassasysteem, kijk dan of het online bestellen al bevat; bestellingen die rechtstreeks in je kassa en keukenprinter terechtkomen, zijn moeilijk te verslaan.

Bouw zelf wanneer je commissievrije directe bestellingen van vaste klanten wilt, een bestelflow die past bij je manier van werken (vooraf bestellen voor een bakkerij, cateringschalen, een wekelijks maaltijdmenu), of bestellen die gekoppeld is aan een spaarprogramma of je eigen website. De gids voor restaurantwebsites behandelt de rest van de site eromheen.

Bouwen met Mythex

Bij Mythex beschrijf je de bestelflow in de chat en verschijnt die in een live voorbeeld dat je in een telefoonformaat kunt bekijken. Bestellingen en het menu staan in een Postgres-database die de agent toevoegt als je vraagt ze op te slaan. Kaartbetalingen lopen via je eigen Stripe-account en sleutels, die je als projectgeheimen opslaat — in de Stripe-recept staat de prompt — en sms's of e-mails gaan via je eigen provider, omdat Mythex geen ingebouwd product voor betalingen, e-mail of sms heeft. Betaal-webhooks werken pas als de app op een publieke URL staat. Voor de lancering laat /test de agent in het voorbeeld bestellen en melden wat er misgaat.

Voor een startprompt kun je de bakkerij-bestelpagina of koffie-bestelpagina sjablonen proberen, of de online winkelbouwer voor restaurants.

Veelgestelde vragen