# LINE 圖文訊息

{% hint style="info" %}
設定完圖文訊息後，請在 「 LINE 專用平台機器人 」 內使用 「 圖文訊息卡片 」 （設定步驟請參考[此篇](/features/marketing/chatbot-builder/ji-qi-ren-mo-zu-she-ding/line-xian-ding-ji-qi-ren.md) ）
{% endhint %}

### **點擊新增圖文訊息後，跟著以下步驟即可設定內容：**

圖文訊息支援複製及刪除動作。

<figure><img src="/files/2rROBmtlDsxSHG16Yb51" alt=""><figcaption><p>新增圖文訊息</p></figcaption></figure>

#### 步驟**一**：選擇模板

<figure><img src="/files/fGCjhEWaDsRb4h494pmt" alt=""><figcaption><p>選擇模板-支援透明背景圖</p></figcaption></figure>

{% hint style="info" %}

1. 新增支援使用透明背景（<mark style="color:red;">記得勾選 「 啟用 」 顯示透明背景</mark>），格式須為 JPEG、JPG、PNG
2. 可上傳的圖片尺寸：

* 正方形版型：1040 x 1040 px
* 自訂版型：寬度最寬 1040px；高度最高 3120px
* 檔案大小限制 10 MB
  {% endhint %}

{% hint style="danger" %}
如果圖文訊息搭配透明圖片時，運用在推播上會導致開封率數字高於實際開封情形。

詳情請見[此說明](https://docs.omnichat.ai/features/tui-bo/tui-bo-ji-lu)。
{% endhint %}

<figure><img src="/files/U8cdnew9xQz3ydgW3cEY" alt="" width="375"><figcaption><p>LINE前台實際呈現畫面</p></figcaption></figure>

#### 步驟二 定義行動：文字訊息、開啟 URL、影片訊息、機器人模組

若選擇的行動為 開啟URL、影片訊息、機器人模組，可以同步為觸發行動的客人貼上標籤

{% hint style="warning" %}

1. 自動貼標動作若網址為短網址、縮網址、轉網址或網址非帶有 Omnichat 網站插件的網頁時，上述情況**均可做到自動貼標**。
2. **只能有一個行動為影片**，當其中一個動作為影片時，其他行動能選無法擇影片
3. 一則圖文訊息中，機器人模組與影片只能擇一設定，若設定機器人模組，則無法新增影片行動
4. 影片動作可支援：動作鍵顯示文字、連結網址、按下動作後貼上標籤。
   {% endhint %}

{% hint style="danger" %}
如果定義行動-影片訊息運用在推播上，會導致開封率數字高於實際開封情形。

詳情請見[此說明](https://docs.omnichat.ai/features/tui-bo/tui-bo-ji-lu)。
{% endhint %}

1. 文字訊息：設定點擊後送出的訊息內容，可與 「 [關鍵字自動回覆](/features/marketing/keyword-autoreply.md#bu-zhou-si-she-ding-zi-dong-hui-fu-tiao-jian-ji-nei-rong) 」 搭配使用
2. 開啟 URL：設定 URL 後，客人點擊該動作會引導到站外，**若連結為官網的原網址可完成站外綁定，**&#x8A73;細可參考這裡的[說明](/features/marketing/chatbot-builder/ji-qi-ren-bang-ding-zhan-wai-bang-ding.md)
3. 影片
   * 「上傳影片」 按鈕：將影片檔案進行上傳
   * 「動作鍵按鈕名稱」：設定影片按鈕鍵顯示文字
   * 連結網址以及點擊按鈕鍵之後被貼上的標籤，建立標籤時，務必按下「Enter」鍵後，讓原本的文字呈現**藍底白字**，這樣才有成功建立標籤

<figure><img src="/files/ZWymaeHVBgumzFIrBOIc" alt=""><figcaption><p>影片會顯示在圖文訊息裡，客人點擊後可瀏覽影片</p></figcaption></figure>

4. 機器人模組：點擊後會觸發機器人模組
5. 影片檔案大小限制為：200MB、檔案格式必須為：MP4。

#### 步驟三： 「 內容設定 」 > 「 聊天列表的預覽標題 」

* 用戶可以自訂當客人的 LINE 收到圖文訊息時所顯示的新訊息通知
* 「 聊天列表的預覽標題 」 欄位：字數上限 100 字

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

#### 步驟四： 按下 「儲存」 按鈕之後，即完成設定！

<figure><img src="/files/mJDOPVvj9n7kXScOmrI0" alt="" width="375"><figcaption><p>客人收到圖文訊息時，聊天列表會出現預覽標題</p></figcaption></figure>

## 圖文訊息應用－以跳轉機器人模組為例

#### 步驟ㄧ：先建立好不同圖文訊息要使用的空白模組

<div><figure><img src="/files/5hQmStUACgHtm9xs0bB8" alt=""><figcaption><p>聊天機器人1.0畫面</p></figcaption></figure> <figure><img src="/files/1FmPyS7APW9DzXkq2t7C" alt=""><figcaption><p>聊天機器人2.0畫面</p></figcaption></figure></div>

#### 步驟二：建立好第一層圖文訊息，選擇適合的版型，並在動作選單中使用 「機器人模組」

機器人模組選擇前往對應的空白模組

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

#### 步驟三：在空白模組中，選擇剛建立好的圖文訊息，並將剩下的圖文訊息設定到對應的模組內

<div><figure><img src="/files/V12gc7fwuV8r1zHA9hss" alt=""><figcaption><p>聊天機器人1.0畫面</p></figcaption></figure> <figure><img src="/files/nqv3hwtn9VOUCdxAnkfc" alt=""><figcaption><p>聊天機器人2.0畫面</p></figcaption></figure></div>

#### 步驟四：當消費者觸發出圖文訊息時，點擊圖片即會觸發相對應的機器人模組內容

<figure><img src="/files/a20CTAzlTPZmveO0lupG" alt="" width="300"><figcaption></figcaption></figure>


---

# Agent Instructions: 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.omnichat.ai/features/marketing/line-tu-wen-xun-xi.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.