換成自己的內容展開目錄
內容管理

把菜單放上網站:分類、品項、售完與線上點餐

餐廳、飲料店第一次放菜單照這個順序做:先排分類,再新增品項並發佈,學會每天標售完與一次恢復,把招牌菜放到首頁,用手機檢查一次,最後視需要打開線上點餐。

約 20 分鐘最後複驗:2026-10-03負責維護:Growth Team · Help Center

完成後你會得到

網站的菜單頁依你排的分類列出已發佈的品項,價格與照片正確;賣完的菜一鍵標售完、隔天一鍵恢復;首頁有幾道招牌菜帶客人去看完整菜單。要接線上點餐的話,客人也能直接在菜單頁加入餐點送出訂單。

開始前準備

  • 網站已啟用菜單功能,網站後台側欄看得到「菜單」。
  • 手邊有一份目前的菜單:菜名、價格,以及想放上網站的餐點照片。
  • 要接線上點餐的話,先想好要收哪些付款方式;要線上刷卡還得先完成金流串接。

操作步驟

1

第 1 步,共 8 步:先排好菜單分類

到「菜單」,點上方分頁的「菜單設定」。在「菜單分類」按「+ 新增分類」,一列一個分類名稱,例如主餐、小菜、飲品、甜點。

用每一列右側的上移、下移按鈕調整順序。這裡由上而下的順序,就是客人打開菜單時由上而下看到的段落順序。

每個品項建立時都要選一個分類,所以先把分類排好,後面新增品項才不用一直回頭改。分類想改名就直接改字,不要刪掉重建。

全部排好後按「儲存設定」。沒按就離開,分類與順序都不會生效。

按垃圾桶會刪掉那個分類。原本在裡面的菜不會消失,但會被集中到公開菜單最後的「其他」段落。
完成結果: 「菜單分類」清單依你要的順序排好並已儲存,新增品項時「分類 *」選單選得到它們。
3

第 3 步,共 8 步:新增品項:名稱、價格、照片、標籤與選項

回到「品項列表」,按頁首的「+ 新增品項」。必填的只有兩格:「品項名稱 *」與「分類 *」。新品項會排在該分類的最後面。

價格有兩格。「價格」只填數字,例如 180,網站會自動加上剛才設的價格前綴。價格不是固定數字時改填「價格備註」,例如「時價」「$180 起」;有填價格備註,就會蓋過數字價格。

「描述」「照片」「標籤(逗號分隔)」都可以留空。照片可以直接上傳檔案或貼圖片網址,沒放照片的菜會以純文字列顯示。標籤會變成小徽章,用半形逗號隔開,例如 招牌, 新品。有照片、有一兩句描述的菜,客人比較容易決定要點什麼。

「甜度、大小與加料」只有要接線上點餐才需要設定。每一組可選單選或複選、要不要必選,以及加價多少;每道菜最多 8 組,每組最多 20 個選項。

填完按「建立草稿」。建議先建三五道最常點的菜,看過公開頁的長相再補其餘。

選項群組沒有名稱、或一個選項都沒有時,建立會被擋下,畫面上方會說明是哪一組出錯。
完成結果: 品項出現在「品項列表」中,狀態是「草稿」。
4

第 4 步,共 8 步:發佈品項,菜單頁才看得到

新品項一律先存成草稿,好讓你把整份菜單建好、檢查過再一次公開。草稿只有你在後台看得到。

在「品項列表」找到那道菜,按那一列的眼睛圖示「立即發佈」。要讓某道菜暫時從網站上完全消失,再按一次同一個圖示「取消發佈」。

列表上方的「全部」「已發佈」「草稿」可以篩選,用來確認哪些菜還沒發佈。品項發佈後就會出現在菜單頁,不需要再發佈整個網站。

完成結果: 要上架的菜都在「已發佈」篩選裡,網站的菜單頁看得到它們。
5

第 5 步,共 8 步:每天的售完與恢復

賣完了不要刪除,也不必取消發佈。在「品項列表」按那一列的「供應中」,它會切成「售完」。品項、價格、照片都留著,菜單頁上這道菜會打灰並標「售完」;有開線上點餐的話,客人也點不到它。

售完不會在隔天自動恢復。只要有菜標著售完,品項列表上方會出現黃色提示「目前有 N 道標為售完」。開店前看到它,按旁邊的「全部恢復供應」就能一次恢復。

只恢復其中一道的話,按那一列的「售完」切回「供應中」即可。

售完的菜仍會留在菜單頁上打灰顯示。要讓它完全不出現,才改用眼睛圖示「取消發佈」。
完成結果: 賣完的菜在網站上顯示售完,隔天按一次「全部恢復供應」就全部回到供應中,黃色提示消失。
6

第 6 步,共 8 步:把招牌菜放到首頁

菜單頁是獨立的一頁,客人不一定會找到。首頁放一個菜單區塊,客人一進站就看得到招牌菜。

這個區塊沒有另外的「精選」勾選,它是照菜單順序取前面幾道。所以先在「品項列表」用每一列左側的拖曳把手,把主打且已發佈的菜排到同分類的前面。拖曳只能在同一個分類內調整;列表上方選了「已發佈」或「草稿」篩選時無法拖曳,要先回到「全部」。

接著按「品項列表」頁首的「放到頁面編輯」。會進入網站編輯器,在目前這一頁加上菜單區塊並自動選取;頁面上已經有菜單區塊時,會直接帶你到那一塊,重複按也不會疊出第二塊。

在區塊的屬性面板調整「顯示數量(1-24)」,首頁建議 3 或 6 道。「分類 id 過濾(可留空 = 全部)」要填的是分類代號而不是名稱,不確定時請留空。區塊底部的「查看全部 連結」預設通往菜單頁,通常不用改。

