如何把菜單放上官網:用連結取代複製
客人出門前先上網查菜單、看價格,已經是很平常的事。想把菜單放上官網,與其把整份菜單重打一遍,不如讓菜單留在 MenuForma,官網只放一個打開菜單的按鈕。這樣一來,滷肉飯調價時只要在 MenuForma 改一次,官網上看到的就是新價格,因為兩邊開的是同一個頁面。
這篇會帶您看幾件事:官網該放哪個 MenuForma 連結、哪個千萬別放;在常見的架站工具裡怎麼加按鈕;嵌入頁面的利與弊;搜尋引擎讀得到什麼;還有舊的 PDF 菜單怎麼處理。文中沒有特別標示標準方案的功能,永久免費方案都能使用。
菜單不必重打,連過去就好
把菜單打在官網頁面上,或是上傳成圖片、PDF,其實就是多了一份要顧的副本。漲價、出新品、推季節限定,每次都得改兩個地方,偏偏官網那份最容易忘記改。店裡的價目表寫一個價,網路上又是另一個價,客人不會沒發現。
MenuForma 的菜單只有一個公開網址,像是 menuforma.com/m/a-hui-xiaochi。桌上的 QR Code 開的是它,官網的按鈕開的也是它。品項、價格、照片一律在菜單管理修改,凡是連到這個網址的地方都會看到同樣的內容,沒有人需要再登入官網後台。
官網該放的是僅供顯示連結
到QR 碼頁面點選僅顯示分頁,QR Code 下方就是標示為僅供顯示的連結,旁邊有複製按鈕(複製僅供顯示連結)。連結長這樣:menuforma.com/m/a-hui-xiaochi?mode=display。
「僅供顯示」代表訪客能看完整份菜單,品項說明、價格、照片、過敏原圖示都在,但沒辦法選餐或送出訂單,系統也不會產生任何訂單。逛官網的人多半還在決定今晚吃什麼,並不是已經坐在 6 號桌的客人,所以給他們看菜單就夠了。
至於每桌和統一分頁裡的訂購連結,請別放上官網。那是給人在店裡的客人用的:從這些連結送出的訂單,會以內用訂單的形式(帶桌號或訂單編號)直接進到訂單列表和廚房顯示螢幕。換句話說,有人在家滑官網,也可能替一張空桌下單。
想讓客人從官網訂外送或自取,請用標準方案的外送分頁,連結是 menuforma.com/delivery/a-hui-xiaochi 這種格式。客人可以選外送到府或到店自取,外送要填地址,付款則看您在配送管理開了哪些方式,線上付款或付現都行;外送範圍和運費也是在那裡設定。線上付款走 Stripe:MenuForma 不會從 Stripe 付款中抽取佣金,但 Stripe 的金流手續費仍會照收。
- 「看菜單」按鈕,放僅供顯示連結(永久免費、標準方案皆可)。
- 「外送/自取」按鈕,放外送分頁的連結(限標準方案)。
- 桌貼和櫃檯的 QR Code,留在店裡用就好。
不管用哪種架站工具,都能把菜單放上官網
WordPress、Wix、Shopify 這類架站工具,都有按鈕或連結區塊,裡面會有一格填網址。把僅供顯示連結貼進去,按鈕文字越直白越好,像「菜單」「看菜單」,比花俏的字眼清楚。若工具有「在新分頁開啟」的開關,要不要開都沒關係。
官網交給網頁設計公司或朋友管理的話,用 LINE 把連結傳過去就行,不用裝任何程式碼。
按鈕建議放在:
- 主選單裡的「菜單」,每一頁都點得到。
- 首頁一打開的畫面,靠近地址和電話,用手機不必往下滑就看得到。
- 營業時間、交通資訊這類客人決定要不要來時會看的頁面;頁尾再放一次也不錯。
該跟 PDF 菜單說再見了
不少餐廳官網上掛的仍是 PDF 菜單。手機一打開,字小到得用兩指放大;價格一改,就要重新匯出、重新上傳。哪一次忘了,PDF 就停在舊價格。
那份 PDF 倒也不浪費,正好拿來建立 MenuForma 菜單。菜單管理裡的AI 匯入可以讀照片、PDF、Excel 和 Word 檔,整理成分類、品項和價格,您再核對一次就好。新帳號會拿到 30 點歡迎點數,30 天內有效,每次匯入用掉 5 點;自己手動輸入則不花點數。菜單建好後,把官網上的 PDF 連結換成僅供顯示連結。還在考慮要不要從紙本菜單轉過來的話,可以先看看數位菜單的介紹。
用 iframe 把菜單嵌進頁面
也有老闆希望菜單直接出現在官網頁面中間。MenuForma 不擋這種用法:菜單頁面可以放進其他網站的框架(iframe)裡載入。客人若在嵌入的菜單中線上付款(標準方案),Stripe 的付款頁會改在完整的瀏覽器視窗開啟,因為 Stripe 頁面沒辦法在框架裡執行。
MenuForma 沒有另外提供嵌入程式碼,直接用架站工具內建的「嵌入」「HTML」或「iframe」區塊,填入僅供顯示連結即可。
不過嵌入有幾個代價。框架高度是固定的,手機上等於在頁面裡再捲一個小框框;菜單版面以手機寬度設計,塞進電腦版的寬欄位會顯得又窄又長;對搜尋引擎來說,框架裡的品項屬於 MenuForma 頁面,不算官網那一頁的內容;部分架站工具的嵌入區塊,尺寸也不太好調。
所以多數餐廳用按鈕就夠了。真的要嵌入,記得用僅供顯示連結、把框架拉得夠高,旁邊再補一個「打開菜單」的文字連結。
搜尋引擎和連結預覽看得到什麼
MenuForma 菜單是伺服器端產生的一般網頁,菜名、說明和價格都在頁面的 HTML 裡,不是一張圖片。搜尋引擎可以建立索引,頁面的標準網址(canonical)就是您放在官網上的那個僅供顯示連結。頁面裡還有 schema.org 格式的結構化資料,內容包括餐廳的店名、電話、地址和料理類型(有填寫的話),以及菜單的分類、品項、價格和是否售完。
接著把另一頭也接起來:在菜單管理打開資訊分頁,於基本資訊卡片的網站欄位填入官網網址,設定裡也有同一個欄位。之後菜單上會出現一個可以點回官網的連結,結構化資料也會把這個網站標成餐廳自己的官網。電話、地址和地圖連結同樣在這張卡片填寫。
有一點要先說清楚:菜單連結替代不了官網自己的文字。官網上還是要有幾段介紹,例如主打哪類料理、兩三道招牌菜、營業時間和地址。MenuForma 頁面上的品項算在那個頁面,不會算到您的官網。
菜單連結貼到 LINE 或 Facebook 時,預覽會帶出店名和「菜單」兩個字、一段簡短說明,以及一張圖片(有封面圖就用封面圖,沒有就用 Logo,再沒有就用菜色照片)。標準方案還能在菜單管理的分享卡片裡,自己設定分享標題、副標題和圖片。
不用改 DNS,也不用設定子網域
常有人問菜單要不要另外架在 menu. 開頭的子網域。用 MenuForma 不必:菜單始終在 MenuForma 自己的網址上,官網的網域、主機和 SSL 憑證通通不用動。
需要事先想好的,是網址最後那一段。它在設定的菜單 URL 裡決定,也就是菜單對外的公開網址。最好在連結放上官網、QR Code 送印之前就定案,否則之後一改,兩邊都得重新處理。修改品項、價格或照片,則不會影響這個網址。
官網、Google 商家檔案和 LINE 都用同一個連結
這個僅供顯示連結,也很適合放在 Google 商家檔案、Instagram 個人簡介、Facebook 粉絲專頁和電子報,或是在 LINE 官方帳號回覆客人詢問時直接貼上。僅顯示分頁另外有分享到 X 和 WhatsApp 的按鈕。無論從哪裡點進來,看到的都是和 QR Code 同一份菜單,所以只要在菜單管理改好,各處就一致了。店內的 QR Code 則照舊使用各自的連結。
有品項賣完了,按標記售罄,它會留在菜單上並顯示售完標記,但點不了。標準方案的定時菜單則能依自動排程,在早餐、午餐、晚餐時段顯示不同品項,連結不變。
官網如果有多語版本,標準方案的菜單也能開多種語言,並附自動翻譯。在僅供顯示連結後面加上語言代碼,官網各語言版本就能打開對應語言的菜單,像英文版加 &lang=en、日文版加 &lang=ja,常接待日本觀光客的店家會很方便。客人也能在菜單上自己切換語言。詳細說明請看多語系菜單。永久免費方案的菜單只有一種語言。
正式公告前,先檢查這幾件事
- 用手機和電腦各點一次新按鈕,應該打開僅供顯示的菜單,看不到加入按鈕和購物車。
- 核對價格、照片和菜單語言;有用
&lang=的話,每個語言都點開看看。 - 確認菜單上有回到官網的連結。
- 用 LINE 傳給自己,看看預覽長什麼樣子。
- 找一位沒看過官網的人,請他從首頁找到菜單。
官網菜單:永久免費與標準方案比較
做官網菜單需要的功能,免費方案已經全部具備;標準方案則多了在家點餐、多語言,以及調整菜單外觀和分享樣式的彈性。
| 永久免費 | 標準方案 | |
|---|---|---|
| 價格 | 每月 0 美元,沒有到期日 | 可自由選擇的付費方案 |
| 官網用的僅供顯示連結 | 包含 | 包含 |
| 嵌入頁面(iframe) | 可以 | 可以 |
| 結構化菜單資料(schema.org) | 包含 | 包含 |
| 菜單上回到官網的連結 | 包含 | 包含 |
| 菜單語言 | 1 種 | 多種,含自動翻譯 |
| 從官網接外送與自取訂單 | 不包含 | 包含 |
| 透過 Stripe 線上付款 | 不包含 | 包含 |
| 自訂分享標題、副標題與圖片 | 不包含 | 包含 |
| 定時菜單 | 不包含 | 包含 |
| 菜單上的「Powered by MenuForma」標示 | 會顯示 | 可移除 |
| MenuForma 每筆訂單收費 | 無 | 無 |
官網菜單常見問題
可以把 MenuForma 菜單直接嵌入官網嗎?
可以,用架站工具的嵌入或 HTML 區塊,就能以 iframe 載入菜單頁面。只是在手機上,用按鈕打開僅供顯示連結通常比較好用,嵌入時建議在框架旁再放一個文字連結。
我改了價格,官網上的菜單也會跟著變嗎?
會。官網連的就是菜單本身,您在菜單管理做的修改都會出現在那裡,而且改品項、價格或照片都不會改到連結。
客人可以從官網點餐嗎?
永久免費方案的官網連結只供瀏覽,點餐要在店內用桌上或櫃檯的 QR Code。標準方案可以透過外送連結接外送或自取訂單,客人用 Stripe 線上付款或付現。MenuForma 不會從 Stripe 付款中抽取佣金,但 Stripe 的金流手續費仍會照收。
菜單放上官網,對搜尋排名有幫助嗎?
排名沒有人能保證。菜單頁面搜尋引擎讀得到,也帶有結構化菜單資料,填好網站欄位還會連回官網;但官網本身仍需要自己的餐廳介紹文字。
真的免費嗎?
真的。永久免費方案每月 0 美元、沒有到期日,不是試用,註冊也不用信用卡。僅供顯示連結、所有免費的 QR Code 類型和店內點餐都包含在內。
把菜單放上官網,說穿了就是一個連結加一個按鈕;之後只要更新菜單,官網上打開的就是目前的版本。免費註冊 MenuForma 帳號,用 AI 匯入或手動輸入建好菜單,再把僅供顯示連結複製貼到官網即可。
桌上的 QR Code 還沒做的話,可以參考一步步製作免費 QR Code 菜單的教學;想知道免費方案有哪些功能,請看免費 QR Code 菜單製作器。
相關文章
- 如何掃描 QR Code 菜單?iPhone 與 Android 手機掃碼教學
- 免費製作 QR Code 菜單教學:小吃店、飲料店到飯店都適用
- 香港與台灣餐廳 6 款多語言 QR 菜單系統比較:功能、語言交付與價格怎麼選