> 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圖文選單透過 Besparks CRM來製作 LINE 圖文選單，可以代入製作好的會員模組機器人或其他互動。接下來將帶您按照步驟設定！ {% hint style="info" %} 1. 如果您在 LINE OA 後台已有設定圖文選單，之後進到 Besparks CRM 後台來進行設定並進行發布時，會以 **Besparks CRM 所設定的圖文選單為主**。 2. 由於透過「Messaging API」設定圖文選單，消費者實際看到的選單可能與此有所差異，建議還是以其中一邊後台來進行設定，以免混淆。 {% endhint %} ## Step 1. 新增圖文選單

## Step 2. 設定圖文選單以下將依序說明圖文選單各項目功能：

1. LINE 官方帳號：可以選定是要製作在哪一個 LINE OA 官方帳號（目前每家電商只開放綁定一個LINE OA） 2. 選單名稱：針對圖文選單的活動命名（無字數限制），僅後台可見，LINE用戶端不會看見。 3. 選單類型： * 主要選單：進到 LINE 官方帳號見到的第一個圖文選單 * 次要選單可通過關聯至主選單綁定，在LINE用戶端點選切換出來。需要設計多頁圖文選單，請**先設計主要選單，再設計次要選單****。**如您先建立次要選單，而尚未建立任何一個主要選單，「關聯至」的下拉式選單將會顯示「No Option」。 {% hint style="info" %} 選單類型請務必確認後再儲存，一旦儲存就無法再變更。 {% endhint %}

4. 可根據不同族群設置不同的圖文選單 * 預設：所有LINE OA的好友皆可看到的圖文選單（不限官網會員） * 自訂：有完成LINE帳號綁定官網帳號的消費者，將於LINE用戶端優先看到該圖文選單 {% hint style="info" %} 進階方案可啟用自訂，讓SHOPLINE會員看到不同樣式的圖文選單 {% endhint %} 5. 啟用時間： * 立即：點選發佈後，將立即並常態出現在 LINE 官方帳號下方的圖文選單。若要停止此選單的顯示，需手動至後台將選單轉「暫停」或「結束」。 * 排程：可設定開始與結束時間，選單將會根據您設置的時間自動推放與結束推放。若LINE用戶端已存在常態顯示的圖文選單，當排程選單到達上線時間時，系統會優先顯示排程選單。

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

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

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

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

**不論主要或是次要選單，只要是「排程」、「進行中」、「已結束」狀態的圖文選單都無法變更內容與啟用時間，只有在「草稿」、「暫停中」的狀態才可以做更改。** 1. 狀態列表：選單狀態分為五種。草稿、排程中、進行中、已暫停以及已結束 2. 主選單名稱：圖文選單名稱，僅出現在後台系統 3. 次選單名稱：圖文選單名稱，僅出現在後台系統 4. 選單狀態：可看到目前選單的狀態 5. 主要選單顯示條件： 1. 預設：所有LINE OA好友可顯示此圖文選單 2. 自訂：已綁定官網會員的LINE好友會顯示的圖文選單 6. 啟用時間：若設定選單時，啟用時間為「立即」，則會顯示「永久啟用」；若為排程選單則會呈現選單排程上線的時間 7. 列表可進行圖文選單進行編輯、暫停、結束、複製、刪除。**次要選單後方的行動，只有暫停沒有結束。** **若要暫停、結束、刪除主要選單，會跳出提示訊息告知用戶並將關聯的次要選單暫停、結束、刪除（主次要選單狀態會相同）** 複製圖文選單後，該圖文選單名稱為「『原本 LINE 圖文選單名稱』（複製）」且狀態為草稿狀態，可再自行調整圖文選單名稱 {% hint style="info" %} * 刪除選單：只有在「草稿中」、「已暫停」及「已結束」狀態才能刪除選單 * 結束選單：只有在「排程中」及「進行中」狀態才能結束選單 {% endhint %} 8. 搜尋：可搜尋圖文選單名稱來查找 ## 製作圖文選單注意事項 **圖文選單列表上操作** * 需要先確認原本暫停的圖文選單。若是暫停、結束、刪除主要選單，會跳出提示訊息告知用戶，將會一並把關聯的次要選單暫停、結束、刪除（主、次要選單狀態會相同）

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

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