LINE 圖文選單教學

圖文選單（Rich Menu）是 LINE 官方帳號底部的互動式選單，顧客點擊選單上的區塊即可觸發預約、開啟連結、查詢點數等動作。OptibookingPlatform 提供完整的圖文選單管理功能，讓您輕鬆設計、編輯和發佈選單。

預計完成時間：10 ~ 20 分鐘

---

前置準備

在建立圖文選單之前，請確認以下事項已完成：

- [x] 已完成設定精靈的 Step 4（LINE Messaging API 設定）

- [x] LINE Channel Access Token 已正確設定

- [x] 準備好選單的背景圖片（建議解析度見下方說明）

---

進入圖文選單管理

1. 登入 OptibookingPlatform 後台

2. 在左側選單中找到並點擊 「圖文選單」

3. 進入圖文選單管理頁面，可以看到所有已建立的選單

---

建立新選單

步驟

1. 在圖文選單管理頁面，點擊 「新增圖文選單」 按鈕

2. 系統會彈出一個對話框，讓您選擇 選單版面

選擇版面（Template）

系統提供 6 種預設版面，選擇最符合您需求的配置：

3. 選好版面後，點擊 「建立」，系統會自動進入編輯頁面

---

編輯選單設定

進入編輯頁面後，您會看到三個主要區域：

- 左側：選單導覽列

- 中間：完整編輯區

- 右側：手機預覽畫面（可開關）

基本設定

選單列文字建議

選單列文字是顧客在 LINE 聊天室底部看到的文字，點擊後會展開圖文選單。建議使用簡短明瞭的文字，例如：

- 「點我預約」

- 「開啟選單」

- 「查看服務」

變更版面

如果想更換版面，可以在編輯頁面的設定區域中切換。

> 注意：切換版面可能會導致已設定的區塊動作重置，請謹慎操作。

---

上傳背景圖片

背景圖片是圖文選單的視覺主體，顧客會看到這張圖片作為選單的外觀。

圖片規格

上傳步驟

1. 在編輯頁面找到圖片上傳區域

2. 點擊上傳 或 拖曳圖片 到上傳區域

3. 系統會自動：

- 調整圖片尺寸至正確大小

- 轉換為 JPEG 格式

- 壓縮至 1MB 以下（LINE 的上限）

4. 上傳完成後，可以在預覽區域看到圖片效果

5. 圖片上會疊加顯示各區塊的分隔線，方便您確認區塊位置

設計建議

- 每個區塊內放置明確的圖示和文字標示

- 區塊之間建議用不同顏色或分隔線區分

- 文字要夠大、夠清楚，方便手機使用者閱讀

- 可以使用 Canva 等設計工具，根據上述尺寸製作圖片

---

設定區塊動作

每個區塊都可以設定一個動作，當顧客點擊該區塊時就會觸發對應的功能。

動作類型

設定方式

1. 在編輯頁面中，點擊圖片上的某個**區塊**，或從區塊列表中選擇

2. 選擇該區塊的**動作類型**

3. 根據動作類型填寫相應的設定值

---

動作類型詳細說明

開啟連結（URI）

讓顧客點擊後開啟指定的網址或撥打電話。

快速連結預設：系統提供常用連結，點擊即可快速套用：

您也可以手動輸入任意的 https:// 網址或 tel: 電話連結。

發送文字（Message）

顧客點擊後，會在聊天室中自動發送一段文字訊息。

常用預設關鍵字：

您也可以自訂任何文字內容。

切換選單（RichMenuSwitch）

點擊後切換顯示另一個圖文選單。適合設計多層選單，例如主選單和子選單。

設定方式：

1. 選擇「切換選單」動作類型

2. 從下拉選單中選擇要切換到的**目標選單**

3. 目標選單必須是**已發佈**的狀態才能正常切換

> 注意：如果目標選單尚未發佈，系統會顯示警告提示。請先發佈目標選單再設定切換動作。

自動回覆（Auto Reply）

點擊後，系統會自動發送精美的卡片訊息給顧客。每個區塊最多可設定 5 張卡片。

