# LINE 圖文選單

{% hint style="warning" %}

1. 如果您在 LINE OA 後台已有設定圖文選單，之後進到 Omnichat 後台來進行設定並進行發布時，會以 **Omnichat 所設定的圖文選單為主**。
2. 由於透過 「Messaging API」 設定圖文選單，消費者實際看到的選單可能與此有所差異，Omnichat 建議還是以其中一邊後台來進行設定，以免混淆唷！
   {% endhint %}

### 步驟一：新增圖文選單

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FQCEQcpWGzlfQVmWgiPU6%2F01.png?alt=media\&token=d3bc67a9-c75f-40f1-8e69-5d40bb01ebd5)

### 步驟二：設定圖文選單

以下將依序說明圖文選單各項目功能：

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FbT8s3fij9LkWH5T5nJ3B%2F%E6%88%AA%E5%9C%96%202024-07-24%20%E4%B8%8A%E5%8D%8810.56.09.png?alt=media&#x26;token=137cd436-1bc0-4919-956c-4245d5000c89" alt=""><figcaption></figcaption></figure>

1. &#x20;LINE 官方帳號（必填）：可以選定是要製作在哪一個 LINE OA 官方帳號
2. 名稱（必填）：是針對這個圖文選單活動命名，僅在後台顯示，不會讓客人看到（字數最多為300字）
3. 選單類型（必填）：主要選單為進到 LINE 官方帳號見到的第一個圖文選單；次要選單為另一個圖文選單
4. 根據好友完成不同動作可以看到不同的圖文選單
   * 預設：為全部加入 LINE 官方帳號可以看到的圖文選單
   * 自訂：**提供三種不同的條件**
     * **貼上標籤**：顧客 <mark style="background-color:blue;">**「被貼上」 特定標籤**</mark>時觸發切換圖文選單
     * 勾選社群身份綁定當已經 <mark style="background-color:blue;">**完成「社群身份綁定**</mark>**」** 的消費者 LINE 帳號會優先看到該圖文選單
     * 如您的團隊有購買 OMO 方案，<mark style="background-color:blue;">**完成 「OMO 綁定」**</mark> 的消費者 LINE 帳號會優先看到該圖文選單

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FLNgzyECtQ6T278L0Ogg7%2F%E6%88%AA%E5%9C%96%202024-07-24%20%E4%B8%8B%E5%8D%8812.17.43.png?alt=media&#x26;token=96b80682-701e-469a-a6bf-771b6938eca0" alt=""><figcaption><p>左邊為非 OMO 方案客戶看到畫面 / 右邊為有 OMO 方案會看到的自訂選項</p></figcaption></figure>

* 若選單條件為 「符合任一」 ：設定的標籤已作為其他選單條件，則無法以該標籤做為符合任一條件建立新選單
* 若選單條件為 「符合全部」 ：觸發時機為客戶同時被貼上所有標籤時切換選單

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FUo5HZeqeAAzqn4bHu0pM%2F%E6%88%AA%E5%9C%96%202024-07-24%20%E4%B8%8B%E5%8D%8812.21.39.png?alt=media&#x26;token=b52eeff6-1def-441a-87e4-3f1ec4aae1d1" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**「OMO 綁定」跟 「社群身份綁定」只會擇一彈出選擇**&#x20;

三種自訂條件的切換排序：&#x20;

－**有 OMO 方案：標籤 > OMO 綁定 > 預設**&#x20;

－**無 OMO 方案：標籤 > 社群身份綁定 > 預設**

舉 「有OMO方案」 為例：若後台同時設定兩種選單

1. 選單A（依標籤為切換條件）：身上有 「標籤一」的人，會切換成A選單
2. 選單B（依OMO綁定為切換條件）：有完成OMO綁定者，會切換B選單

