> For the complete documentation index, see [llms.txt](https://docs.omnichat.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.omnichat.ai/features/marketing/line-tu-wen-xun-xi.md).

# 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)。

圖文訊息在啟用「顯示透明圖片」的情況下，定義行動<mark style="color:red;">不支援</mark>選「<mark style="color:red;">機器人模組</mark>」。原因是 LINE API 限制：透明背景時會走 `imagemap` 發送，而 imagemap 不支援機器人模組（機器人模組需走 `flex message`）。
{% 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>