【LINE】圖文選單列表
此功能僅供標準版、商務版和零售方案使用
標準版不支援上傳客製化圖文和連結
圖文選單列表功能會在你與顧客的 LINE 對話窗下方裡顯示圖文選單,此選單會導向官網不同的頁面:官網導航列、首頁、購物車、訂單頁、帳號頁,可以自行額外的上傳圖片和設定連結導向,並且可以讓顧客收到成功下單和出貨成功的通知。
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1t0azb6.png)
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_wpdobt.png)
登入 LINE Bussiness ID → 點擊設定 → Messaging API → 啟用Messaging API
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_h3bm2j.png)
建立服務提供者(可填寫品牌商店名稱)
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_7pmdld.png)
這裡可留空白,直接點擊【確定】
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_7cxwkl.png)
再點擊【確定】,這樣就已經成功開啟Messaging API
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_gojmnh.png)
開啟完後的頁面,如圖下:
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_ru2ju2.png)
下方點選【LINE Developers】進入 LINE Developer 後台
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1kr4jci.png)
點擊 Console
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_ouo34o.png)
點選已建立好的 Messaging API channel
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_rabtew.png)
點擊【Messaging API】頁籤
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1iu4hf8.png)
滑至頁面最下方, 在 Channel access token 中,點擊 【Issue】
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1aqcq17.png)
已經成功獲得 Channel access token ,點擊 【複製】
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_kty5gu.png)
回到 EasyStore 後台 → 銷售管道 → LINE → 設定
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_d86ate.png)
拉到下方,把 Channel access token 貼在【存取權杖】裡 → 點擊儲存
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1n3zato.png)
你可參考 此文章 設定 LINE 訂單通知,不然以下藍框的「官網訂單」「顧客帳號」按鈕將無法正常運作
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_bp2ah4.png)
EasyStore 後台 → 銷售管道 → LINE → 圖文選單列表
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_lhgx2y.png)
確保圖文選單列表功能【開啟】中,輸入選單列文字(顯示於聊天室下方的選單列中的文字)
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1e33cs4.png)
點擊【+選單目錄】以新增圖文選單(此功能僅供商務版和零售方案使用)
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_o7m9yv.png)
上傳【目錄圖片】(建議尺寸:1500x600 px 或 2500x600 px)→ 輸入【網頁網址】(可輸入商品目錄或商品頁面網址)
可設定 2 個選單目錄
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_gmzpby.png)
點擊儲存,完成!
成功設定後,顧客與你的 LINE 聊天窗口裡下方即會出現圖文選單列表
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1t0azb6.png)
顧客點擊圖片即會導向所輸入的連結
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_wk89qu.png)
圖文選單列表裡會自動呈現以下 5 個按鈕,分別導向到官網導航列、官網首頁、購物車、官網訂單頁、官網帳號頁
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_13rkeb6.png)
顧客可以直接在 LINE 裡綁定官網帳號以接收訂單通知。你可參考這篇文章進行其餘設定: 【LINE】LINE 訂單通知
4.1 顧客點擊「官網訂單頁」或「官網帳號頁」按鈕就會出現需要綁定帳號的訊息
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_e6ibx.png)
4.2 顧客只要註冊/登入官網會員,就會出現「綁定成功」的訊息
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_z7071r.png)
4.3 「綁定成功」後,後續顧客成功下單、訂單更新出貨狀態都會在 LINE 裡通知顧客
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_afbwu4.png)
標準版不支援上傳客製化圖文和連結
圖文選單列表功能會在你與顧客的 LINE 對話窗下方裡顯示圖文選單,此選單會導向官網不同的頁面:官網導航列、首頁、購物車、訂單頁、帳號頁,可以自行額外的上傳圖片和設定連結導向,並且可以讓顧客收到成功下單和出貨成功的通知。
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1t0azb6.png)
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_wpdobt.png)
步驟一:設定 Message API
小提醒:若已經在 EasyStore 後台設定好【存取權杖】,請跳至步驟二:設定圖文選單列表功能
小提醒:若已經有 Messaging API Channel,請跳至 10.
登入 LINE Bussiness ID → 點擊設定 → Messaging API → 啟用Messaging API
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_h3bm2j.png)
建立服務提供者(可填寫品牌商店名稱)
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_7pmdld.png)
這裡可留空白,直接點擊【確定】
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_7cxwkl.png)
再點擊【確定】,這樣就已經成功開啟Messaging API
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_gojmnh.png)
開啟完後的頁面,如圖下:
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_ru2ju2.png)
下方點選【LINE Developers】進入 LINE Developer 後台
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1kr4jci.png)
點擊 Console
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_ouo34o.png)
點選已建立好的 Messaging API channel
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_rabtew.png)
點擊【Messaging API】頁籤
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1iu4hf8.png)
滑至頁面最下方, 在 Channel access token 中,點擊 【Issue】
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1aqcq17.png)
已經成功獲得 Channel access token ,點擊 【複製】
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_kty5gu.png)
回到 EasyStore 後台 → 銷售管道 → LINE → 設定
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_d86ate.png)
拉到下方,把 Channel access token 貼在【存取權杖】裡 → 點擊儲存
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1n3zato.png)
步驟二:設定 LINE 訂單通知
你可參考 此文章 設定 LINE 訂單通知,不然以下藍框的「官網訂單」「顧客帳號」按鈕將無法正常運作
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_bp2ah4.png)
步驟三:設定圖文選單列表功能
EasyStore 後台 → 銷售管道 → LINE → 圖文選單列表
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_lhgx2y.png)
確保圖文選單列表功能【開啟】中,輸入選單列文字(顯示於聊天室下方的選單列中的文字)
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1e33cs4.png)
點擊【+選單目錄】以新增圖文選單(此功能僅供商務版和零售方案使用)
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_o7m9yv.png)
上傳【目錄圖片】(建議尺寸:1500x600 px 或 2500x600 px)→ 輸入【網頁網址】(可輸入商品目錄或商品頁面網址)
可設定 2 個選單目錄
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_gmzpby.png)
點擊儲存,完成!
設定效果:
成功設定後,顧客與你的 LINE 聊天窗口裡下方即會出現圖文選單列表
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1t0azb6.png)
顧客點擊圖片即會導向所輸入的連結
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_wk89qu.png)
圖文選單列表裡會自動呈現以下 5 個按鈕,分別導向到官網導航列、官網首頁、購物車、官網訂單頁、官網帳號頁
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_13rkeb6.png)
顧客可以直接在 LINE 裡綁定官網帳號以接收訂單通知。你可參考這篇文章進行其餘設定: 【LINE】LINE 訂單通知
4.1 顧客點擊「官網訂單頁」或「官網帳號頁」按鈕就會出現需要綁定帳號的訊息
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_e6ibx.png)
4.2 顧客只要註冊/登入官網會員,就會出現「綁定成功」的訊息
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_z7071r.png)
4.3 「綁定成功」後,後續顧客成功下單、訂單更新出貨狀態都會在 LINE 裡通知顧客
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_afbwu4.png)
更新時間: 17/05/2024
感謝!