* 假如顧客身上同時有 「標籤一」 且 「完成OMO綁定」，系統因檢查第一層標籤條件（有符合），就會先切換A選單。
* 假如顧客身上「沒有標籤一」，但有 「完成OMO綁定」，由於系統檢查第一層標籤條件（不符合），就會接續檢查第二層OMO綁定條件（有符合），而改切換B選單。
* 假如顧客身上 「沒有標籤一」，且「未完成OMO綁定」，系統第一層、第二層檢查條件都不符合，就會出現預設選單。
  {% endhint %}

5. 啟用時間：

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FXLbdu9rCrzPxmw86ueD2%2F%E6%88%AA%E5%9C%96%202022-11-08%20%E4%B8%8A%E5%8D%8810.27.43.png?alt=media&#x26;token=787ece9f-6b11-4d98-a552-b2b9c0cf2b7b" alt=""><figcaption></figcaption></figure>

* 立即：可以是立即出現在 LINE 官方帳號底下圖文選單&#x20;
* 排程：將配合行銷活動的圖文選單先行製作，並設定開始與結束時間

{% hint style="info" %}

1. 排程時間不能與其他帶有排程的圖文選單 時間重疊
2. 排程開始及結束時間需要設定比現在時間 <mark style="color:red;">**晚一分鐘以上**</mark>

   例如：設定時間為 12/28 11:30 ，排程開始時間，需設定**於&#x20;**<mark style="color:red;">**12/28 11:31 分後**</mark>，結束時間同理且不得早於開始時間
3. 若需要設計多頁圖文選單，請<mark style="color:red;">**先設計主要選單，再進行設計次要選單**</mark>
   {% endhint %}

6\. 預設顯示：客人進到 LINE 官方帳號時，圖文選單為展開狀態或收合狀態

7\. 設定圖文選單樣板

***自訂版型：可以在預覽頁面新增自定義區塊，且新增預覽區塊的英文順序對應下方行動的英文標題順序。***

8\. 編輯選單列可顯示文字，右邊預覽可確認編輯後的圖文樣式（字數最多為14字）

9\. 上傳檔案：圖片格式需為 2500x1686 pixel，格式需為 JPEG、JPG、PNG，檔案大小為 1 MB&#x20;

{% hint style="info" %}
目前暫時支援一種格式，無支援其他 LINE OA 後台樣版格式
{% endhint %}

10\. 定義行動：可選「文字訊息」、「開啟 URL」、「機器人模組」、「切換圖文選單」 四種行動

* 文字訊息

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FGEZeuatuP9q1N0Wd0ZLz%2F%E6%88%AA%E5%9C%96%202025-04-28%20%E4%B8%8B%E5%8D%886.03.40.png?alt=media&#x26;token=bc4a162b-2ec1-4bdf-a0cb-38e051dfc383" alt="" width="563"><figcaption><p>文字訊息</p></figcaption></figure>

