# 社群身份綁定—LIFF 設定

{% hint style="info" %}
若您需要使用到以下幾類功能，會需要設定綁定 LIFF ID（僅需設定一組，相關功能均可共同使用），功能包含：\
-社群身份綁定（不須六位數驗證碼）\
-關鍵字自動回覆（直接送出）\
-分享好友\
-會員卡模組（包含手機綁定）\
-發票模組
{% endhint %}

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2Fp6zGwepKvBFVIt5x9yad%2F%E6%88%AA%E5%9C%96%202025-12-09%20%E4%B8%8B%E5%8D%884.18.10.png?alt=media&#x26;token=4b7ee218-751c-4401-8911-9963a2678559" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FX3LgEdpDvwyktxfEBV4O%2F%E6%88%AA%E5%9C%96%202022-09-01%20%E4%B8%8B%E5%8D%887.50.46.png?alt=media&#x26;token=68edfddb-180b-4d86-ba22-9975fec2155e" alt=""><figcaption></figcaption></figure>

上圖中的「綁定 LIFF ID」需要進到 LINE Developer 後台內的 Login Channel 設定後取得。\
若不知道如何進入LINE Developer後台或尚未設定過Login Channel，請先點擊到[此教學頁面](https://docs.omnichat.ai/features/tong-xun-qu-dao/integrations/line-2.0/she-ding-liff-id-xian-she-ding-login-channel)設定 Login Channel。

若已有設定過 Login Channel，請先協助確認以下設定項目是否正確：

* **LINE Login Channel 是否有跟 Messaging API Channel 在同一個 Provider 下面**
* Developing 已有改為 Published（請參考[此步驟](https://docs.omnichat.ai/features/tong-xun-qu-dao/integrations/she-ding-liff-id-xian-she-ding-login-channel#bu-zhou-san-jiang-login-channel-diao-zheng-wei-published)）
* LINE Login 的 Linked OA 已有選到正確的 LINE OA 帳號（請參考[此步驟](https://docs.omnichat.ai/features/tong-xun-qu-dao/integrations/she-ding-liff-id-xian-she-ding-login-channel#bu-zhou-si-diao-zheng-login-channel-lian-jie-line-guan-fang-zhang-hao)）

{% hint style="danger" %}

1. **綁定 LIFF ID 與遊戲模組 LIFF ID 不能使用同一個**
2. **設定後會改走 LIFF 的綁定流程（只需掃 QR CODE）**
3. **設定完畢後社群身份綁定成功訊息以『Push API』發送，LINE 方會收推播訊息費用**
   {% endhint %}

確定上述設定項目皆正確後，請進到 Login Channel 點擊「LIFF」，並按下「Add」

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FHJpTFIZrrAmvhHrWmHiJ%2F%E6%88%AA%E5%9C%96%202022-03-31%20%E4%B8%8B%E5%8D%884.16.13.png?alt=media\&token=14cafe8b-be5c-4641-bc51-fe17d0d3c8cc)

{% hint style="success" %}
若您原本已經創建過 LIFF，可以直接點擊「Add」再新增一個 LIFF 哦
{% endhint %}

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FSnCEdKgtmnnkFQ3iC4Go%2F%E6%88%AA%E5%9C%96%202022-03-31%20%E4%B8%8B%E5%8D%884.15.20.png?alt=media\&token=424efd95-fa7f-4f4e-96be-30da4e90223a)

#### 步驟一：將 LIFF 內部資訊填寫完畢並新增

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FdUcwEyKnOWTi5hcLDSci%2F%E6%88%AA%E5%9C%96_2024-05-15_%E4%B8%8B%E5%8D%886_46_21.png?alt=media\&token=ecd08188-bece-4d9f-bf40-15ab39edcf55)

1. LIFF App name：可自訂該 LIFF 使用目的（顧客端看得見）
2. Size：選擇 Compact
3. Endpoint URL（請直接複製這段）：`https://pages.omnichat.ai/liff-bind.html?liffId=`
4. Scopes：勾選 profile、chat\_message\_write（勾選是會需要 Enable）、openid 三個均需要打開
5. Bot link feature：點選 On（Aggressive）
6. 將 Scan QR 打開
7. 按下「Add」

#### 步驟二：點擊進入剛剛創建好的 LIFF

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FDS9DfUaxCsRYtFLei0mE%2F%E6%88%AA%E5%9C%96%202024-05-15%20%E4%B8%8B%E5%8D%886.39.34.png?alt=media\&token=925dbf98-bcf7-485c-9170-a5917e94829f)

#### 步驟三：將 Endpoint URL 改成 <https://pages.omnichat.ai/liff-bind.html?liffId=，並按下> Update

等於符號的後面請帶入 LIFF ID，例如: <mark style="background-color:yellow;"><https://pages.omnichat.ai/liff-bind.html?liffId=1657064184-Yox2K7JW></mark>

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2F1eUy6VRIu7RpP2cTvl5I%2F%E6%88%AA%E5%9C%96%202024-05-15%20%E4%B8%8B%E5%8D%886.39.49.png?alt=media\&token=10df77f7-9fc3-4228-8358-0f4246ed6c32)

#### 步驟四：請確認在 LINE Login Chann 的 Basic setting 當中有點選設定到您的 LINE OA 帳號

請在 Basic setting 當中滑到頁面最下方的 Add Friend option 中，將 **Linked LINE Offcial Account** 選擇下拉式選單到您對應的 LINE OA 官方帳號中（請務必確認好此處連結，再進行下一個步驟）

<div><figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FAbKUSPr0TevODAgCRqoD%2FFAQ%20FIX%20-2.png?alt=media&#x26;token=4027c552-b782-4095-82b0-1140d1bd27f2" alt=""><figcaption></figcaption></figure> <figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2Fsat8cJeTjyY1UrFZNfoQ%2FFAQ%20FIX%20-1.png?alt=media&#x26;token=e2ee2df5-544a-4e87-bfd5-3dfc48dd4dd3" alt=""><figcaption></figcaption></figure></div>

{% hint style="danger" %}
如果您無法在 Lined LINE Offical Account 的下拉式選單中找尋到符合的 LINE 官方帳號，則代表您目前使用的 LINE Login Channel 並沒有與對應的 Messaing API Channel 在同一組 Provider 當中，會需要重新確認您目前在 LINE Developers 當中的權限狀態，可參考 [**LINE Developers 常見問題**](https://docs.omnichat.ai/features/tong-xun-qu-dao/integrations/line-2.0/line-developers-chang-jian-wen-ti)說明
{% endhint %}

#### 步驟五：回到 Omnichat 後台，進到「串接社群渠道」內的 LINE，點擊「編輯」後將 LIFF ID 填入並按下「儲存」

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FxDuVrVf8R1sPSTnozIcr%2F%E6%88%AA%E5%9C%96%202024-05-15%20%E4%B8%8B%E5%8D%886.40.19.png?alt=media&#x26;token=a6dd8e2d-ef66-44db-945f-451ec6395a0c" alt=""><figcaption></figcaption></figure>

#### 完成！當客人點擊官網上的「社群身份綁定」按鈕時，即可進到 LINE 官方帳號完成綁定！

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FtFRPiNZ9hSOe8DXeYpjT%2F%E6%88%AA%E5%9C%96%202022-03-31%20%E4%B8%8B%E5%8D%886.56.44.png?alt=media\&token=5b51b887-6c1f-4cc9-bf55-225e1d543ac5)
