【LINE】圖文選單列表
此功能僅供標準版、商務版和零售方案使用
標準版不支援上傳客製化圖文和連結
圖文選單列表功能會在你與顧客的 LINE 對話窗下方裡顯示圖文選單,此選單會導向官網不同的頁面:官網導航列、首頁、購物車、訂單頁、帳號頁,可以自行額外的上傳圖片和設定連結導向,並且可以讓顧客收到成功下單和出貨成功的通知。


登入 LINE Bussiness ID → 點擊設定 → Messaging API → 啟用 Messaging API

建立服務提供者(可填寫品牌商店名稱)

這裡可留空白,直接點擊【確定】

再點擊【確定】,這樣就已經成功開啟Messaging API

開啟完後的頁面,如圖下:

下方點選【LINE Developers】進入 LINE Developer 後台

點擊 Console

點選已建立好的 Messaging API channel

點擊【Messaging API】頁籤

滑至頁面最下方, 在 Channel access token 中,點擊 【Issue】

已經成功獲得 Channel access token ,點擊 【複製】

回到 EasyStore 後台 → 銷售管道 → LINE → 設定

拉到下方,把 Channel access token 貼在【存取權杖】裡 → 點擊儲存

你可參考 此文章 設定 LINE Webhook,不然以下藍框的「官網訂單」「顧客帳號」按鈕將無法正常運作,也無法收到 LINE 通知

EasyStore 後台 → 銷售管道 → LINE → 圖文選單列表

確保圖文選單列表功能【開啟】中,輸入選單列文字(顯示於聊天室下方的選單列中的文字)

點擊【+選單目錄】以新增圖文選單(此功能僅供商務版和零售方案使用)

上傳【目錄圖片】(建議尺寸:1500x600 px 或 2500x600 px)→ 輸入【網頁網址】(可輸入商品目錄或商品頁面網址)
可設定 2 個選單目錄

點擊儲存,完成!
成功設定後,顧客與你的 LINE 聊天窗口裡下方即會出現圖文選單列表

顧客點擊圖片即會導向所輸入的連結

圖文選單列表裡會自動呈現以下 5 個按鈕,分別導向到官網導航列、官網首頁、購物車、官網訂單頁、官網帳號頁

顧客可以直接在 LINE 裡綁定官網帳號以接收訂單通知。你可參考這篇文章進行其餘設定: 【LINE】LINE 訂單通知
4.1 顧客點擊「官網訂單頁」或「官網帳號頁」按鈕就會出現需要綁定帳號的訊息

4.2 顧客只要註冊/登入官網會員,就會出現「綁定成功」的訊息

4.3 「綁定成功」後,後續顧客成功下單、訂單更新出貨狀態都會在 LINE 裡通知顧客

標準版不支援上傳客製化圖文和連結
圖文選單列表功能會在你與顧客的 LINE 對話窗下方裡顯示圖文選單,此選單會導向官網不同的頁面:官網導航列、首頁、購物車、訂單頁、帳號頁,可以自行額外的上傳圖片和設定連結導向,並且可以讓顧客收到成功下單和出貨成功的通知。


步驟一:設定 Message API Channel / Channel Access Token (存取權杖)
小提醒:若已經有 Messaging API Channel,請跳至 10 設定 Channel Access Token (存取權杖)
登入 LINE Bussiness ID → 點擊設定 → Messaging API → 啟用 Messaging API

建立服務提供者(可填寫品牌商店名稱)

這裡可留空白,直接點擊【確定】

再點擊【確定】,這樣就已經成功開啟Messaging API

開啟完後的頁面,如圖下:

下方點選【LINE Developers】進入 LINE Developer 後台

點擊 Console

點選已建立好的 Messaging API channel

點擊【Messaging API】頁籤

滑至頁面最下方, 在 Channel access token 中,點擊 【Issue】

已經成功獲得 Channel access token ,點擊 【複製】

回到 EasyStore 後台 → 銷售管道 → LINE → 設定

拉到下方,把 Channel access token 貼在【存取權杖】裡 → 點擊儲存

步驟二:設定 LINE 訂單通知
你可參考 此文章 設定 LINE Webhook,不然以下藍框的「官網訂單」「顧客帳號」按鈕將無法正常運作,也無法收到 LINE 通知

步驟三:設定圖文選單列表功能
EasyStore 後台 → 銷售管道 → LINE → 圖文選單列表

確保圖文選單列表功能【開啟】中,輸入選單列文字(顯示於聊天室下方的選單列中的文字)

點擊【+選單目錄】以新增圖文選單(此功能僅供商務版和零售方案使用)

上傳【目錄圖片】(建議尺寸:1500x600 px 或 2500x600 px)→ 輸入【網頁網址】(可輸入商品目錄或商品頁面網址)
可設定 2 個選單目錄

點擊儲存,完成!
設定效果:
成功設定後,顧客與你的 LINE 聊天窗口裡下方即會出現圖文選單列表

顧客點擊圖片即會導向所輸入的連結

圖文選單列表裡會自動呈現以下 5 個按鈕,分別導向到官網導航列、官網首頁、購物車、官網訂單頁、官網帳號頁

顧客可以直接在 LINE 裡綁定官網帳號以接收訂單通知。你可參考這篇文章進行其餘設定: 【LINE】LINE 訂單通知
4.1 顧客點擊「官網訂單頁」或「官網帳號頁」按鈕就會出現需要綁定帳號的訊息

4.2 顧客只要註冊/登入官網會員,就會出現「綁定成功」的訊息

4.3 「綁定成功」後,後續顧客成功下單、訂單更新出貨狀態都會在 LINE 裡通知顧客

更新時間: 05/12/2024
感謝!