Paano Gumawa ng Food Ordering Website: Menu, Cart, Pickup Time at Kitchen View

Ang food ordering website ay nagpapahintulot sa mga customer na pumili mula sa menu mo, i-customize ang mga item, pumili ng oras ng pickup o delivery, magbayad, at makatanggap ng confirmation, habang nakikita ng kitchen ang bawat order sa screen at minamarkahan itong handa na. Para makagawa nito, kailangan mo ng menu na may options (sizes, extras, "walang sibuyas"), cart na tama ang pagkalkula ng total, time slots na may limit para hindi malunod ang kitchen, card payments, at simpleng order board para sa staff. Kayang gawin ng AI app builder ang lahat ng ito mula sa malinaw na description. Nasa mga detalye ang hirap: opening hours, sold-out items, order caps, at kung ano ang mangyayari kapag nagbayad na pero hindi na-save ang order.

Ano ang kailangan ng site

Mga page

• Customer: menu ayon sa category, detalye ng item na may options, cart, checkout (pangalan, telepono, pickup o delivery, oras), payment, at confirmation page na may order number at status.
• Kitchen: live na listahan ng mga bago, ginagawa pa at handang order, bawat isa may items, options, notes at oras ng pickup.
• Owner: menu editor (items, presyo, larawan, options, sold out), opening hours, slot limits, at sales summary.

Data

I-save ang pangalan at presyo ng item sa bawat order line sa oras ng pag-order. Kapag binago mo ang menu sa bandang huli, dapat pa ring ipakita ng mga lumang order ang aktwal na binayad ng customer.

Permissions

Makikita lang ng customer ang sarili niyang order sa pamamagitan ng confirmation link. Nakikita at nae-update ng kitchen staff ang mga order pero hindi nila mababago ang presyo. Ang owner ang nag-e-edit ng menu at settings. Karaniwan ang shared kitchen login sa tablet, pero dapat may sariling login ang owner.

Mga desisyon at trade-offs

Pickup, delivery o pareho

Mas simple ang pickup lang at dito dapat magsimula ang karamihan ng maliliit na tindahan. Nagdadagdag ang delivery ng zones, fees, minimum na order, address validation, driver assignment, at mas mahabang listahan ng mga puwedeng pumalpak.

ASAP o naka-schedule na oras

Madaling mag-alok ng "as soon as possible", pero mahirap itong panindigan sa abalang gabi. Naka-schedule na slots na may limit, halimbawa hindi hihigit sa walong order bawat 15-minutong window, ang nagpoprotekta sa kitchen at nagtatakda ng tamang expectations. Puwede pa ring ipakita ang "earliest available: 18:45".

Bayad nang maaga o sa pagkuha

Nababawasan ng online payment ang mga no-show at mas mabilis ang pickup. Mas simple itong i-build ang bayad sa pagkuha ng order, pero nag-iimbita ito ng pekeng order. Karamihan ng lugar ay tumatanggap ng card payment nang maaga sa pamamagitan ng hosted checkout tulad ng Stripe Checkout; sakop ng aming payments guide ang setup. Nag-iiba ang tips, buwis at mga patakaran sa resibo ayon sa bansa, kaya tingnan ang lokal na batas.

Paano makarating ang order sa kitchen

Mga pagpipilian: browser tab sa tablet na awtomatikong nagre-refresh (pinakasimple), email o message bawat order bilang backup, o pagpapadala ng order sa receipt printer (kailangan ng dagdag na hardware at setup). Mas mahalaga kaysa sa inaakala mo ang tunog kapag may bagong order.

Unang prompt na gumagana

Gumawa ng online ordering website para sa Casa Verde, isang taqueria sa Austin, Texas, pickup lang. Menu categories: Tacos, Bowls, Sides, Drinks. May options ang mga item: ang tacos ay pumipili ng protein (chicken, carnitas, mushroom +$1), tortilla (corn o flour) at optional na extras (guac +$1.50, cheese +$0.75); ang bowls ay pumipili ng base at protein. Magdadagdag ang customer ng item sa cart, pipili ng 15-minutong pickup slot sa loob ng opening hours (Martes–Linggo 11:00–21:00, Central time), ilalagay ang pangalan at telepono, at makikita ang total na may 8.25% sales tax. Lagyan ng limit na 8 order ang bawat slot at itago ang mga punong slot. I-save ang mga order sa database na may statuses na new, preparing, ready, collected. May kitchen page (kailangan ng login) na nagpapakita ng order ngayong araw ayon sa oras ng pickup, tumutunog para sa bagong order, at hinahayaan ang staff na ilipat ang mga order. Owner page para i-edit ang menu, markahan ang items na sold out, at i-pause ang pag-order. Mamaya pa ang card payment; sa ngayon ay "bayad sa pickup" ang mga order. Matapang, makulay, mobile-first na design na may malalaking tap target.