詳細說明請參考下方 [進階功能：自動回覆卡片](#進階功能自動回覆卡片) 段落。

---

發佈選單到 LINE

編輯完成後，需要將選單發佈到 LINE 才會生效。

發佈前檢查

系統在發佈前會檢查以下條件：

- [x] LINE Channel Access Token 已設定

- [x] 背景圖片已上傳

- [x] 至少有一個區塊設定了動作

發佈步驟

1. 確認所有設定無誤

2. 點擊 「發佈」 按鈕

3. 系統會自動執行以下流程：

- 將選單資料上傳到 LINE

- 上傳背景圖片

- 建立選單別名（用於選單切換功能）

- 若設為預設選單，會套用到所有好友

4. 發佈成功後，選單狀態會變為 「已發佈」

> 發佈過程可能需要數秒鐘，請耐心等待。

修改已發佈的選單

如果需要修改已發佈的選單：

1. 進入編輯頁面進行修改

2. 點擊 「儲存並重新發佈」 按鈕

3. 系統會自動更新 LINE 上的選單

---

管理已發佈的選單

選單狀態

取消發佈

如果想要將選單從 LINE 上移除：

1. 在選單管理頁面找到已發佈的選單

2. 點擊 「取消發佈」

3. 選單會回到草稿狀態

> 注意：如果有其他選單設定了「切換到此選單」的動作，系統會阻止取消發佈，並列出引用此選單的選單名稱。請先修改或移除那些引用再取消發佈。

刪除選單

只有 草稿狀態 的選單可以刪除。如果要刪除已發佈的選單，需要先取消發佈。

---

進階功能：自動回覆卡片

自動回覆是圖文選單最強大的功能之一。當顧客點擊設定為「自動回覆」的區塊時，系統會發送精美的卡片訊息。

卡片類型

1. 純文字卡片

最簡單的卡片類型，發送一段純文字訊息。

適用場景：簡單的文字回覆、公告、說明

2. 圖片卡片

發送一張圖片。

適用場景：產品照片、活動海報、價目表

3. Flex 訊息卡片（Bubble）

精美的結構化卡片，可包含：

- 標題區塊：彩色標題列（可自訂顏色）

- 內文區塊：多行文字（可調整大小和粗細）

- 按鈕區塊：可點擊的動作按鈕（可自訂顏色和樣式）

適用場景：預約引導、品牌介紹、促銷活動

4. Flex 輪播卡片（Carousel）

多張 Flex 卡片組成的輪播，顧客可以左右滑動瀏覽。

適用場景：服務項目展示、多項活動介紹

卡片範本

系統提供多種預設範本，可以快速套用：

動態變數

卡片內容可以使用動態變數，系統會自動替換為實際值：

使用範例：在卡片文字中輸入 {memberName} 您好，歡迎光臨 {shopName}！，顧客看到的訊息會自動替換為 王小明 您好，歡迎光臨光明眼鏡行！

---

常見問題

Q：圖文選單一次可以建立幾個？

依您的方案不同有不同的上限。系統會在您超過上限時提示。

Q：為什麼我的選單發佈後顧客看不到？

請確認以下事項：

1. 選單是否設為 「預設選單」？只有預設選單會自動顯示給所有好友

2. LINE Channel Access Token 是否正確？

3. 顧客是否有加入您的 LINE 官方帳號為好友？

Q：可以同時有多個選單嗎？

可以。您可以建立多個選單，並透過「切換選單」功能讓顧客在不同選單之間切換。但同一時間只能有 一個預設選單。

Q：修改已發佈的選單後，顧客會馬上看到更新嗎？

點擊「儲存並重新發佈」後，LINE 會在短時間內更新選單。通常幾秒內顧客就會看到新版本。

Q：背景圖片上傳失敗怎麼辦？

1. 確認圖片格式為 PNG、JPEG 或 WebP

2. 確認圖片尺寸接近建議尺寸（2500 × 1686 或 2500 × 843）

3. 系統會自動壓縮圖片，但如果原始圖片品質過高可能壓縮後仍超過 1MB，請嘗試降低圖片品質後重新上傳

Q：「取消發佈」和「刪除」有什麼不同？

- 取消發佈：從 LINE 上移除選單，但保留在系統中（回到草稿狀態），可以再次編輯和發佈

- 刪除：徹底從系統中移除選單（僅限草稿狀態的選單）

Q：切換選單時目標選單顯示「未發佈」怎麼辦？

「切換選單」功能需要目標選單是已發佈的狀態。請先發佈目標選單，再回來設定切換動作。

Q：自動回覆最多可以放幾張卡片？

每個區塊最多可以設定 5 張卡片。卡片會按照設定的順序依次發送。

Q：圖文選單的背景圖片可以用什麼工具設計？

推薦使用以下工具：

- Canva（免費版即可）：提供豐富的模板，設定自訂尺寸即可

- Figma（免費版即可）：更靈活的設計工具

- PowerPoint / Keynote：設定投影片大小為 2500×1686 像素後匯出為圖片

設計時請注意根據您選擇的版面，在對應的區塊位置放上圖示和文字說明。