> 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/marketing-automation/imgtext-message.md).

# 圖文訊息

{% hint style="info" %}
圖文訊息設定完圖文訊息後，請在「機器人」模組內使用「圖文訊息」

設定步驟可參考：[**行銷自動化 - 機器人模組設定**](/besparks-crm-gong-neng-mo-zu-shuo-ming/marketing-automation/chatbot.md)
{% endhint %}

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

1. **搜尋欄：**&#x8F38;入「<mark style="color:orange;">**圖文訊息名稱**</mark>」可查找已建立的圖文訊息（輸入完畢後請按**Enter**進行查詢）
2. [**建立新的圖文訊息**](#jian-li-tu-wen-xun-xi)
3. **圖文訊息名稱：**&#x5EFA;立後用來搜尋與管理活動內容，前台消費者看不到該名稱
4. **聊天列表的預覽標題：**&#x9867;客於Line用戶端收到/觸發消息後，在聊天列表或是通知提醒看到的預覽訊息
5. **編輯 🖊：**&#x4FEE;改已儲存的自動回覆\
   **刪除 🗑：**&#x522A;除已儲存的自動回覆

## **建立圖文訊息**

<figure><img src="/files/8wawuEs10bTDKgcjfszt" alt=""><figcaption></figcaption></figure>

### 操作步驟

1. 新增圖文訊息名稱（搜尋、管理用）
2. 上傳圖片

{% hint style="info" %}

1. 可上傳的圖片尺寸：&#x20;

&#x20;       正方形版型為 1040 x 1040 px&#x20;

&#x20;       自訂版型為寬度 1040 px，最小高度 520 px，建議高度範圍 520～2080 px&#x20;

&#x20;       檔案大小：1 MB 以內&#x20;

2. 格式僅接受 JPEG、JPG、PNG，無法顯示透明背景
   {% endhint %}

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

3. **新增預覽標題（**&#x9867;客於Line用戶端在聊天列表看到預覽訊息）
4. 在圖上欲觸發動作的地方，拖曳游標新增動作區塊。若要刪除動作區塊，請點選區塊上方的「垃圾桶」icon即可。

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

若欲更換動作區外塊，可點選區塊上方字母，區塊會根據新指定的字母交換位置。若指定的字母在圖片區域尚未存在，則會根據現有區塊直接複製出新動作區塊。

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

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

5. 定義動作：輸入 URL或是文字訊息（目前該模組尚不支持機器人）
   * 文字訊息：設定點擊後送出的訊息內容，可與「自動回覆」搭配使用
   * 開啟 URL：設定 URL 後，客人點擊該動作會引導到站外。若網址本身不帶UTM訊息，系統將自動帶入bespark CRM系統預設的UTM以利行銷成效追蹤（詳細請參考：bespark CRM 系統 UTM說明）。若綁的連結為短網址，或有另行綁定UTM，則將以用戶自行綁定的UTM為主。

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

6. 點選右上角「儲存」完成編輯

圖文訊息的使用方式，詳見機器人模組的說明章節：

{% content-ref url="/pages/4ZLtV5Ad2yEJ4dpPZoEC" %}
[機器人模組設定](/besparks-crm-gong-neng-mo-zu-shuo-ming/marketing-automation/chatbot.md)
{% endcontent-ref %}


---

# 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, and the optional `goal` query parameter:

```
GET https://docs.besparks.co/besparks-crm-gong-neng-mo-zu-shuo-ming/marketing-automation/imgtext-message.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.