如何建立網上點餐網站：菜單、購物車、取餐時間及廚房畫面

網上點餐網站讓顧客從你的菜單選擇餐點、自訂項目、選擇自取或外送時間、付款，並收到確認。與此同時，廚房會在畫面上看到每張訂單出現，並把它標示為已完成。要建立這樣的網站，你需要一個附有選項的菜單（例如大小、加料、「不要洋蔥」）、一個能正確計算總額的購物車、有上限的時段、信用卡付款，以及一個給員工使用的簡單訂單看板。AI 應用程式建立工具可以根據清楚的描述製作以上所有功能。真正花功夫的是細節：營業時間、售罄項目、訂單上限，以及付款成功但訂單沒有儲存時該如何處理。

網站需要什麼

頁面

• **顧客頁面：**按類別顯示的菜單、項目詳情及選項、購物車、結帳頁（姓名、電話、自取或外送、時間）、付款，以及顯示訂單編號與狀態的確認頁。
• **廚房頁面：**即時顯示新訂單、製作中及已完成訂單的清單，每張訂單附有餐點、選項、備註及取餐時間。
• **店主頁面：**菜單編輯器（項目、價錢、相片、選項、售罄）、營業時間、時段上限，以及銷售摘要。

資料

在下訂單時，請把項目名稱及價錢記錄在每條訂單明細內。日後如果更改菜單，舊訂單仍應顯示顧客實際付款的內容。

權限

顧客只可以透過確認連結看到自己的訂單。廚房員工可以查看及更新訂單，但不能更改價錢。店主負責編輯菜單及設定。在平板電腦上共用一個廚房登入帳戶很常見，但店主應該使用獨立的帳戶。

決定與取捨

自取、外送或兩者皆可

只提供自取簡單得多，也是大多數小型餐廳應該開始的方式。外送則會增加範圍、費用、最低消費、地址驗證、外送員分派，以及更多可能出錯的環節。

即時製作或預約時段

「盡快」容易提供，但在繁忙的晚上卻很難兌現。設有上限的預約時段（例如每 15 分鐘最多八張訂單）可以保護廚房，也能讓顧客有合理的期望。你仍然可以顯示「最快可取餐時間：18:45」。

先付款或取餐時付款

網上付款可以減少不到場的情況，也能加快取餐速度。取餐時付款的功能較簡單，但較容易出現虛假訂單。大部分店舖會透過 Stripe Checkout 等代管結帳頁先收取信用卡付款；我們的付款指南介紹了設定方法。小費、稅項及收據規定因地區而異，請查核當地規則。

訂單如何送到廚房

選項包括：平板電腦上會自動更新的瀏覽器分頁（最簡單）、每張訂單附帶的電郵或訊息作為後備，或把訂單送到收據打印機（需要額外硬件及設定）。新訂單到達時的提示音，比你想像中重要得多。

有效的首個提示

為 Casa Verde 建立一個網上點餐網站，這是位於美國德州奧斯汀的墨西哥餐館，只提供自取。菜單類別：Tacos、Bowls、Sides、Drinks。項目設有選項：Tacos 可選擇餡料（雞肉、慢燉豬肉、蘑菇 +$1）、餅皮（玉米或麵粉）以及可選加料（牛油果醬 +$1.50、芝士 +$0.75）；Bowls 可選擇基底及餡料。顧客把項目加入購物車，在營業時間（週二至週日 11:00–21:00，中部時間）內選擇 15 分鐘的取餐時段，並輸入姓名及電話，然後看到包括 8.25% 銷售稅的總額。每個時段上限 8 張訂單，已滿的時段要隱藏。訂單儲存在資料庫，狀態包括 new、preparing、ready、collected。廚房頁面（需要登入）按取餐時間顯示今日訂單，新訂單會響起提示音，員工可以推進訂單狀態。店主頁面可以編輯菜單、標示項目售罄，以及暫停接單。信用卡付款稍後再加入，現階段訂單為「取餐時付款」。設計大膽、色彩鮮明、以手機為先，按鈕要大，方便點按。

先採用取餐時付款，可以讓你與員工在加入付款功能前，先測試完整的訂購流程。

建立步驟

1. **菜單及選項。**確定菜單、選項組別及價錢計算正確。測試每一種選項組合的項目。
2. **購物車及結帳。**數量、備註、總額、稅項，以及會遵從營業時間的時段選擇器。
3. **儲存訂單及確認。**在伺服器計算總額——永遠不要相信瀏覽器傳來的價錢——並顯示附有訂單編號的確認頁。
4. **廚房看板。**即時清單、新訂單提示音、狀態按鈕，文字大到在一米外也看得清楚。
5. **店主控制。**售罄、暫停接單、時段上限、營業時間。
6. 付款先在測試模式下進行。只有在付款服務供應商確認後才把訂單標示為已付款，並處理付款成功但訂單未能儲存的情況。
7. **通知。**透過你自己的服務供應商發出電郵或短訊確認，以及「可以取餐」的通知。參閱加入通知功能。
8. **試營運。**與員工及朋友一起試行數天，同時留意廚房及顧客兩方面的情況。

常見錯誤

• **只在瀏覽器計算價錢。**任何人都可以更改。應該在伺服器重新計算。
• **沒有售罄開關。**你會把最後一份餐點賣出五次。
• **沒有時段上限。**繁忙的星期五會變成 40 張訂單在 19:00 同時到期。
• **過敏原資料缺失或過時。**每個項目都應顯示過敏原，並保持資料準確；很多國家對此有嚴格規定。
• **時區混亂。**以 UTC 儲存時間，以餐廳當地時間顯示，並在午夜前後及夏令時間轉換時測試。
• **廚房平板電腦自動休眠。**保持螢幕常亮，並測試新訂單是否無需重新整理便會出現。

何時成品工具較合適

如果你想讓新顧客在你所在的地區找到你，外送平台能帶來你難以自行創造的需求，但需要支付佣金。如果你已經使用銷售點系統，請查看它是否包括網上點餐功能；直接進入收銀機及廚房打印機的訂單，是很難被超越的。

當你希望熟客直接下單而不用支付佣金、需要配合你經營方式的點餐流程（例如麵包店的預訂、外燴餐盤、每週的備餐菜單），或希望與會員積分計劃或你自己的網站結合時，才考慮自行建立。餐廳網站指南涵蓋了網站其餘部分的建立方法。

使用 Mythex 建立

在 Mythex 上，你可以在對話中描述點餐流程，然後在即時預覽中以手機大小的畫面檢查。當你要求儲存訂單及菜單時，代理會為項目加入 Postgres 資料庫。信用卡付款使用你自己的 Stripe 帳戶及金鑰，以專案機密形式儲存（Stripe 指南列出了提示內容）。短訊或電郵透過你自行接駁的服務供應商發送，因為 Mythex 沒有內建的付款、電郵或短訊產品。付款 webhook 需要應用程式發布到公開網址後才可運作。上線前，你可以輸入 /test，讓代理在預覽中完成點餐流程，並回報哪些地方出錯。

如需起始提示，可以試用麵包店訂購頁面或咖啡訂購頁面範本，或參閱餐廳網上商店建立工具。

常見問題