設定 LINE 圖文選單¶

建立與設定 LINE 圖文選單，讓顧客可透過官方帳號快速導覽商品、會員中心與導購頁面。

| 專業 PLUS / 進階 PLUS / 高手 PLUS / 企業

什麼是 LINE 圖文選單¶

LINE 圖文選單 是推廣商品與引導消費者快速查找資料的重要工具。您可以透過選單配置「關鍵字搜尋商品」、「會員資料查看」或「導購連結」等功能。

以下為 LINE 圖文選單的詳細設定說明與教學：

設定前置準備¶

在開始設定前，請確保完成以下事項：

• 方案確認：確認您目前使用的 LINE OA 方案 支援 API 串接。

• API 串接：須先完成 LINE Messaging API 的串接 設定。

• 連結規範：圖文選單的連結 請勿使用短網址，以免導致代碼失效。

建立圖文選單步驟¶

1. 進入 LINE 管理後台：登入 LINE Official Account Manager ，選擇您的官方帳號。

2. 建立選單項目：從左側選單選擇 聊天室相關 > 圖文選單，點選 建立圖文選單。

3. 設定基本資訊：

   • 標題：供內部辨識，顧客不會看到。

   • 使用期間：設定選單要在何時顯示。

   • 選單列顯示文字：顯示於聊天室最下方的按鈕文字（如：點我看更多）。

   • 預設顯示方式：可選擇預設展開或隱藏。

4. 設定版型與圖片：

   • 選擇適合的 版型 分塊方式。

   • 上傳圖片：支援 JPG、JPEG、PNG，容量須在 1 MB 以下。

   • 圖片尺寸建議：共有 2500x1786、1200x810、800x540 等六種規格（單位 px）。

詳細設定流程，請參閱 LINE 官方說明文件 。

設定圖文選單動作¶

在設定各區塊的動作時，通常選擇類型為 連結。

• 連結網址： 請輸入欲導流之目標頁面的完整連結（須包含 https://）。
• 動作標籤： 無障礙支援，在適用情況下將以語音朗讀此處說明文字；在不支援的裝置上只會顯示文字。

請依需求選擇以下對應連結：

常用功能路徑對照表¶

將下方的 網址代號 接在您的官網網域之後即可生效（例如：https://www.yourshop.com/account）。

連結組合規範與範例¶

根據顧客瀏覽的目的與身分驗證需求，請選擇對應的連結構造方式：

一般瀏覽模式 (不強制登入)¶

若希望顧客不經過 LINE 帳號綁定即可直接瀏覽頁面，請使用標準格式。

• 構造公式：https://[你的網域]/[網址代號]

• 範例：https://testtest.co/collections/all

特定頁面直連¶

若欲導流至特定商品頁、群組頁或自訂頁面，請直接複製該頁面的完整 URL。

• 範例：https://testtest.co/products/summer-sale

OMO 實體門市應用¶

若於選單設置「會員卡」按鈕，方便顧客在線下結帳時出示，請使用專屬路徑。

• 連結網址：https://你的網址/account/id_barcode

• 前提條件：需確認系統方案已啟用 CYBERBIZ POS 功能並已完成 LINE 會員綁定設定 。

會員帳號綁定機制（建議）¶

為了確保系統能發送自動化的 訂單通知 與 物流狀態更新，建議將選單中具備會員性質的區塊（如：會員中心）設定為「自動綁定連結」。

設定資訊¶

• 綁定連結：https://[你的網域]/customer/auth/line?line_action=line_login

運作邏輯說明¶

• 尚未綁定者：點擊後會觸發 LINE 授權畫面，完成授權即自動完成官網會員綁定，隨後導向登入狀態頁面。

• 已完成綁定者：點擊後會直接以「登入狀態」進入目標頁面，提升購物體驗。

如何確認圖文選單已成功顯示¶

完成設定後，請於手機開啟 LINE App 並確認：

• 官方帳號聊天室底部顯示圖文選單
• 點擊選單可正確導向指定頁面
• 已設定期間的選單於指定時間顯示

後續操作¶

常見問題¶