> For the complete documentation index, see [llms.txt](https://docs.besparks.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.besparks.co/besparks-crm-gong-neng-mo-zu-shuo-ming/line-tu-wen-xuan-dan.md).

# LINE圖文選單

{% hint style="info" %}

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

## Step 1. 新增圖文選單 <a href="#bu-zhou-yi-xin-zeng-tu-wen-xuan-dan" id="bu-zhou-yi-xin-zeng-tu-wen-xuan-dan"></a>

<figure><img src="/files/BvVvyBeoVAnx7qWiaL8l" alt=""><figcaption></figcaption></figure>

## Step 2. 設定圖文選單 <a href="#bu-zhou-er-she-ding-tu-wen-xuan-dan" id="bu-zhou-er-she-ding-tu-wen-xuan-dan"></a>

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

<figure><img src="/files/eQA2NUDK6SSeViB5Fk5a" alt=""><figcaption></figcaption></figure>

1. LINE 官方帳號：可以選定是要製作在哪一個 LINE OA 官方帳號（目前每家電商只開放綁定一個LINE OA）
2. 選單名稱：針對圖文選單的活動命名（無字數限制），僅後台可見，LINE用戶端不會看見。
3. 選單類型：
   * 主要選單：進到 LINE 官方帳號見到的第一個圖文選單
   * 次要選單可通過關聯至主選單綁定，在LINE用戶端點選切換出來。需要設計多頁圖文選單，請<mark style="color:orange;">**先設計主要選單，再設計次要選單**</mark>**。**&#x5982;您先建立次要選單，而尚未建立任何一個主要選單，「關聯至」的下拉式選單將會顯示「No Option」。

{% hint style="info" %}
選單類型請務必確認後再儲存，一旦儲存就無法再變更。
{% endhint %}

<figure><img src="/files/xzNfOgnnTsOA1RKKI4wD" alt=""><figcaption></figcaption></figure>

4. 可根據不同族群設置不同的圖文選單

* 預設：所有LINE OA的好友皆可看到的圖文選單（不限官網會員）
* 自訂：有完成LINE帳號綁定官網帳號的消費者，將於LINE用戶端優先看到該圖文選單

{% hint style="info" %}
進階方案可啟用自訂，讓SHOPLINE會員看到不同樣式的圖文選單
{% endhint %}

5. 啟用時間：
   * 立即：點選發佈後，將立即並常態出現在 LINE 官方帳號下方的圖文選單。若要停止此選單的顯示，需手動至後台將選單轉「暫停」或「結束」。
   * 排程：可設定開始與結束時間，選單將會根據您設置的時間自動推放與結束推放。若LINE用戶端已存在常態顯示的圖文選單，當排程選單到達上線時間時，系統會優先顯示排程選單。

<figure><img src="/files/rU38YHjiRU5wTYXRmL2i" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/9uhVORR84fe1WnTZDgQs" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

1. 排程時間設定需注意：同一個「主選單顯示條件」（預設/自訂）在同一時段只會顯示「一個圖文選單」（排程選單順序優於常態選單）。&#x20;
2. 排程開始時間需要比「現在時間」<mark style="color:orange;">**晚至少五分鐘以上**</mark>，如：設定時間為 11/18 12:30 ，排程開始時間，需設定於 11/18 12:35 分後，結束時間同理且不得早於開始時間
   {% endhint %}

<figure><img src="/files/ZV4napwbx289u8INrRua" alt=""><figcaption></figcaption></figure>

6. 預設顯示：LINE用戶端進到 LINE 官方帳號時，圖文選單為展開狀態或收合狀態
7. 預覽＆設定圖文選單觸發動作：Besparks CRM的圖文選單支援<mark style="color:orange;">**自訂版型**</mark>，可以在預覽視窗中新增自定義區塊，且新增預覽區塊的英文順序對應下方行動的英文標題順序。操作方式如下：
   1. 在圖上欲觸發動作的地方，拖曳游標新增動作區塊。若要刪除動作區塊，請點選區塊上方的「垃圾桶」icon即可。
   2. 若欲更換動作區塊，可點選區塊上方字母，區塊會根據新指定的字母交換位置。若指定的字母在圖片區域尚未存在，則會根據現有區塊直接複製出新動作區塊。

<figure><img src="/files/Vlk6gyM4PHFEmAm1QcOx" alt=""><figcaption><p>新增＆刪除動作區塊</p></figcaption></figure>

<figure><img src="/files/v0eNvfyvaDK00kI6mWJ4" alt=""><figcaption><p>更換動作區塊</p></figcaption></figure>

<figure><img src="/files/PIWc2kKKqoFL6BbwxSfl" alt=""><figcaption><p>複製動作區塊</p></figcaption></figure>

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

9\. 上傳檔案：圖片格式需為 JPEG、JPG、PNG，檔案大小為 1 MB，尺寸大小圖片寬：800px-2500px 圖片高：250px-1686px。長寬比例(寬/高)至少1.5，ex:寬800px:高6000px

10\. 定義行動：可選「文字訊息」、「開啟 URL」、「機器人模組」三種觸發動作

* 文字訊息：設定點擊後送出的訊息內容
* 開啟 URL：設定 URL 後，客人點擊該動作會引導到站外。

{% hint style="info" %}

1. 若網址本身不帶UTM訊息，系統將自動帶入bespark CRM系統預設的UTM以利行銷成效追蹤（詳細請參考：bespark CRM 系統 UTM說明）。若綁的連結為短網址，或有另行綁定UTM，則將以用戶自行綁定的UTM為主。
2. 網址建議以「https\://」開頭，避免連結導向錯誤（非強制）
3. 開啟 URL 僅能填寫網址，不能追加任何其他非網址的文字訊息
   {% endhint %}

* 機器人模組：可呼叫在機器人模組中已經設定好的機器人，也可以搭配「會員模組」一起使用。\
  [*<mark style="color:blue;">想要讓會員可以在選單直接叫出「</mark><mark style="color:blue;">**會員模組**</mark><mark style="color:blue;">」？參考教學步驟設定去</mark>*](/besparks-crm-gong-neng-mo-zu-shuo-ming/marketing-automation/chatbot.md#hui-yuan-mo-zu-ying-yong-fan-li)*<mark style="color:blue;">👉</mark>*
* 切換圖文選單（設定操作步驟如下）：
  * 在當前主選單中建立「切換圖文選單」的觸發區域（此時切換的選單選項應該會顯示「No option」，因未尚無關聯的子選單）
  * 將當前的主要選單存為草稿，再新建立一個子選單並關聯到該主選單。
  * 在子選單中建立一個「切換圖文選單」的動作區塊，儲存子選單。
  * 再次點選子選單的「切換圖文選單」，此時會出現主選單可選擇，選擇後選擇儲存（若沒有其他需要編輯的地方，也可直接發佈）。<mark style="color:orange;">若有多個希望可以切換的子選單，則重複新增-儲存子選單的步驟。</mark>
  * 回到主選單，「切換圖文選單」的設定處就會出現所有關聯的子選單。

## Step 3. <a href="#bu-zhou-san-she-ding-wan-cheng" id="bu-zhou-san-she-ding-wan-cheng"></a>

圖文選單設定完成後可以選擇進行「儲存」或是「發佈」。<mark style="color:orange;">若此選單為初次編輯，需要先「儲存」才能夠「發佈」</mark>。

<figure><img src="/files/9TqZtzYtVzekkePxPyjP" alt=""><figcaption></figcaption></figure>

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

## 圖文選單列表 <a href="#tu-wen-xuan-dan-lie-biao" id="tu-wen-xuan-dan-lie-biao"></a>

<figure><img src="/files/XGQAtKF0wivJrvbl91Wy" alt=""><figcaption></figcaption></figure>

**不論主要或是次要選單，只要是「排程」、「進行中」、「已結束」狀態的圖文選單都無法變更內容與啟用時間，只有在「草稿」、「暫停中」的狀態才可以做更改。**

1. 狀態列表：選單狀態分為五種。草稿、排程中、進行中、已暫停以及已結束
2. 主選單名稱：圖文選單名稱，僅出現在後台系統
3. 次選單名稱：圖文選單名稱，僅出現在後台系統
4. 選單狀態：可看到目前選單的狀態
5. 主要選單顯示條件：
   1. 預設：所有LINE OA好友可顯示此圖文選單
   2. 自訂： 已綁定官網會員的LINE好友會顯示的圖文選單
6. 啟用時間：若設定選單時，啟用時間為「立即」，則會顯示「永久啟用」；若為排程選單則會呈現選單排程上線的時間
7. 列表可進行圖文選單進行編輯、暫停、結束、複製、刪除。**次要選單後方的行動，只有暫停沒有結束。**

**若要暫停、結束、刪除主要選單，會跳出提示訊息告知用戶並將關聯的次要選單暫停、結束、刪除（主次要選單狀態會相同）**

複製圖文選單後，該圖文選單名稱為 「『原本 LINE 圖文選單名稱』（複製）」 且狀態為草稿狀態，可再自行調整圖文選單名稱

{% hint style="info" %}

* 刪除選單：只有在「草稿中」、「已暫停」及「已結束」狀態才能刪除選單
* 結束選單：只有在「排程中」及「進行中」狀態才能結束選單
  {% endhint %}

8. 搜尋：可搜尋圖文選單名稱來查找

## 製作圖文選單注意事項 <a href="#zhi-zuo-tu-wen-xuan-dan-zhu-yi-shi-xiang" id="zhi-zuo-tu-wen-xuan-dan-zhu-yi-shi-xiang"></a>

**圖文選單列表上操作**

* 需要先確認原本暫停的圖文選單。若是暫停、結束、刪除主要選單，會跳出提示訊息告知用戶，將會一並把關聯的次要選單暫停、結束、刪除（主、次要選單狀態會相同）

<figure><img src="/files/85jiDr3LNQfXnVolLoLs" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/KampMBm3wh1FDseX6bYt" alt=""><figcaption></figcaption></figure>

**發佈圖文選單**

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

<figure><img src="/files/M8aJqBdgGjNMtF4XtwVy" alt=""><figcaption></figcaption></figure>

* 若主選單被暫停，子選單將被一起暫停（子選單無法自行暫停）。此時若要重新發佈該組選單，仍須先發布組合裡的子選單，才能發佈主選單。<br>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.besparks.co/besparks-crm-gong-neng-mo-zu-shuo-ming/line-tu-wen-xuan-dan.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.