Line Liff 服務串接設定

LINE LIFE 綁定 可透過品牌LINE@圖文選單,做會員綁定取得其LINE UID,作為後續分眾行銷、投放訊息之用。

執行步驟說明:

步驟一:至 LINE Developers 後台設定 LINE LIFF 資訊

步驟二:完成本畫面的 Line Liff 串接

步驟三:至 LINE Official Account 後台設定 圖文選單 資訊

步驟一:至 LINE Developers 後台設定 LINE LIFF 資訊

創建提供者 Provider

1. 至 LINE Developers 後台,點選右上角 Log in,選擇「使用 LINE 帳號登入」,利用個人 LINE 帳號登入即可。

2.創建提供者 Provider:捲動至頁面下方,點選綠色按鈕 Create a new provider

3. 填入提供者名稱(Provider name):『品牌名稱』,再點選左下綠色按鈕 Create,完成建立 Provider

創建 Channel

1. 創建 Provider 之後,就可以在左側選單的 Admin 項下,點選 Provider 的名字。

2. 點選左側 Create a LINE Login channel

3. 依指示填寫完各欄位後,點選左下綠色按鈕 Create,完成創建 Channel

  • Region:請選Taiwan

  • Channel icon 建議使用品牌 LOGO

❗注意!LOGO 與Channel name、Channel description將會顯示給顧客看到,建議使用品牌名稱與建議文案。

  • Channel name 建議使用『品牌名稱』 會員助手

  • Channel description :在LINE中取得專屬顧客服務

  • App Types:勾選 Web app

  • Email address:填入 客服信箱

  • Privacy policy URL:請填入品牌官網隱私權條款 連結

  • Terms of use URL:請填入品牌官網 服務條款 連結

完成上述欄位填寫後,點選「 Create 」,即可完成 Channel 建置。

創建 LINE LIFF

點選 Create,完成 Channel 建置後,系統會跳轉至「品牌名稱」會員助手的 Basic setting 頁面。

1. 於上方選單中,點選 LIFF 頁籤,再點選下方綠色按鈕 Add 創建 LINE LIFF。

2. 依指示填寫各欄位

  • LIFF app name:填入『品牌名稱』會員助手

  • Size:選擇 Tall

  • Endpoint URL:請先輸入 https://ezorderly.com/line/

  • Scopes:勾選 profile、openid,chat_message.write不用勾選。

  • Bot link feature:選擇 On (Normal)

  • Options:不必啟用

填寫完畢後,點選右下角綠色按鈕 Add,成功新增 LIFF applications。

Scopes若有出現email 選項,品牌可自行決定是否索取。

3. 點選進入 剛新增的 LIFF applications。

  • Endpoint URL: 請輸入 https://ezorderly.com/line/LIFF ID

Channel 權限設定

1. 點選 Roles 選單

2.點選「Invite by mail」

  • email:建議將 公司主管或負責人納入此管理權限中,並將ORDERLY負責窗口加入。

  • Roles:主管或負責人、ORDERLY 窗口皆給予 Admin 權限。。

ORDERLY 窗口僅作設定檢查,完成設定後,即可刪除。

最後記得將右上角 developing 切換為 publish,才能正式啟用唷!

步驟二:完成系統內 Line Liff 串接

1.請於 LIFF applications 複製 LIFF ID 字串

2. 登入系統,服務串接設定,點選 LINE Liff 進入完成綁定。

綁定內容如下:

  • LIFF ID: 請貼上 LIFF ID 字串

  • Endpoint URL: 唯讀,無需輸入。

  • 綁定呼籲詞: 請輸入手機,在 Line 中領取會員限定好禮

  • 綁定按鈕文字:會員綁定

  • 綁定感謝詞:感謝您完成綁定,官網輸入#12345,現折xxx元!

  • 感謝按鈕文字:完成綁定

完成綁定後,LINE 會員綁定 畫面顯示範例如下

步驟三:至 LINE Official Account 後台設定 圖文選單 資訊

登入 LINE official account 後台,點選 左側的 聊天室相關中的 圖文選單。點選「建立」 開始設定。

若本身已有內建圖文選單,可直接編輯新增一區塊放入 會員綁定內容。

顯示設定

  • 標題:品牌名稱 會員專區

  • 使用期間:即日起~2030/12/31 (建議拉長時間,以免選單過期失效)

  • 選單列顯示文字:選單。

  • 預設顯示方式:隱藏

內容設定

  1. 選擇版型:點選 選擇版型,建議可選擇 小型-三格 版型。

2. 上傳背景圖片:依據設計規範製作素材後,將圖片上傳。

❗ 素材製作,可參考 設計規範,下載尺寸範例製作,或參考LINE 官方說明製作素材

A區塊動作設定

  • 類型:選擇連結

  • URL:請輸入 官網連結

  • 動作標籤:

進入B 區塊 設定前,請至 LIFF applications 複製 LIFF URL 字串

B區塊 動作設定

詳細操作步驟可見 官方 LINE 圖文選單操作說明

C區塊 動作設定

  • 類型:選擇 文字

  • 動作標籤:與我聯繫

點選「儲存」,即可完成圖文選單設定。

完成上述三步驟綁定後,可進入LINE官方帳號,點選圖文選單,查看綁定內容。

點選圖文選單後,即顯示以下認證畫面。

點選許可後,進入會員綁定畫面。

Last updated