> For the complete documentation index, see [llms.txt](https://docs.ezorderly.com/guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ezorderly.com/guide/importly/integration/lineliff.md).
# Line Liff 服務串接設定
執行步驟說明：
步驟一：至 [LINE Developers](https://developers.line.biz/zh-hant/) 後台設定 LINE LIFF 資訊
步驟二：完成本畫面的 Line Liff 串接
步驟三：至 [LINE Official Account](https://account.line.biz/login) 後台設定 圖文選單 資訊
## 步驟一：至 [LINE Developers](https://developers.line.biz/zh-hant/) 後台設定 LINE LIFF 資訊
### **創建提供者 Provider**
1\. 至 [LINE Developers](https://developers.line.biz/zh-hant/) 後台，點選右上角 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：請先輸入 \*\*
* Scopes：勾選 profile、openid，chat\_message.write不用勾選。
* Bot link feature：選擇 On (Normal)
* Options：不必啟用
填寫完畢後，點選右下角綠色按鈕 Add，成功新增 LIFF applications。
{% hint style="info" %}
Scopes若有出現email 選項，品牌可自行決定是否索取。
{% endhint %}
3\. 點選進入 剛新增的 LIFF applications。
* Endpoint URL: 請輸入 ID\*\*
###
### **Channel 權限設定**
1\. 點選 Roles 選單
2.點選「**I**nvite by mail」
* email：建議將 公司主管或負責人納入此管理權限中，並將ORDERLY負責窗口加入。
* Roles：主管或負責人、ORDERLY 窗口皆給予 Admin 權限。。
{% hint style="info" %}
ORDERLY 窗口僅作設定檢查，完成設定後，即可刪除。
{% endhint %}
最後記得將右上角 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](https://account.line.biz/login) 後台設定 圖文選單 資訊
登入 [LINE official account ](https://account.line.biz/login)後台，點選 左側的 聊天室相關中的 **圖文選單**。點選「建立」 開始設定。
{% hint style="info" %}
若本身已有內建圖文選單，可直接編輯新增一區塊放入 會員綁定內容。
{% endhint %}
### 顯示設定
* 標題：品牌名稱 會員專區
* 使用期間：即日起～2030/12/31 （建議拉長時間，以免選單過期失效）
* 選單列顯示文字：選單。
* 預設顯示方式：**隱藏**。
### 內容設定
1. 選擇版型：點選 **選擇版型**，建議可選擇 **小型-三格** 版型。
2\. 上傳背景圖片：依據設計規範製作素材後，將圖片上傳。
{% hint style="info" %}
❗ 素材製作，可參考 設計規範，下載尺寸範例製作，或參考[LINE 官方說明製作素材](https://tw.linebiz.com/manual/line-official-account/oa-manager-richmenu/)。
{% endhint %}
### A區塊動作設定
* 類型：選擇連結
* URL：請輸入 官網連結
* 動作標籤：
進入B 區塊 設定前，請至 LIFF applications 複製 LIFF URL 字串
### B區塊 動作設定
* 類型：選擇連結
* URL：請輸入 LIFF URL (範例: [https://liff.line.me/1656251382-yNwAXOBZ](https://developers.line.biz/console/channel/1656251382/liff/1656251382-yNwAXOBZ))
* 動作標籤：會員綁定
> 詳細操作步驟可見 [官方 LINE 圖文選單操作說明](https://tw.linebiz.com/manual/line-official-account/oa-manager-richmenu/)
### C區塊 動作設定
* 類型：選擇 文字
* 動作標籤：與我聯繫
點選「儲存」，即可完成圖文選單設定。
**完成上述三步驟綁定後，可進入LINE官方帳號，點選圖文選單，查看綁定內容。**
**點選圖文選單後，即顯示以下認證畫面。**
點選許可後，進入會員綁定畫面。
