菜單
維護餐飲分類、品項、價格、照片與售完狀態。
共 6 項操作・20 個步驟・最後複驗 2026-10-03
從哪裡進入
網站後台 → 菜單
照著下方圖文逐步完成
重點摘要（TL;DR）
公開站會產生單頁菜單；首頁也可加入精選菜色，售完狀態會同步顯示。
什麼時候會用到
- 要快速更新品項與售完狀態
- 不想每次換菜色、改價格就重印紙本菜單
- 想在首頁放幾道招牌菜，帶訪客去看完整菜單
開始前先準備
- • 先確認菜單功能已啟用
- • 至少要有一個菜單分類，品項才有地方放
第一次設定，照這個順序做
共 5 站。每一站都連到詳細步驟，做完一站再往下。
- 1先排好菜單分類每個品項建立時都要選分類，分類的順序就是公開菜單的段落順序。先排好，後面新增品項才不會一直回頭改。本頁第 1 項操作
- 2新增品項並發佈品項建立後是草稿，要按發佈才會出現在 /menu。先放幾道最常點的菜，確認長相再補其餘。本頁第 2 項操作
- 3把菜單區塊放到首頁/menu 是獨立的一頁，訪客不一定會找到。首頁放一個精選菜色區塊，訪客一進站就看得到招牌菜。本頁第 4 項操作
- 4打開公開菜單檢查一次後台看到的是你輸入的資料，訪客看到的是排版後的結果；用手機實際捲一遍，才知道價格、照片和分類是否正確。本頁第 5 項操作
- 5（要接線上點餐才做）開放下單只放菜單給人看不需要這一步。要讓客人直接在網站點餐，才到「接單設定」打開下單與付款方式。本頁第 6 項操作
操作步驟與完成後的結果
每一項操作都列出從哪裡開始、要做什麼，以及完成後應該看到的結果。
新增與排序分類
用主餐、飲品、甜點等段落整理公開菜單。
- 1
這一步要做
到「菜單」，點上方分頁的「菜單設定」。
為什麼：分類、菜單頁標題和價格前綴都是整份菜單共用的設定，集中在這一頁；品項本身則在「品項列表」。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
看到「菜單分類」清單與菜單頁標題等設定。 - 1操作
- 位置：
- 畫面上的「菜單設定」。
- 動作：
- 到「菜單」，點上方分頁的「菜單設定」。
- 結果：
- 看到「菜單分類」清單與菜單頁標題等設定。
完成後會看到
看到「菜單分類」清單與菜單頁標題等設定。
- 2
這一步要做
在「菜單分類」按「+ 新增分類」，輸入分類名稱。
為什麼：公開菜單是一段一段依分類排的，分類決定訪客看到的段落標題。
欄位怎麼填
- 菜單分類
- 每列一個分類名稱，例如「主餐」「飲品」「甜點」。名稱留空的那一列在儲存時會被丟掉。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
新分類加入設定清單，品項表單可選到它。 - 2操作
- 位置：
- 畫面上的「+ 新增分類」。
- 動作：
- 在「菜單分類」按「+ 新增分類」，輸入分類名稱。
- 結果：
- 新分類加入設定清單，品項表單可選到它。
完成後會看到
新分類加入設定清單，品項表單可選到它。
做錯或略過會怎樣
清單上一個分類都沒有時，新增品項的「分類 *」選單會是空的，建立時會被擋下並顯示「請選擇分類。」。
- 3
這一步要做
用每一列右側的上移、下移按鈕調整分類順序。
為什麼：這裡由上而下的順序，就是公開菜單由上而下的段落順序。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
清單順序改變。 - 3操作
- 位置：
- 畫面上的「上移」。
- 動作：
- 用每一列右側的上移、下移按鈕調整分類順序。
- 結果：
- 清單順序改變。
完成後會看到
清單順序改變。
做錯或略過會怎樣
按垃圾桶會刪掉那個分類；原本在裡面的品項不會消失，而是被集中到公開菜單最後的「其他」段落。要改名就直接改字，不要刪掉重建。
- 4
這一步要做
同一頁視需要填菜單頁的文字與「價格前綴」，最後按「儲存設定」。
欄位怎麼填
- 菜單頁標題
- 訪客打開 /menu 看到的大標，留空會用「菜單」。
- 公開菜單版面
- 「標準清單」適合品項多、要快速比價的餐廳；「編輯索引」用大圖與留白呈現，適合品項少的精品飲品或選物。
- 菜單頁副標
- 大標下方一段說明，例如營業特色。留空就不顯示。
- 菜單頁注記
- 菜單最下方的小字，例如「價格均含服務費」「內容依季節調整」。留空就不顯示。
- 價格前綴
- 顯示在價格數字前的符號，預設是 $。想顯示成 NT$180 就填 NT$。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
公開菜單的分類段落依這個順序排列，標題與注記同步更新。 - 4操作
- 位置：
- 畫面上的「儲存設定」。
- 動作：
- 同一頁視需要填菜單頁的文字與「價格前綴」，最後按「儲存設定」。
- 結果：
- 公開菜單的分類段落依這個順序排列，標題與注記同步更新。
完成後會看到
公開菜單的分類段落依這個順序排列，標題與注記同步更新。
做錯或略過會怎樣
沒按「儲存設定」就離開，分類順序與文字都不會生效。
注意事項
- • 至少保留一個分類，否則新增品項時沒有可選的位置。
新增品項並設定價格與圖片
建立含名稱、分類、價格、照片與說明的菜單品項。
- 5
這一步要做
在「品項列表」按「+ 新增品項」，填「品項名稱 *」、選「分類 *」。
欄位怎麼填
- 品項名稱 *
- 訪客看到的菜名，例如「招牌牛肉麵」。必填，留空會顯示「請填寫品項名稱。」。
- 分類 *
- 選這道菜要出現在哪一段。新品項會排在該分類的最後面。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
表單具備品項名稱與所屬分類。 - 5操作
- 位置：
- 畫面上的「品項名稱 *」。
- 動作：
- 在「品項列表」按「+ 新增品項」，填「品項名稱 *」、選「分類 *」。
- 結果：
- 表單具備品項名稱與所屬分類。
完成後會看到
表單具備品項名稱與所屬分類。
- 6
這一步要做
填「價格」或「價格備註」。
欄位怎麼填
- 價格
- 只填數字，例如 180；公開頁會加上「菜單設定」的價格前綴，顯示成 $180。
- 價格備註
- 價格不是固定數字時用，例如「時價」「$180 起」。有填就會蓋過上面的數字價格。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
表單具備訪客看到的價格文字。 - 6操作
- 位置：
- 畫面上的「價格」。
- 動作：
- 填「價格」或「價格備註」。
- 結果：
- 表單具備訪客看到的價格文字。
完成後會看到
表單具備訪客看到的價格文字。
做錯或略過會怎樣
兩格都空時，/menu 上這道菜的價格會顯示「—」。
- 7
這一步要做
視需要填描述、上傳照片、加標籤，或設定甜度、大小與加料。
為什麼：這些都可以留空；有照片和一兩句描述的菜，訪客比較容易決定要點什麼。
欄位怎麼填
- 描述
- 一兩句介紹食材或特色。留空就不顯示。
- 照片
- 可直接上傳檔案或貼圖片網址；留空時這道菜以純文字列顯示。
- 標籤（逗號分隔）
- 顯示成小徽章，例如「招牌, 新品」。用半形逗號隔開。
- 甜度、大小與加料
- 有接線上點餐時才需要。可設定單選或複選、是否必選與加價；每道菜最多 8 組，每組最多 20 個選項。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
品項帶有說明、照片與選項。 - 7操作
- 位置：
- 畫面上的「描述」。
- 動作：
- 視需要填描述、上傳照片、加標籤，或設定甜度、大小與加料。
- 結果：
- 品項帶有說明、照片與選項。
完成後會看到
品項帶有說明、照片與選項。
做錯或略過會怎樣
選項群組沒有名稱或沒有任何選項時，建立會被擋下，畫面上方會說明是哪一組出錯。
- 8
這一步要做
按「建立草稿」，回到列表後按那一列的眼睛圖示「立即發佈」。
為什麼：新品項一律先存成草稿，讓你可以先把整份菜單建好、檢查過再一次公開。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
品項成為已發佈狀態並出現在 `/menu`。 - 8操作
- 位置：
- 畫面上的「建立草稿」。
- 動作：
- 按「建立草稿」，回到列表後按那一列的眼睛圖示「立即發佈」。
- 結果：
- 品項成為已發佈狀態並出現在 `/menu`。
完成後會看到
品項成為已發佈狀態並出現在 `/menu`。
做錯或略過會怎樣
沒按發佈的品項只有你在後台看得到，公開菜單和首頁精選區塊都不會出現。
注意事項
- • 填「價格備註」會蓋過數字價格，例如顯示「時價」。
一鍵標記售完
暫停供應但保留品項與價格，不必刪除重建。
- 9
這一步要做
在菜單品項列表找到目標品項，按狀態按鈕「供應中」。
為什麼：賣完只是今天賣完，品項、價格、照片都要留著明天用；標售完比取消發佈或刪除省事得多。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
按鈕切成「售完」，品項仍留在列表。 - 9操作
- 位置：
- 畫面上的「供應中」。
- 動作：
- 在菜單品項列表找到目標品項，按狀態按鈕「供應中」。
- 結果：
- 按鈕切成「售完」，品項仍留在列表。
完成後會看到
按鈕切成「售完」，品項仍留在列表。
做錯或略過會怎樣
售完的菜仍會留在公開菜單上、打灰顯示「售完」。要讓它完全消失，才改按眼睛圖示「取消發佈」。
- 10
這一步要做
商品恢復時再按「售完」切回供應。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
狀態回到「供應中」，公開菜單不再顯示售完標記。 - 10操作
- 位置：
- 畫面上的「售完」。
- 動作：
- 商品恢復時再按「售完」切回供應。
- 結果：
- 狀態回到「供應中」，公開菜單不再顯示售完標記。
完成後會看到
狀態回到「供應中」，公開菜單不再顯示售完標記。
- 11
這一步要做
隔天開店時，若列表上方出現黃色提示「目前有 N 道標為售完」，按「全部恢復供應」。
為什麼：售完不會自動在隔天恢復。前一晚標售完的菜忘了切回來，就會整天在網站上顯示賣完。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
所有售完品項一次恢復成供應中，黃色提示消失。 - 11操作
- 位置：
- 畫面上的「全部恢復供應」。
- 動作：
- 隔天開店時，若列表上方出現黃色提示「目前有 N 道標為售完」，按「全部恢復供應」。
- 結果：
- 所有售完品項一次恢復成供應中，黃色提示消失。
完成後會看到
所有售完品項一次恢復成供應中，黃色提示消失。
做錯或略過會怎樣
沒有任何品項售完時這個提示不會出現，這是正常的。
注意事項
- • 售完品項仍會留在公開菜單並打灰；要完全隱藏請取消發佈。
設定精選菜色
把主打菜色自動帶到首頁或其它頁面的菜單區塊。
- 12
這一步要做
在菜單列表用每一列左側的拖曳把手排序，把主打且已發佈的品項排在同分類的前面。
為什麼：精選區塊沒有另外勾選「精選」，它就是照菜單順序取前幾道；排序就是你挑招牌菜的方式。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
菜單自動列表會依品項排序取得前面的內容。 - 12操作
- 位置：
- 畫面上的「拖曳排序」。
- 動作：
- 在菜單列表用每一列左側的拖曳把手排序，把主打且已發佈的品項排在同分類的前面。
- 結果：
- 菜單自動列表會依品項排序取得前面的內容。
完成後會看到
菜單自動列表會依品項排序取得前面的內容。
做錯或略過會怎樣
列表上方選了「已發佈」或「草稿」篩選時無法拖曳，要先回到「全部」。拖曳只能在同一個分類內調整，分類之間的順序在「菜單設定」改。
- 13
這一步要做
在品項列表頁首按「放到頁面編輯」。
為什麼：這顆按鈕重複按也不會疊出第二塊。想放在別的位置，也可以在編輯器按「＋新增區塊」找菜單相關版型。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
進入網站編輯器，目前這一頁多了一個菜單區塊並自動選取；若頁面上已經有菜單區塊，會直接帶你到那一塊。 - 13操作
- 位置：
- 畫面上的「放到頁面編輯」。
- 動作：
- 在品項列表頁首按「放到頁面編輯」。
- 結果：
- 進入網站編輯器，目前這一頁多了一個菜單區塊並自動選取；若頁面上已經有菜單區塊，會直接帶你到那一塊。
完成後會看到
進入網站編輯器，目前這一頁多了一個菜單區塊並自動選取；若頁面上已經有菜單區塊，會直接帶你到那一塊。
- 14
這一步要做
在區塊的屬性面板調整要顯示幾道菜與只顯示哪個分類。
欄位怎麼填
- 顯示數量（1-24）
- 首頁建議 3 或 6 道，太多會讓訪客懶得往下看完整菜單。超出 1–24 的數字會被收在範圍內。
- 分類 id 過濾（可留空 = 全部）
- 留空就從全部分類取菜。這一格要填的是分類代號而不是分類名稱，後台畫面不會顯示代號，不確定時請留空。
- 查看全部 連結
- 區塊底部按鈕要去的地方，預設是 /menu，通常不用改。
完成後會看到
頁面顯示已發佈菜色的精選區塊，內容跟著後台資料更新。
做錯或略過會怎樣
沒有任何已發佈品項（或過濾的分類裡沒有菜）時，公開站上整個區塊會隱藏；編輯器裡看到的示範菜色不會出現在公開站。
注意事項
- • 草稿或取消發佈的品項不會出現在公開精選區塊。
檢查公開菜單
確認分類、價格、圖片與售完狀態對訪客正確顯示。
- 15
這一步要做
在品項列表頁首按「查看公開站」，開啟網站的 `/menu` 公開頁。
為什麼：後台列表也會列出草稿，公開頁只有已發佈的菜；兩邊對照才知道訪客實際看到什麼。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
畫面依「菜單設定」的分類順序顯示已發佈品項。 - 15核對
- 位置：
- 畫面上的「查看公開站」。
- 動作：
- 在品項列表頁首按「查看公開站」，開啟網站的 `/menu` 公開頁。
- 結果：
- 畫面依「菜單設定」的分類順序顯示已發佈品項。
完成後會看到
畫面依「菜單設定」的分類順序顯示已發佈品項。
- 16
這一步要做
逐類查看價格、照片與售完標記，並切到手機寬度捲完整頁。
完成後會看到
每個品項落在正確分類，手機上也能清楚閱讀。
做錯或略過會怎樣
看到「—」代表那道菜的價格與價格備註都空著；出現「其他」段落代表有品項的分類已被刪除。
- 17
這一步要做
回到網站首頁，確認精選菜色區塊的菜與順序是你要的。
為什麼：首頁區塊與 /menu 讀的是同一份資料，順序不對就回品項列表拖曳調整。
完成後會看到
首頁區塊顯示的是排在前面、已發佈的品項。
注意事項
- • 公開菜單只讀已發佈資料；後台草稿不會出現。
開放線上點餐
讓客人在菜單頁直接加入餐點並送出訂單。
- 18
這一步要做
到「菜單」上方分頁的「接單設定」，勾選「開放菜單下單」與「目前接受新訂單」。
為什麼：只想讓人看菜單時不用打開。「目前接受新訂單」是給爆單或打烊時暫停用的，不必下架任何餐點。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
菜單頁的品項會出現加入餐點的按鈕。 - 18操作
- 位置：
- 畫面上的「開放菜單下單」。
- 動作：
- 到「菜單」上方分頁的「接單設定」，勾選「開放菜單下單」與「目前接受新訂單」。
- 結果：
- 菜單頁的品項會出現加入餐點的按鈕。
完成後會看到
菜單頁的品項會出現加入餐點的按鈕。
做錯或略過會怎樣
沒勾「開放菜單下單」時，客人仍看得到菜單，但不會出現加入餐點。
- 19
這一步要做
填備餐時間與可取餐時段。
欄位怎麼填
- 最短備餐時間（分鐘）
- 從下單到可取餐最快要多久，依尖峰時段的實際出餐速度填。
- 可取餐時段說明
- 給客人看的一句話，例如「每日 11:30–19:30」。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
客人下單時看得到多久可以取餐。 - 19操作
- 位置：
- 畫面上的「最短備餐時間（分鐘）」。
- 動作：
- 填備餐時間與可取餐時段。
- 結果：
- 客人下單時看得到多久可以取餐。
完成後會看到
客人下單時看得到多久可以取餐。
- 20
這一步要做
在同頁選要開放的付款方式；選銀行轉帳時填好收款帳號，最後按「儲存餐飲接單設定」。
為什麼：餐點要收哪些付款方式在這裡獨立決定，不會影響網路商店的設定。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
餐飲接單設定已儲存。 - 20操作
- 位置：
- 畫面上的「銀行轉帳」。
- 動作：
- 在同頁選要開放的付款方式；選銀行轉帳時填好收款帳號，最後按「儲存餐飲接單設定」。
- 結果：
- 餐飲接單設定已儲存。
完成後會看到
餐飲接單設定已儲存。
做錯或略過會怎樣
線上刷卡要先在「付款與發票」完成金流串接，沒串好時這裡無法用線上付款收款。
注意事項
- • 餐點訂單在「餐飲訂單」分頁查看與接單。
遇到問題先看這裡
- 菜色已新增但公開菜單沒有顯示？
- 依序檢查：① 品項列表上那道菜是「草稿」還是「已發佈」——新增品項一律先存成草稿，要按眼睛圖示「立即發佈」才會出現 ② 公開菜單只讀已發佈品項，改完不需要再發布整個網站 ③ 用列表上方的「已發佈」篩選確認它在裡面。
- 優惠活動要怎麼套用到線上點餐的訂單？
- 到「網路商店 → 優惠與成長」建立或編輯活動，在「適用範圍」勾選「線上點餐（餐點訂單）」。優惠預設只套用在網路商店——這是刻意的：同時做網購與餐飲的店家替商品設的活動，不該在不知情的情況下折到每一筆餐點。勾選後，全單型的優惠（「全部訂單」與「來店即享」兩種觸發條件）就會在點餐結帳時自動折抵，客人在購物袋也看得到折抵金額與「再買一件就折」的提醒。會員點數折抵目前仍只在網路商店結帳可用，點餐訂單尚未開放。限定商店分類或指定商品的優惠對餐點不會生效，因為那是對商品目錄設定的範圍，菜單品項不在裡面。若網站沒有開線上點餐，這組勾選不會出現。
- 新增品項時按建立，出現「請選擇分類。」？
- 表示「分類 *」選單是空的或沒選。到「菜單設定」分頁，在「菜單分類」按「+ 新增分類」建立至少一個分類並按「儲存設定」，再回來新增品項。
- 刪掉一個分類後，那些菜跑到「其他」？
- 品項記的是分類本身，分類被刪掉後找不到對應段落，公開菜單與品項列表會把它們集中放在最後的「其他」。逐一打開那些品項，在「分類」改選現有分類並按「儲存變更」即可。想避免這種情況，改分類名稱就好，不要刪掉重建——改名不影響已分類的品項。
- 昨天標售完的菜，今天還是灰的？
- 售完不會自動恢復。只要有品項是售完，品項列表上方會出現黃色提示「目前有 N 道標為售完」，按旁邊的「全部恢復供應」就能一次恢復；只恢復一道的話，按那一列的「售完」切回「供應中」。
- 首頁的菜單區塊在公開站上不見了？
- 精選菜色區塊在沒有任何已發佈品項時，公開站上會整段隱藏（編輯器裡你看到的是示範菜色）。先到品項列表確認有已發佈的品項；若區塊有填「分類 id 過濾」，再確認那個分類裡有已發佈的菜，不確定時把那一格清空。
- 價格顯示「時價」或「—」，不是我填的數字？
- 「價格備註」有填時會整個蓋過數字價格，所以會顯示備註文字；兩格都空時，/menu 上會顯示「—」。要顯示數字，把「價格備註」清空、在「價格」填數字後按「儲存變更」。
逐步操作