> 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/chatbot-builder/ji-qi-ren-mo-zu-she-ding/line-xian-ding-ji-qi-ren.md).

# LINE 限定機器人

依照各社群渠道會有不同的限定卡片可使用，當選擇發佈平台是在限定單一平台時（如 LINE 或是 Facebook 等），會有限定卡片可以選擇

## 圖文訊息卡片

若需使用圖文訊息卡片，請先重新新增一隻機器人，並選擇「**只限 LINE 發佈**」！

{% hint style="warning" %}
請留意，圖文訊息為 LINE 機器人限定的功能，在新增新的機器人時，只有選擇「只限LINE發佈」時會出現，選擇其他選項則不會出現圖文訊息
{% endhint %}

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FJw3gOthTJucIbfXO99lb%2F%E6%88%AA%E5%9C%96%202023-01-10%20%E4%B8%8A%E5%8D%8810.40.39.png?alt=media&amp;token=cad3f60e-988f-4a4e-9ce0-78a31bc13050" alt=""><figcaption></figcaption></figure>

接著進入編輯機器人的頁面，可以在模組內看到多出了『圖文訊息』卡片。

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FDWKtQZqRPjmPfRwEImHz%2F%E6%88%AA%E5%9C%96%202023-02-13%20%E4%B8%8B%E5%8D%882.47.04.png?alt=media&amp;token=bc6c4177-1801-4df3-943d-2d7b10f15222" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}

1. 請留意，在編輯機器人模組，並選擇使用「圖文訊息」卡片之前，需要先到「進階自動化功能」>「LINE 圖文訊息」先完成圖文訊息的設定
2. 有關LINE 圖文訊息之設定，[請點我看教學](/features/marketing/line-tu-wen-xun-xi.md)
   {% endhint %}

## 圖片輪播訊息卡片

若需使用圖片輪播訊息卡片，請先重新新增一隻機器人，並選擇「**只限 LINE 發佈**」！

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2Fs9DYv6UHzIybcUbjoMTb%2F%E6%88%AA%E5%9C%96%202023-01-12%20%E4%B8%8A%E5%8D%8810.25.43.jpeg?alt=media&amp;token=ec545640-6eb6-4e9b-85a8-be34dbe2dd5d" alt=""><figcaption></figcaption></figure>

1. 自訂當客人的 LINE 收到圖文訊息時所顯示的新訊息通知
2. 圖片的縱向長度不能超過橫向寬度的 3 倍，且建議圖片長寬比要一致呈現效果最佳
3. 設定點擊圖片時的動作，至少需要選擇「對話模組」、「URL」其中一個行動
4. 設定圖片上的按鈕動作，一張圖片最多能設定兩個，每張圖片的按鈕數不用一樣，詳細設定請見下圖

{% hint style="info" %}
補充說明：若每張圖片的比例不一樣，顯示的長寬比會以第一張圖片的比例為主
{% endhint %}

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FME3uLEtLYmnmt2ZHdFW8%2F%E6%88%AA%E5%9C%96%202023-01-12%20%E4%B8%8B%E5%8D%883.36.23.png?alt=media&amp;token=e74de9cf-cdbf-4a3a-b387-f4bbba48d63c" alt=""><figcaption></figcaption></figure>

1. 設定按鈕文字，最多可以輸入 12 個中文字或 20 個英文字母
2. 按鈕文字可以選 黑/白 兩種顏色
3. 可以自訂按鈕背景的顏色與透明度

### 圖片輪播卡片呈現範例

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FnHixwBpbdNCuxk6tGNLu%2Fezgif.com-gif-maker%20(4).gif?alt=media&amp;token=64f947a2-1185-434a-a9a7-3f94662ed7d8" alt=""><figcaption><p>按鈕呈現動態範例</p></figcaption></figure>

不同圖片寬高比的呈現範例

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2F5fpaS9e9N8upCHgI9get%2F%E6%88%AA%E5%9C%96%202023-01-12%20%E4%B8%8B%E5%8D%885.18.33.png?alt=media&amp;token=72520145-c44e-4180-81f7-d3b90985222e" alt=""><figcaption><p>寬高比 1:1 範例</p></figcaption></figure>

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FcAFBuKv9atdK00sNgBy3%2F%E6%88%AA%E5%9C%96%202023-01-12%20%E4%B8%8B%E5%8D%885.05.44.png?alt=media&amp;token=fc14eb18-9fcd-4a24-8511-85c0b47cc6c2" alt=""><figcaption><p>寬高比 1:2 範例</p></figcaption></figure>

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FeX6DliuhvAvUtmOMKXAl%2F%E6%88%AA%E5%9C%96%202023-01-12%20%E4%B8%8B%E5%8D%885.06.00.png?alt=media&amp;token=bf9d81b9-42f8-4bab-983f-b8706ee3238f" alt=""><figcaption><p>寬高比 1:3 範例</p></figcaption></figure>

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FK8JM2oa8asm4LH0QKwz2%2F%E6%88%AA%E5%9C%96%202023-01-12%20%E4%B8%8B%E5%8D%885.06.24.png?alt=media&amp;token=685514b6-184a-4644-84bd-91e8b74b5799" alt=""><figcaption><p>寬高比 2:1 範例</p></figcaption></figure>