* 開啟 URL：
  * 支援貼標（最多20個），須先設定 Line 綁定 Liff ID（請參考[綁定Liff設定教學](https://docs.omnichat.ai/features/tong-xun-qu-dao/integrations/line-2.0/she-qun-shen-fen-bang-ding-liff-she-ding)）。
  * 『https\://』 網址，不能追加任何其他非網址的文字訊息

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FRuD1SWDGybhDnnlMOUQ4%2F%E9%96%8B%E5%95%9FURL%E9%9C%80Liff.jpg?alt=media&#x26;token=f745dff0-5ae7-4e19-86eb-aa1961e57d6b" alt=""><figcaption><p>開啟URL</p></figcaption></figure>

{% hint style="warning" %}

1. 若您先前已設定過Endpoint URL，現希望在圖文選單中使用貼標功能，請務必再次確認LIFF設定教學中的「[步驟三](https://docs.omnichat.ai/features/tong-xun-qu-dao/integrations/line-2.0/she-qun-shen-fen-bang-ding-liff-she-ding#bu-zhou-san-jiang-endpoint-url-gai-cheng-httpspages.omnichat.ailiffbind.htmlliffidliffid-bing-an-xia)」是否為正確的Endpoint URL。
2. 以下網址**不支援貼標**（即使設定有放入標籤）：
   * liff 連結，如：<https://liff.line.me/> 或 <line://app/>
   * [https://ig.me](https://ig.me/)
   * tel:
     {% endhint %}

<div><figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FNEugv1BCxQxQYygArNvR%2F%E6%88%AA%E5%9C%96%202025-04-28%20%E4%B8%8B%E5%8D%8811.50.16.png?alt=media&#x26;token=acf8c6ac-b2a9-46cb-9b32-2af2466d0021" alt=""><figcaption><p>tel:網址不支援貼標（放置的標籤無法貼上）</p></figcaption></figure> <figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2F6aoMr5uvXds9vTtlpYB3%2FIMG_3878.PNG?alt=media&#x26;token=b8dd6cbc-37b8-4b72-8777-9543c7b18e22" alt="" width="188"><figcaption><p>點擊tel: 畫面</p></figcaption></figure></div>

* 機器人模組：支援貼標（最多 20個）; 文字訊息為客人點擊後顯示的文字內容（非必填）&#x20;

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FXMP5D5EgdLzLD72ixLts%2F%E6%88%AA%E5%9C%96%202025-04-28%20%E4%B8%8B%E5%8D%8811.22.51.png?alt=media&#x26;token=1ea685f9-7081-42ff-aa1a-f4eb6e536e5e" alt="" width="563"><figcaption><p>機器人模組</p></figcaption></figure>

* 切換圖文選單：支援貼標（最多 20個）

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FjSuyksOBRvSRYxmwOY1I%2F%E6%88%AA%E5%9C%96%202025-04-28%20%E4%B8%8B%E5%8D%8811.32.11.png?alt=media&#x26;token=ef204270-eb83-4fa1-964f-ae703119556f" alt="" width="563"><figcaption><p>切換圖文選單</p></figcaption></figure>

目前所在圖文選單是主要選單，在定義行動中第一時間會沒有關聯的次要選單可以選擇，並同時會跳出提示訊息告知您下一步行動。

### 步驟三：設定完成

圖文選單設定完成後可以選擇進行『儲存』或是『發佈』

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FOxXNGM0gkSYfDaNunbB5%2F%E6%88%AA%E5%9C%96%202022-07-28%20%E4%B8%8B%E5%8D%886.55.02.png?alt=media\&token=16ac67d6-d60d-404a-867e-a723de84e7e5)

1. 『儲存』：該圖文選單會進入『草稿』，可返回圖文選單列表點擊鉛筆圖示進行編輯
2. 『發佈』：該圖文選單會進入『排程中』，排程中的圖文選單無法編輯啟用時間、也無法儲存設定，只能直接發佈更新內容，**若要更改啟用時間須先將圖文選單暫停或結束**。

### 步驟四：設定次要選單

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2F1WikK1nOV6sueV87mH4q%2F%E6%88%AA%E5%9C%96%202022-07-28%20%E4%B8%8B%E5%8D%886.57.25.png?alt=media\&token=ec6549d7-3ae6-4392-8c46-5eea3ec0a39f)

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FZ1XOoYkoasAxJzaHga2k%2F%E6%88%AA%E5%9C%96%202023-08-28%20%E4%B8%8A%E5%8D%8810.12.29.png?alt=media&#x26;token=43b9d37d-e257-4602-a6e1-a9a7b02e7112" alt="" width="563"><figcaption><p><strong>需定義前往下一頁的區塊，以及返回主選單的區塊按鈕。</strong></p></figcaption></figure>

{% hint style="danger" %}
設定注意事項：

* 若選擇次要選單，則需要選擇關聯的主要選單
* 可以建立超過一個以上的次要圖文選單
* 若選擇次要選單，則啟用時間必為立即，預設顯示必為展開，客戶無法選取
* 如您設定 「永久啟用」 和 「排程中」 的圖文選單，在排程期間會**優先顯示排程中選單**，等排程時間結束會改為**永久選單**
* **「選單樣式」** 建議選擇 **「自訂」 ，**&#x4E26;且要預留一個區塊是可點擊前往**下一頁** or **上一頁。**
  {% endhint %}

1. LINE 官方帳號（必填）：可以選定是要製作在哪一個 LINE OA 官方帳號
2. 名稱（必填）：是針對這個圖文選單活動命名，僅在後台顯示，不會讓客人看到（字數最多為300字）
3. 選單類型（必填）：主要選單為進到 LINE 官方帳號見到的第一個圖文選單；次要選單為另一個圖文選單
4. 根據好友完成不同動作可以看到不同的圖文選單
   * 預設：為全部加入 LINE 官方帳號可以看到的圖文選單
   * 自訂：
     * 貼上標籤：顧&#x5BA2;**「被貼上」**&#x7279;定標籤時觸發切換圖文選單
     * 勾選社群身份綁定當已經完成「社群身份綁定」的消費者 LINE 帳號會優先看到該圖文選單
     * 如您的團隊有購買 OMO 方案，則完成「OMO 綁定」消費者 LINE 帳號會優先看到該圖文選單
5. 啟用時間：將與連結的主要選單相同，並不提供另外設定。
6. 設定圖文選單樣板

   ***自訂版型：可以在預覽頁面新增自定義區塊，且新增預覽區塊的英文順序對應下方行動的英文標題順序。*** \
   \&#xNAN;***需定義前往下一頁的區塊，以及返回主選單的區塊按鈕。***
7. 編輯選單列可顯示文字，右邊預覽可確認編輯後的圖文樣式（字數最多為14字）&#x20;
8. 上傳檔案：圖片格式需為 2500x1686 pixel，格式需為 JPEG、JPG、PNG，檔案大小為 1 MB
9. 定義行動：可選「文字訊息」、「開啟 URL」、「機器人模組」三種行動
   * 文字訊息
   * 開啟 URL：須填入『https\://』 開頭網址。
   * 機器人模組：文字訊息為客人點擊後顯示的文字內容，這是非必填欄位 ; 標籤可新增五個且也為非必填欄位。
   * 切換圖文選單

#### 連結主要選單會出現的三種情況：

![](https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FbraPleRAcCV7vQVHKiz6%2F%E6%88%AA%E5%9C%96%202022-03-28%20%E4%B8%8B%E5%8D%886.33.39.png?alt=media\&token=440051a6-afed-475d-aec4-a6fb8eb75d88)

1. 如您先建立次要選單，而尚未建立任何一個主要選單，該關聯選單會出現其提示訊息
2. 關聯主要選單未選取的錯誤訊息
3. 如您已建立好主要選單，即可以在此列表點選關聯至哪一個主要選單

{% hint style="warning" %}
依 「標籤」 切換圖文選單邏輯：

* 邏輯：系統會以 <mark style="color:red;">最新</mark> 貼上的標籤判斷顧客應看到哪張選單。
* 設定舉例：目前已發布3張 「依據身上貼標」 做切換的圖文選單。
  * 選單A：當顧客身上有 「熱門商品」 這個標籤，就會看到A選單。
  * 選單B：當顧客身上有 「使用疑問」 這個標籤，就會看到B選單
  * 選單C：當顧客身上有 「訂單配送」 這個標籤，就會看到C選單。
* 切換舉例：
  * 如用戶原本身上已有 「熱門商品」 這個標籤（此時他先看到A選單），再貼上 「使用疑問」 標籤時，就會改切換成看到B選單、如果再被貼上 「訂單配送」 標籤，則再切換看到C選單 ; 假如回頭重新再被貼一次 「熱門商品」 標籤的話（重複貼標），會再切回看到A選單。
* 特殊情況：封鎖LINE OA再次解封的用戶，改看到預設選單（非自訂>標籤的選單），除非再次貼標，就再依以上邏輯切換。
  {% endhint %}

## 圖文選單列表

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FRAafmlXWgvgY2Og6ugM7%2F%E6%88%AA%E5%9C%96%202022-10-25%20%E4%B8%8A%E5%8D%889.42.54.png?alt=media&#x26;token=1eec32f5-4a5b-4e32-9131-7d6212a379f4" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**不論主要或是次要選單，只要是「排程」、「進行中」狀態的圖文選單都無法變更選單類型、啟用時間，只有在「草稿」、「暫停中」、「已結束」的狀態才可以做更改。**
{% endhint %}

1. 搜尋：可搜尋圖文選單名稱尋找所需選單
2. 名稱：圖文選單名稱，僅出現在後台系統
3. 啟用時間：會顯示排程的時間間隔或是永久啟用
4. 選單類型：分為次要和主要，**在次要選單後方的行動，只有暫停沒有結束**
5. 主要選單顯示條件：
   1. 預設：所有顧客顯示此圖文選單
   2. 貼上標籤： 貼上特定標籤會顯示的圖文選單
   3. 社群身份綁定： 完成社群身份綁定會顯示的圖文選單
   4. OMO 綁定：完成OMO 綁定會顯示的圖文選單

{% hint style="warning" %}
當顧客同時符合多個選單的顯示條件時，系統將依照以下優先順序顯示：符合「貼上標籤」條件的圖文選單 > 符合「社群身份綁定」條件的選單 > 符合「預設」條件的選單。
{% endhint %}

6. 狀態：選單狀態分為五種。草稿、排程中、進行中、已暫停以及已結束
7. 更多：裡面列表可進行圖文選單進行編輯、暫停、結束、複製和點擊統計

{% hint style="warning" %}

* 若要暫停、結束、刪除主要選單，會跳出提示訊息告知用戶並將關聯的次要選單暫停、結束、刪除（主次要選單狀態會相同）。
* 複製圖文選單後，該圖文選單名稱為 「Copy of 原本 LINE 圖文選單名稱」 且狀態為草稿狀態，可再自行調整圖文選單名稱。
  {% endhint %}

### 點擊統計表

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FcafiAWcYDPNHQTu1RBph%2F%E6%88%AA%E5%9C%96%202022-10-25%20%E4%B8%8A%E5%8D%889.56.51.png?alt=media&#x26;token=0be05afc-71ad-4b3c-bfd3-984e9ab6e35d" 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%2FPDia3Bx5F98HJ78lLUIp%2F%E6%88%AA%E5%9C%96%202022-10-25%20%E4%B8%8A%E5%8D%8810.03.38.png?alt=media&#x26;token=dd44a1a5-85bd-4fe4-93bc-be7ebdb0c5f9" 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%2FD7bvr1KJxrKp7oRxokpx%2Fimage.png?alt=media&#x26;token=ee219a2a-e9fa-4170-aa15-4012862caadb" alt=""><figcaption></figcaption></figure>

#### 發佈圖文選單

* 若要發佈或排程目前是「暫停中」或是「已結束」的主要圖文選單，系統會先檢查在主要選單定義行動區塊有相關聯的次要選單狀態
* 若此時次要選單不是 *<mark style="color:red;">**進行中**</mark>* 的狀態，在發布主要選單時就會跳出提醒訊息，請客戶先將有在定義行動區塊關聯的次要選單都先發布，才能發佈此主要選單

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FUgmOXCYmImyTJ3JV7SeY%2Fimage.png?alt=media&#x26;token=e691bc5a-2229-439f-84a1-56f47677b7a7" alt=""><figcaption></figcaption></figure>

* 若排程時間尚未到，次要選單被手動暫停。此時若已到排程時間，但次要選單狀態依然是暫停的話，主要選單會無法被正常發佈，且會在列表中將主要選單前面加 『暫停』 文字，並更改主要選單狀態為暫停

{% hint style="info" %}
如遇到該情況，請先確認兩個部分：

1. 主要選單是否為設定成排程的主要選單
2. 與該主要選單相關連的次要選單狀態是否已正常上線
   {% endhint %}

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2Fxvrvnh0w3ngQZ1IPGvon%2Fimage.png?alt=media&#x26;token=b564c4b4-a1f2-4095-9430-d1f56ee084d4" alt=""><figcaption></figcaption></figure>