在編輯器調整完區塊後,記得照平常的方式發佈網站,首頁的改動才會上線。

編輯器裡看到的是示範菜色。網站上沒有任何已發佈品項時,公開站上整個區塊會隱藏。
完成結果: 首頁出現菜單區塊,顯示排在前面、已發佈的招牌菜,底部有按鈕通往完整菜單。
7

第 7 步,共 8 步:用手機打開菜單頁檢查一次

在「品項列表」頁首按「查看公開站」,會在新分頁打開網站的菜單頁。後台列表也會列出草稿,菜單頁只有已發佈的菜;兩邊對照,才知道客人實際看到什麼。

多數客人是用手機看菜單,用手機實際從頭捲到尾:分類順序對不對、每道菜的價格與照片對不對、售完標記有沒有在對的菜上。

看到價格顯示「—」,代表那道菜的「價格」與「價格備註」都空著;看到最後多出一段「其他」,代表有品項的分類被刪掉了。

最後回到首頁,確認招牌菜區塊的菜與順序是你要的。順序不對就回品項列表拖曳調整。

完成結果: 手機上的菜單頁分類、價格、照片與售完狀態都正確,首頁的招牌菜也對。
8

第 8 步,共 8 步:(要接線上點餐才做)打開接單設定

只想讓客人看菜單,這一步可以跳過。要讓客人直接在網站點餐,到「菜單」上方分頁的「接單設定」。

在「接單狀態」勾選「開放菜單下單」與「目前接受新訂單」。前者決定菜單頁要不要出現「加入餐點」;後者是給爆單或打烊時暫停用的,暫停時不必下架任何餐點,可以在「暫停接單訊息」寫一句給客人看的話,例如「今日訂單已滿,明天再見。」。

在「取餐方式」填「最短備餐時間(分鐘)」,依尖峰時段的實際出餐速度填;「可取餐時段說明」寫一句給客人看的時間,例如「每日 11:30–19:30」。

在「付款方式」勾選要開放的方式。選「銀行轉帳」時,同一段要填好收款的銀行名稱、銀行代碼、戶名與帳號。餐點收哪些付款方式在這裡獨立決定,不會影響網路商店的設定。

最後按「儲存餐飲接單設定」。之後客人送出的餐點訂單,在「菜單」上方的「餐飲訂單」分頁查看與接單。

線上刷卡要先在「付款與發票」完成金流串接,沒串好之前無法用線上付款收款。
建議先用自己的手機實際點一筆,從加入餐點、送出到後台看到訂單整條走一次,再告訴客人可以線上點餐。
完成結果: 菜單頁上供應中的品項出現「加入餐點」按鈕,客人可以送出餐點訂單,訂單出現在「餐飲訂單」。

常見問題

菜已經新增了,但網站的菜單頁上沒有。
新增的品項一律先存成草稿。到「品項列表」看那道菜是不是「草稿」,按那一列的眼睛圖示「立即發佈」。也可以點列表上方的「已發佈」篩選,確認它在裡面。品項發佈後不需要再發佈整個網站。
新增品項按「建立草稿」,出現「請選擇分類。」。
表示「分類 *」選單是空的或沒選。到「菜單設定」,在「菜單分類」按「+ 新增分類」建立至少一個分類並按「儲存設定」,再回來新增品項。
昨天標售完的菜,今天在網站上還是灰的。
售完不會自動恢復。到「品項列表」,上方黃色提示「目前有 N 道標為售完」旁按「全部恢復供應」;只恢復一道的話,按那一列的「售完」切回「供應中」。
價格顯示「時價」或「—」,不是我填的數字。
「價格備註」有填時會整個蓋過數字價格,所以會顯示備註文字;兩格都空時會顯示「—」。打開那道菜,把「價格備註」清空、在「價格」填數字,再按「儲存變更」。
刪掉一個分類後,那些菜跑到菜單最後的「其他」。
那些菜原本的分類已經不存在了。逐一打開它們,在「分類」改選現有的分類並按「儲存變更」。以後想改分類名稱,直接改字就好,不要刪掉重建。
首頁的菜單區塊在網站上不見了,編輯器裡明明看得到。
編輯器裡看到的是示範菜色;沒有任何已發佈品項時,網站上整個區塊會隱藏。先確認品項列表有已發佈的菜;若區塊的「分類 id 過濾(可留空 = 全部)」有填東西,把它清空再試。也別忘了編輯器改完要發佈網站。
列表左側的拖曳把手拖不動。
列表上方選了「已發佈」或「草稿」篩選時無法拖曳排序,先切回「全部」。另外拖曳只能在同一個分類內移動,分類之間的先後順序要到「菜單設定」用上移、下移調整。
開了線上點餐,菜單頁還是沒有「加入餐點」。
到「接單設定」確認「開放菜單下單」有勾、而且按了「儲存餐飲接單設定」。售完的菜本來就不會出現「加入餐點」,換一道供應中的菜看看。

這篇如何保持正確

負責人
Growth Team · Help Center
複驗節奏
最後複驗 2026-10-03;下次應於 2026-12-02 前完成
驗證依據與邊界
本文依 10 個程式或介面來源重播核對。內容說明安庭產品當下可操作流程;第三方平台、法規與價格請回到各自最新官方頁,本文不取代帳務、法律或資安專業判斷。

發現介面或步驟不同?請從關於安庭與聯絡方式回報,我們會重新驗證。

相關操作說明

還是沒解決?

依你看到的狀況查一次問題排除,通常比找功能名稱快。真的卡住就直接告訴我們,把你正在做的事和畫面上的訊息寫進來就好。