如何免費製作線上菜單:分類、品項、外觀到分享連結
線上菜單是一個有專屬網址的網頁。客人點開連結,或掃描桌上的 QR Code,就能用手機瀏覽器看到菜色、價格、照片與過敏原圖示,不必下載 App,也不用把 PDF 放大來看。這篇文章一步步說明如何在 MenuForma 製作線上菜單,從註冊帳號到菜單可以交給客人看為止,小吃店、早午餐店、手搖飲店或熱炒店都適用。
除非特別註明,本文介紹的功能都包含在永久免費方案中:每月 0 元、沒有使用期限,註冊時也不需要綁定信用卡。只有付費的標準方案才有的功能,我們會另外說明。桌邊 QR Code 的設計與列印已經在免費製作 QR Code 菜單教學中詳細介紹,這裡專心談菜單本身的內容,以及客人看到的樣子。
製作線上菜單前要準備的東西
整個過程最花時間的不是打字,而是做決定。先把下面這些準備好,後面會順利很多:
- 現有的菜單,任何形式都可以:紙本菜單的照片、PDF、Excel 或 Word 檔,或是店家網站上的菜單頁面。
- 一份分類草稿:店裡賣的東西大致分成哪幾類。
- 最新價格,包括小碗與大碗、中杯與大杯這類依份量不同的價格。
- 自己拍的菜色照片、店家 Logo,以及一張放在菜單頂部的橫幅照片。
- 廚房確認過的每道菜過敏原資料,因為過敏原要逐道勾選。
照用餐順序規劃菜單架構
在 MenuForma,一間餐廳的餐點和飲料都放在同一份菜單裡,分類就是這份菜單的章節。排列時可以照客人點菜、上菜的順序走:先是冷盤與小菜,接著熱炒、海鮮和湯品,再來是飯麵主食與甜點,飲料和酒放在最後,或自成一區。酒水品項多的話,用一層子分類拆開會清楚很多,例如在「啤酒」下分成生啤酒與瓶裝啤酒,或在「葡萄酒」下分成紅酒和白酒。
午餐、晚餐或季節限定的菜色,也不必另做一份菜單。在永久免費方案中,所有菜色都放在同一份菜單裡:像冬天才賣的麻油雞,天冷時切換成已發布,過季後改回未發布就好。使用標準方案的話,可以在後台側邊欄的優惠與促銷頁面替每道菜設定販售時段,讓午間套餐只在中午出現。
分類分得清楚、每類各有幾道菜,用手機看會比一整條長長的清單好讀得多。另外要記得,線上菜單是公開的網頁,餐廳一建立,菜單網址就能打開。還沒準備好的菜先設為未發布,等整份菜單完成後,再分享連結或印製 QR Code。
註冊帳號並建立餐廳
選擇使用 Google 註冊、使用 Apple 註冊或使用電子郵件代碼註冊。選擇電子郵件代碼時,MenuForma 會寄一組代碼到您的信箱以確認地址。也可以用電子郵件加密碼註冊。整個過程都不需要填寫信用卡。
接著會出現一張簡短的表單:輸入餐廳名稱,選擇類型(餐廳、咖啡廳、烘焙坊、披薩店、餐車、酒吧、飯店等),再確認菜單短網址。這是菜單網址的最後一段,例如 menuforma.com/m/ah-chuan-xiaochi。系統會依店名自動帶入,並檢查是否已被使用。分享出去的連結和印好的 QR Code 都會用這個網址,建議一開始就決定好。按下創建餐廳後會直接進入菜單管理,接下來的步驟都在這裡完成。
動手之前,先看一份範例菜單
還不確定客人會怎麼使用菜單的話,可以先看看做好的成品。菜單管理上方的分頁列中有一個查看範例菜單按鈕,按下後會開啟選擇菜單類型視窗,裡面列出四份完成的範例菜單,每一份都有查看範例按鈕,會在新的瀏覽器分頁中打開:
- 線上點餐菜單:客人在座位上瀏覽菜單,直接在線上點餐。
- 自助點餐菜單:客人自己挑好菜色,把清單拿給店員看,由店員送出訂單。
- 展示菜單:只能瀏覽、不能點餐,和後面介紹的僅供瀏覽連結是同樣的概念。
- 外送點餐菜單:外送訂餐,屬於標準方案的功能。
用客人的角度把範例逛一遍,看看從分類到點餐是怎麼走的,再決定您的客人要用哪一種方式,接著才動手做自己的菜單。
先設定語言與貨幣
新建立的餐廳,預設菜單語言為英文、貨幣為美元。請到菜單管理的語言與貨幣分頁,把客人閱讀的主要語言設為繁體中文,並在貨幣清單中搜尋新台幣。也可以自訂貨幣符號。
如果要匯入現有菜單,這一步可以先略過,因為 AI 匯入會辨識菜單的語言與貨幣並自動套用。如果打算手動輸入,請在新增菜色之前先把兩者設好。菜單有內容後再更改主要語言,MenuForma 會把整份菜單重新翻譯成新語言,並使用 5 點;菜單還是空的時候則不會扣點。
匯入菜單或手動輸入
AI 匯入卡片位於菜單商品分頁最上方。您可以一次上傳多張照片、PDF、Excel 或 Word 檔,用手機的拍照功能直接拍紙本菜單,或貼上自家網站菜單頁的網址,再按從網址擷取菜單。外送平台的頁面無法作為來源,但可以改用頁面截圖。頁數較多的 PDF,可以選擇要讀取哪幾頁。
辨識結果會以確認清單呈現,每道菜旁都有勾選框,並列出分類、描述、過敏原、規格與價格。取消勾選不需要的項目;在您確認之前,菜單不會有任何變動。如果菜單裡已經有菜色,可以選擇追加或整份取代。匯入完成後,若出現「是否自動識別過敏原?」的提示,可以把偵測到的過敏原加進去,但內容仍要自己核對。
新帳號會獲得 30 點歡迎點數,可在 30 天內使用;每次成功匯入一個檔案或網頁會使用 5 點。手動輸入菜色完全不用點數,品項不多的咖啡廳直接手打也不費工。
整理分類
在分類欄位按小小的「+」按鈕,就能新增分類,填入名稱與選填的說明,例如在「現炒」分類下註明「全部現點現炒」。分類名稱要用客人一看就懂的說法,例如飯類、麵類、炸物。分類底下可以再建一層子分類,例如在飲品下分出茶類、奶茶與咖啡。
分類可以拖曳調整順序,分類內的菜色也一樣。如果在建立任何分類之前就先新增菜色,系統會自動建立一個預設分類,之後再改名即可。沒有任何可見菜色的分類不會出現在客人的菜單上;分類必須清空後才能刪除。
把每道菜設定完整
按新增商品會開啟新增菜單商品視窗。選擇類別,輸入名稱與價格(新增時必填),再填寫描述。描述旁的 AI 按鈕可以產生草稿,不需要點數,但可能寫進店裡沒用的食材,記得讀過一遍再修改。在圖片上傳自己拍的照片,系統會裁成正方形;最後勾選這道菜含有的過敏原。
MenuForma 提供 26 種過敏原,涵蓋歐盟法規要求餐廳標示的 14 種,另外還有蕎麥、桃子、番茄、大蒜等。過敏原會以圖示顯示在客人的菜單上,並附上提醒客人如有過敏請告知店員的說明。過敏原資訊仍由店家負責,請和廚房一起確認每個勾選。
菜色建立後再點開一次,就會進入編輯菜單商品,可以設定更多項目:
- 規格 / 尺寸:設定價格不同的份量或容量,例如滷肉飯小碗與大碗、珍珠奶茶中杯與大杯、炒飯單人份與合菜份。用新增變體逐一建立,每個規格也可以單獨隱藏價格。
- 重量與容量:適合標示牛排的克數或飲料的毫升數。
- 品項標章:自由輸入的短標籤,例如新品上市、老闆推薦、季節限定。
- 隱藏價格:適合以時價計算的海鮮。
加料選項、複製菜色與好懂的寫法
多道菜共用的選項,放在分類旁的加料及口味選擇面板。用新增組建立像「甜度」「冰塊」或「加料」這樣的群組,設定群組名稱、是否為必選,以及最少與最多可選幾項。接著新增選項,可以加價也可以免費,例如加珍珠 10 元、去冰或少冰不加價;最後把群組關聯到適用的菜色。客人點餐時,會在菜色詳細頁選擇規格與加料。
複製菜品會連同規格一起複製整道菜。像紅茶、綠茶、烏龍茶這類結構相同的飲品,複製後改名稱和價格就好。
菜名和描述,先寫客人做選擇時最在意的資訊:主要食材與做法,例如「古早味三杯雞,九層塔現炒」。描述控制在一到兩行,用詞和店員在桌邊的叫法一致,點餐時就比較不會搞混。
隱藏菜色或標記售罄
每道菜都有已發布與未發布的切換開關。設為未發布的菜色,在重新發布之前客人都看不到,適合還沒拍照的新菜,或是只在夏天賣的芒果冰。
標記售罄適合用在當天限量的牛肋條賣完時:菜色仍留在菜單上,加上售罄標記,客人無法點選;補貨後再切換回來即可。也可以一次選取多道菜,用移動到分類整批移動,或一次切換售罄與供應中、已發布與未發布,或整批刪除。
設定客人看得到的店家資訊
資訊分頁用來設定菜單周圍的店家資訊。上傳菜單頂部的封面圖片和店家Logo,再寫一段顯示在店名下方的簡短介紹。用 AI 產生封面或 Logo 是標準方案才有的功能,上傳自己的圖片則是免費的。
在基本資訊中填寫餐廳名稱、電話、地址、地圖連結與網站,其中電話、地址、地圖連結和網站會顯示在客人的菜單上。日後需要更改網址時,菜單網址也在這裡。社群媒體可以填入 Instagram、Facebook、LINE、YouTube 等帳號;在 WiFi 卡片填好 WiFi 名稱與 WiFi 密碼,客人在菜單上就看得到,店員不必每桌重複回答同樣的問題。
營業時間可以依星期設定營業或公休,中午有休息的店家也能在同一天設定多個時段。這些時段決定客人何時可以點餐;非營業時間,菜單會顯示目前休息中的提示。設定完成後按儲存設定。
選擇菜單外觀
在顯示與尺寸分頁的顯示模式中,可以在圖片+文字、僅圖片、僅文字之間切換,並用 圖片尺寸 與 字體大小 調整圖片和文字大小。套餐或只想展示、不想標價的菜單,可以使用隱藏所有價格。永久免費方案使用經典範本:整份菜單往下捲動,分類可以展開與收合,用手機看很順手。
標準方案另外提供分頁、側邊欄、網格範本,以及自訂顏色與字體選擇。免費方案也能在預覽中試用這些樣式,但只有標準方案可以儲存。菜單底部的小字 Powered by MenuForma,也只有標準方案能移除。
決定菜單語言
永久免費方案的菜單只有一種語言,也就是一開始設定的主要語言。標準方案可以新增語言:啟用後菜單會自動翻譯,譯文可以在翻譯管理逐行修改,客人的菜單上也會出現語言切換按鈕,對觀光客多的店家很實用,詳情可參考多語系菜單介紹。菜單一律以主要語言開啟,因此請選擇多數客人看得懂的語言作為主要語言。
客人打開菜單後看到的畫面
由上往下看,最先出現的是橫跨頂部的封面圖片,接著是店家 Logo、店名和您寫的簡短介紹。下面是在資訊分頁填好的聯絡資料:電話點一下就能撥打,地址附有地圖連結,還有網站與社群帳號,以及 WiFi 名稱和密碼。
再往下就是分類。經典範本的分類可以展開、收合,打開後是一張張菜色卡片,上面有照片、菜名、價格,設定了品項標章的話也會顯示,另外還有過敏原圖示;賣完的菜則會出現售罄標記。點一下菜色,會打開這道菜自己的畫面:照片更大,並列出描述、過敏原,以及可以選擇的規格與加料。
從一般的菜單連結或桌邊 QR Code 進來時,點餐功能是開著的,客人把菜加進訂單後就能送出;從僅供瀏覽的連結進來,就只能看、不能點。在您設定的營業時間以外,菜單會顯示目前休息中,客人仍然可以瀏覽,但要等開店後才能點餐。畫面最下方是過敏原提醒,永久免費方案還會有一行小小的 Powered by MenuForma。菜單上沒有搜尋框,免費方案也沒有語言切換,所以清楚的分類名稱,就是客人找菜最主要的依靠。
用客人的角度檢查一次
菜單管理中的預覽菜單面板會以手機大小的畫面顯示菜單,旁邊的圖示則可以在新的瀏覽器分頁開啟實際的客人菜單。分享之前,建議逐項確認:
- 每個價格與規格都正確,加料選項掛在對的菜色上。
- 過敏原圖示與廚房的清單一致。
- 照片清楚、裁切得當,沒有照片的菜色也容易閱讀。
- 售罄標記只出現在真的賣完的菜色上。
- 電話、地圖連結和 WiFi 資訊都正確可用。
- 用自己的手機看,在店內和戶外陽光下都讀得清楚。
- 請沒看過這份菜單的人試著找出一道菜和它的價格,看看是否不需要協助。
分享菜單連結
您的菜單網址是 menuforma.com/m/ah-chuan-xiaochi。要放在客人到店前會看的地方,請使用僅供瀏覽的版本:在QR 碼頁面的僅顯示分頁,可以找到 menuforma.com/m/ah-chuan-xiaochi?mode=display 和複製僅供顯示連結按鈕。透過這個連結可以看到完整菜單,但無法點餐,適合放在 Google 商家檔案、Instagram 個人簡介、Facebook 粉絲專頁、LINE 官方帳號或店家網站。放到網站上的做法,可以參考在餐廳網站加入菜單的方法。
在店內,QR 碼頁面產生的 QR Code 可以讓客人在桌邊開啟菜單;使用每桌的 QR Code,客人還能直接在座位上點餐。按下自訂可以加上店家 Logo、調整顏色和點的樣式,並在 QR Code 下方加一句簡短的引導文字,例如「掃我看菜單」。QR Code 可以下載成 PNG 或 SVG,SVG 放大到任何尺寸都不會模糊,印海報或桌上立牌時特別好用;這些功能都包含在永久免費方案中。設計、列印與測試的步驟,請參考 QR Code 菜單製作教學。QR Code 指向的是菜單網址,所以之後在菜單管理修改菜色、價格或照片,同一個連結和已經印好的 QR Code 都會顯示更新後的內容;只有更改菜單網址時,才需要重新製作 QR Code。
重點整理:從註冊到分享的八個步驟
把前面的內容濃縮成一張清單,做菜單時可以對照著走:
- 準備好現有菜單、價格、照片與過敏原資料,並想好分類的順序。
- 免費註冊,在同一張表單填好店名、類型與菜單短網址,建立餐廳。
- 按查看範例菜單逛一遍範例,決定客人要怎麼使用您的菜單。
- 到語言與貨幣分頁,把主要語言設為繁體中文、貨幣設為新台幣。
- 用 AI 匯入讀取現有菜單,或自己手動輸入分類與菜色。
- 補齊規格、加料、照片與過敏原,還沒準備好的菜先設為未發布。
- 在資訊分頁填好聯絡資料、WiFi 與營業時間,再調整菜單外觀。
- 用預覽菜單和自己的手機檢查一遍,確認無誤後分享連結、印出 QR Code。
永久免費與標準方案比較
本文介紹的內容都能用永久免費完成。標準方案是給需要更多功能的店家選用的付費方案。
| 永久免費 | 標準方案 | |
|---|---|---|
| 價格 | 每月 0 元,無期限 | 付費,可自由選擇 |
| 餐廳數 | 1 間 | 多間 |
| 菜單語言 | 1 種 | 可新增,含自動翻譯與語言切換 |
| 範本與設計 | 經典範本、顯示模式、圖片與文字大小 | 加上分頁、側邊欄、網格範本,自訂顏色與字體 |
| 分類、規格、加料、過敏原 | 包含 | 包含 |
| 菜色照片 | 自己拍的照片 | 自己拍或 AI 生成 |
| AI 匯入 | 歡迎點數 30 點,每次 5 點 | 每月點數 |
| 點餐與付款 | 桌邊或櫃台點餐,向店員付款 | 加上外送、自取與透過 Stripe 的 Pay Online |
| 每筆訂單手續費 | 無 | 無 |
| MenuForma 標示 | 顯示 | 可移除 |
常見問題
真的免費嗎?可以用多久?
是的。永久免費方案每月 0 元、沒有期限,註冊時也不需要信用卡,MenuForma 也不會按訂單收取費用。只有在需要更多語言、其他設計、外送或線上付款時,才需要考慮標準方案。
客人需要下載 App 才能看菜單嗎?
不需要。菜單透過連結或 QR Code 在手機瀏覽器中開啟,只要能上網即可,不需要 App,也不需要註冊帳號。
開始製作前,可以先看看做好的範例菜單嗎?
可以。在菜單管理按查看範例菜單,從四份範例中挑一份按查看範例,就會在新分頁打開,可以實際體驗客人瀏覽和點餐的流程,再決定自己的菜單要怎麼用。
之後調整價格,需要更換連結或重印 QR Code 嗎?
不需要。在菜單管理中修改菜色後,同一個連結和已印好的 QR Code 都會顯示新內容。只有更改菜單網址本身時,才需要新的連結與 QR Code。
客人可以直接在菜單上點餐或付款嗎?
免費方案中,客人可以在桌邊或櫃台點餐,再向店員付款。外送、自取和線上刷卡付款屬於標準方案的功能。MenuForma 不會從 Stripe 付款中抽成,但 Stripe 的金流手續費仍需支付。
可以先把某道菜藏起來,而不是刪掉嗎?
可以。切換為未發布後,在重新發布之前客人都看不到。如果只是當天賣完,用標記售罄就能保留在菜單上,同時暫停點餐。
午餐、晚餐和飲料需要分成不同的菜單嗎?
不需要。餐點和飲料都放在同一份菜單裡,用分類區分就好。如果希望午間套餐只在中午供應,標準方案可以在優惠與促銷頁面替每道菜設定販售時段。要替第二家分店建立菜單,也需要標準方案,因為它可以管理多間餐廳。
製作線上菜單時,可以同時提供中文和英文嗎?
使用標準方案就可以新增語言,菜單會自動翻譯,客人也能自行切換語言。永久免費方案的菜單只有一種語言。
一份好用的線上菜單,靠的是內容正確,而不是花俏的設計:清楚的分類、實在的描述、正確的規格與過敏原。不妨先免費註冊帳號,匯入或輸入您的菜單,在預覽中確認無誤後再分享連結。
菜單完成後,可以依照 QR Code 菜單製作教學準備桌邊的 QR Code;想了解線上菜單的整體功能,也可以參考線上菜單介紹頁。