Ang pagsisimula sa bayad sa pickup ay hinahayaan kang subukan ang buong daloy ng order kasama ang staff bago pa idagdag ang mga bayad.

Mga hakbang sa pagbuo

1. Menu at options. Siguraduhing tama ang menu, option groups at pagkalkula ng presyo. Subukan ang isang item na may bawat kombinasyon ng options.
2. Cart at checkout. Dami, notes, total, buwis, at slot picker na sumusunod sa opening hours.
3. Pag-save ng order at confirmation. Kalkulahin ang total sa server, huwag kailanman pagkatiwalaan ang presyong ipinadala ng browser, at magkaroon ng confirmation page na may order number.
4. Kitchen board. Live na listahan, tunog sa bagong order, status buttons, at malaking text na nababasa mula isang metro ang layo.
5. Owner controls. Sold out, pause ng pag-order, slot caps, at hours.
6. Payments sa test mode. Markahan lang na bayad ang order kapag kinumpirma ng payment provider, at hawakan ang kaso kung saan nagbayad na pero hindi na-save ang order.
7. Notifications. Email o text na kumpirmasyon at mensaheng "ready for pickup" sa pamamagitan ng sarili mong provider. Tingnan ang adding notifications.
8. Soft launch. Patakbuhin kasama ang staff at mga kaibigan sa loob ng ilang araw, at bantayan ang panig ng kitchen nang kasing-ingat ng panig ng customer.

Mga karaniwang pagkakamali

• Pagkalkula ng presyo sa browser lang. Kahit sino ay puwedeng baguhin ito. I-recalculate sa server.
• Walang sold-out switch. Maibebenta mo ang huling serving nang limang beses.
• Walang slot limits. Ang abalang Biyernes ay magiging 40 order na dapat ihanda ng 19:00.
• Kulang o luma ang allergen information. Ipakita ang allergens bawat item at panatilihing tama ito; mahigpit ang patakaran dito sa maraming bansa.
• Gulo sa time zone. I-store ang oras sa UTC, ipakita sa lokal na oras ng restaurant, at subukan malapit sa hatinggabi at sa mga pagbabago ng daylight-saving.
• Nag-sleep ang kitchen tablet. Panatilihing gising ang screen at tiyaking lumalabas ang mga bagong order nang walang refresh.

Kailan mas mabuting gumamit ng handang produkto

Kung gusto mong makita ng mga bagong customer sa lugar mo, nagdadala ang delivery platforms ng demand na hindi mo madaling makalikha nang mag-isa, kapalit ng commission. Kung gumagamit ka na ng point-of-sale system, tingnan kung kasama dito ang online ordering; mahirap talunin ang mga order na diretsong pumapasok sa till at sa kitchen printer mo.

Gumawa ng sarili mo kapag gusto mo ng direct na order na walang commission mula sa mga regular, daloy ng order na nakaayon sa paraan ng trabaho mo (pre-orders para sa bakery, catering trays, lingguhang meal-prep menu), o ordering na konektado sa loyalty scheme o sa sarili mong website. Sakop ng restaurant website guide ang iba pang bahagi ng site sa paligid nito.

Pagbuo nito gamit ang Mythex

Sa Mythex, ilalarawan mo ang ordering flow sa chat at lalabas ito sa live preview na puwede mong tingnan sa laki ng phone. Nasa Postgres database ang mga order at menu na idinadagdag ng agent kapag hiniling mong i-save ang mga ito. Gumagamit ang card payments ng sarili mong Stripe account at mga key na naka-store bilang project secrets; ipinapakita ng Stripe recipe ang prompt; at dumadaan ang mga text o email sa sarili mong provider, dahil walang built-in na payments, email o SMS product ang Mythex. Kailangang nakapublish ang app sa public URL para gumana ang payment webhooks. Bago ilunsad, puwede mong i-type ang /test para pakiusapan ang agent na i-click ang ordering sa preview at iulat kung ano ang pumapalpak.

Para sa panimulang prompt, subukan ang bakery order page o coffee order page templates, o ang restaurant online store builder.

Mga tanong