> 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/chatbot.md).

# 機器人模組設定

機器人模組支援不同類型卡片來應用在LINE客戶端，包含線上線下的會員料整合應用

## 新增機器人

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FzkTqJaKBsdWJT0nDtCMs%2Fchatbot_1.png?alt=media&amp;token=80c85d3d-060c-41ee-a8d1-73a2e69c8400" alt=""><figcaption></figcaption></figure>

點擊左上方的「新增機器人」按鈕，進入編輯機器人頁面。

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FYpqdao7Dgc96QuaJiJ0C%2F%E6%88%AA%E5%9C%96%202025-03-18%20%E4%B8%8B%E5%8D%886.21.55.png?alt=media&amp;token=9120323d-234a-4522-af35-36bfb744894a" alt=""><figcaption></figcaption></figure>

1. 編輯該機器人名稱（建立後用來搜尋與管理活動內容，LINE用戶端客戶看不到該名稱）
2. 編輯該模組名稱
3. 若手機開啟Line訊息通知，會在通知欄看到的訊息(預設為訊息組的第一則)

<img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2F1Qukj7mMvBiYXuzlxTJv%2FIMG_3421.jpg?alt=media&amp;token=34d46f77-54c2-46ab-9755-639585a55af7" alt="" data-size="original"><br>

1. 用戶LINE列表上看到的提示訊息(預設為訊息組的最後一則)

   <figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FgHM5tdWh1ywQyWiyLxYy%2FIMG_3536.jpg?alt=media&amp;token=8f0b9699-6927-4527-939b-34fd22004937" alt=""><figcaption></figcaption></figure>
2. 自訂LINE訊息通知：當卡片類型為輪播、圖片輪播、快速回覆時為必填，為上述4的內容
3. 可上下移動已建立好的模組
4. 可複製/刪除已建立的模組
5. 可再往下新增模組（模組數量上限為15個）
6. 編輯模組內容後，需要先儲存內容才能切換到的模組編輯，以免內容丟失
7. 機器人有六種不同類型的卡片可供使用，一個機器人模組<mark style="color:orange;">**最多可添加5張卡片**</mark>

## 六種不同卡片類型

### 一、文字訊息卡片 <a href="#yi-wen-zi-xun-xi-ka-pian" id="yi-wen-zi-xun-xi-ka-pian"></a>

支援輸入文字、連結及 Emoji的全文字訊息。若點選下方「新增按鈕」，便會成為帶有按鈕的文字訊息卡片。按鈕的設定方式詳細請參考「[卡片按鈕設定](#ka-pian-an-niu-she-ding)」。

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FY5okPJ40RCqOMJgjVUhh%2Fchatbot_3.png?alt=media&amp;token=2a8d9439-066a-487c-90c1-5d8690b2ef6f" alt="" width="318"><figcaption></figcaption></figure>

{% hint style="info" %}
文字訊息內文長度：LINE建議在2000字元以內。
{% endhint %}

### 二、圖像訊息卡片 <a href="#er-tu-xiang-xun-xi-ka-pian" id="er-tu-xiang-xun-xi-ka-pian"></a>

支援上傳支援 PNG、JPG 或 JPEG，目前未支援上傳GIF。圖像尺寸不限，檔案大小不得超過 500KB。

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FVMPXeqcjFhfP0eq5Tsra%2Fchatbot_img.png?alt=media&amp;token=9bf0492f-49c8-46e3-84ff-93e8a5b2eea2" alt="" width="317"><figcaption></figcaption></figure>

### 三、輪播訊息卡片 <a href="#san-lun-bo-xun-xi-ka-pian-wu-fa-zai-whatsapp-ping-tai-shang-she-ding" id="san-lun-bo-xun-xi-ka-pian-wu-fa-zai-whatsapp-ping-tai-shang-she-ding"></a>

可視為文字訊息＋圖像訊息卡片。

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FBayFZS6UDNsOOv51kO4O%2Fchatbot_carousel.png?alt=media&amp;token=c8230f88-7f19-4ebb-9cfa-ca103dbd4afe" alt=""><figcaption></figcaption></figure>

1. 可以增加卡片數量或刪減卡片
2. 可以進行上傳圖片尺寸的調整，支援上傳正方形（1：1，如：600px : 600px）、長方形（2：1，如：寬800px : 高400px），尺寸不限，只要符合比例即可。檔案大小不可超過500KB。

{% hint style="info" %}
請留意：同一組輪播訊息卡片，所有圖片尺寸比例須統一。若需更改圖片比例，則原先已上傳的所有圖片將被清空。
{% endhint %}

3. 點擊上傳圖片
4. 可以輸入標題，最終呈現效果請參考下圖（必填）
5. 可以輸入副標題/內文（必填)
6. 可以填入 URL，當客人點擊圖片會跳往該網址（非必填）
7. 可以新增按鈕觸發動作，詳情設定方式請參考[卡片按鈕設定](#ka-pian-an-niu-she-ding)

最終效果呈現樣式：

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FWJhqQWVODNIX2bGTF9IP%2Fchatbot_carousel_result.png?alt=media&amp;token=aa0cf418-cd10-4258-8636-9d4645a9dd56" alt=""><figcaption></figcaption></figure>

### 四、圖片輪播卡片 <a href="#quickly-reply-card" id="quickly-reply-card"></a>

圖片輪播相當於可輪播、可添加按鈕的「圖片訊息」，但目前<mark style="color:orange;">**僅支援1:1的圖片尺寸和透明按鈕**</mark>，圖片檔案大小不可超過500KB。[按鈕設定請參考「卡片按鈕設定」](#ka-pian-an-niu-she-ding)。

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FVV3mUsebSZ2uGIk0n973%2FImgText_imgcarousel.png?alt=media&amp;token=a29991a7-7ebf-4a52-b953-254201bf1998" alt="" width="563"><figcaption></figcaption></figure>

最終呈現樣式

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2F1NoEP9RQQaO473SuOQWR%2FImgText_imgcarousel%EF%BC%BFresult.png?alt=media&amp;token=f863de50-3635-42d4-b3d9-3605420ba1db" alt=""><figcaption></figcaption></figure>

### 五、快速回覆卡片 <a href="#quickly-reply-card" id="quickly-reply-card"></a>

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2F39V0vPOY4eVugtzfXAHY%2Fchatbot_quickreply.png?alt=media&amp;token=6aa6635a-8a7a-4095-a5d9-be7639dea4e0" alt=""><figcaption></figcaption></figure>

1. 輸入快速回覆的引言文字內容（與用戶端的互動內容）
2. 設定按鈕名稱與觸發動作，詳細設定方式請參考「[卡片按鈕設定](#ka-pian-an-niu-she-ding)」。
3. 預覽設定好的按鈕＆綁定的觸發動作。當LINE用戶端點擊按鈕時，將呼叫出您指定的對話模組。最多可增加 10 個按鈕。

{% hint style="info" %}

1. LINE 電腦版現支援顯示快速回覆卡片的選項
2. 該張卡片僅限定放在模組中<mark style="color:orange;">**最後一張**</mark>，若排序在其他卡片後面，選項顯示會被遮擋無法正常出現
   {% endhint %}

### 六、圖文訊息 <a href="#wu-yong-hu-shu-ru-ka-pian" id="wu-yong-hu-shu-ru-ka-pian"></a>

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FIjAoCrKfa2wD4ZnsTsGM%2Fchatbot_imgText.png?alt=media&amp;token=7a7ceb4b-3d48-4fec-a41b-5cb85d56ac23" alt=""><figcaption></figcaption></figure>

可選擇在「圖文訊息」模組中已經預設好的圖文訊息。詳細設定圖文訊息的步驟，請參考「[行銷自動化-圖文訊息](/besparks-crm-gong-neng-mo-zu-shuo-ming/marketing-automation/imgtext-message.md)」

{% hint style="warning" %}

### <mark style="color:orange;">欲切換模組編輯，或是所有設定變更皆完成後，務必按下右上角的『儲存』。</mark> <a href="#suo-you-de-she-ding-bian-geng-huo-shi-wan-cheng-hou-wu-bi-an-xia-you-shang-jiao-de-chu-cun" id="suo-you-de-she-ding-bian-geng-huo-shi-wan-cheng-hou-wu-bi-an-xia-you-shang-jiao-de-chu-cun"></a>

{% endhint %}

## 卡片按鈕設定

點選卡片下方的「新增按鈕」，可將訊息卡片變成帶有按鈕的互動式卡片

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FN1ndNQY1kQZwA7twRs34%2Fchatbot_4.png?alt=media&amp;token=e2c360c8-6c01-42b4-a924-48cea90a59fd" alt=""><figcaption></figcaption></figure>

1. 編輯該按鈕名稱（LINE用戶端客戶看到的按鈕名稱）
2. 設定按鈕文字顏色，可選擇白色／黑色（<mark style="color:orange;">只有文字訊息、輪播訊息的按鈕有此選項</mark>）
3. 設定按鈕背景顏色，可根據喜好自訂顏色（<mark style="color:orange;">只有文字訊息、輪播訊息的按鈕可自訂此選項</mark>）

{% hint style="info" %}
若想設定無背景的純字按鈕，請將字體顏色設定為「黑色」、背景顏色設定為「#ffffff」（白色）即可
{% endhint %}

{% hint style="info" %}
SHOPLINE模組、SHOPLINE貼標為進階功能；優惠券模組、地圖模組為O2O Master大師版本的功能
{% endhint %}

1. （選填）若輸入標籤文字，當LINE用戶端點擊按鈕後，會為此用戶的官網會員貼標（官網會員限定功能）
2. 按鈕欲觸發的功能。「按鈕」支援以下3種觸發功能：

| 對話模組                                                                                           | 開啟 URL                      | SHOPLINE 模組                                                                                                  |
| ---------------------------------------------------------------------------------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------ |
| <p>當LINE用戶端點擊按鈕時，會呼叫出來的機器人，以及用戶端呼叫機器人時顯示的文字<br><mark style="color:blue;">＊顯示文字為「必填」</mark></p> | 當LINE用戶端點擊按鈕時，會打開瀏覽器並前往該URL | <p>當LINE用戶端點擊按鈕時，可在用戶端直接叫出SHOPLINE會員模組。模組內容可選擇：<br>- 會員條碼<br>- 會員資料（等級、點數等）<br>- 尚未完成的訂單進度<br>- 會員擁有的優惠券</p> |

<div align="left"><figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2F7ra9u1tunFlztGVazxej%2Fchatbot_callbot.png?alt=media&amp;token=7170cadb-b1b1-43a2-a56f-000d50d28b30" alt="" width="373"><figcaption><p>呼叫對話模組</p></figcaption></figure> <figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2Fnck0C2IDV0lhAi4r3rzS%2Fchatbot_URL.png?alt=media&amp;token=ffea4087-27ba-40d2-bf42-722b57151209" alt="" width="363"><figcaption><p>開啟網址連結</p></figcaption></figure> <figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FZx6APaHsm1QWWshFCykc%2Fchatbot_membership.png?alt=media&amp;token=630fb282-5637-445f-8869-61178bcc3342" alt="" width="375"><figcaption><p>使用會員模組內容</p></figcaption></figure></div>

{% hint style="info" %}

1. 對話模組只能選擇同個機器人中的對話模組，無法選擇其他機器人的對話模組。
2. 機器人模組的URL本身已綁定Besparks CRM的UTM，若有另行設計短網址 or 第三方提供的UTM網址，則會以您使用的UTM為主。
3. 一個按鈕只能使用會員模組的功能，若要使用所有會員模組功能，請新增多個按鈕。
4. 輪播訊息一旦有卡片增加了按鈕，其餘所有卡片皆需添加按鈕，但按鈕數量不需相同。
   {% endhint %}

***

## 設定歡迎模組

Step 1. 新增一個機器人模組，編輯歡迎加入好友的文字內容，完成後點選右上方「儲存」

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FRo5tytYlax8Ex7249Vec%2Fchatbot_welcome_1.png?alt=media&amp;token=b5beb890-3497-4735-be33-86c2eda0e590" alt=""><figcaption></figcaption></figure>

Step 2. 於機器人列表上方點選「設定歡迎模組」按鈕

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FoGNuTqxFoeKRddqHq0s8%2Fchatbot_welcome_2.png?alt=media&amp;token=985a3303-ded2-4262-a081-ba5375e4cbd0" alt=""><figcaption></figcaption></figure>

Step 3. 選擇編輯好的機器人及模組名稱

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FBm4sHT5KjcEXTdcVzEIR%2Fchatbot_welcome_3.png?alt=media&amp;token=44f49ed2-5c64-4336-b886-0d64f7ef115d" alt=""><figcaption></figcaption></figure>

Step 4. 將狀態設定為「啟用」，並點選「儲存」即完成設定。

{% hint style="info" %}
請留意您已經LINE OA中 「設定」>「回應設定」的「加入好友的歡迎訊息」關閉，以免擋住機器人發送
{% endhint %}

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FM038Iw8QjG3C4nGvYoOZ%2Fchatbot_welcome_4.png?alt=media&amp;token=3ecddc9d-2def-4da7-8718-252bba041b11" alt=""><figcaption></figcaption></figure>

當未來有新好友加入LINE OA時，LINE用戶端將會自動發送歡迎模組中的機器人訊息給客戶。可結合新手優惠，增加客戶綁定官網會員的機率與意願。

***

## 會員模組應用範例

Step 1. 新增一個機器人模組，編輯會員模組卡片內容

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FP6fotONNUqaWsPllHam3%2Fchatbot_membership_1.png?alt=media&amp;token=e6bbfb66-6e40-4b6b-a338-043e142a09af" alt=""><figcaption></figcaption></figure>

Step 2. 點選「新增按鈕」，設定按鈕名稱，並設定處發動作為SHOPLINE模組的「我的會員資料」和「我的優惠券」

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FksK0XJAEU3iJ4t06DFyc%2Fchatbot_membership_2.png?alt=media&amp;token=a91f5fc2-f985-484f-8225-578d8ca83eb5" alt=""><figcaption></figcaption></figure>

Step 3. 確認按鈕設定完畢，點選右上方儲存

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FWnROzKi5D36wrvSKv70W%2Fchatbot_membership_3.png?alt=media&amp;token=67bd95fe-8846-4fae-a047-57da702cb291" alt=""><figcaption></figcaption></figure>

Step 4.前往圖文選單模組，將圖文選單上的「會員模組」區塊設定為觸發機器人「會員模組」

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2Fz0m81iIBIauOxyvCmGw4%2Fchatbot_membership_4.png?alt=media&amp;token=e50f3d0f-681a-4df6-91ca-3f601c22b01b" alt=""><figcaption></figcaption></figure>

Step 5.發布選單後，LINE用戶端客人就可以在聊天室中的圖文選單呼叫出會員模組卡片囉！

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2F5J0X9YQ6AZpClBeq3JUg%2Fchatbot_membership_5.gif?alt=media&amp;token=91624fce-676e-4ef3-af81-9b4881b34ec8" alt=""><figcaption></figcaption></figure>

## 會員模組應用範例2-會員等級

若有會員等級制度，則可以客製化模組卡片的圖示

Step 1. 於機器人列表上方點選「設定會員模組」按鈕

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2F5xcvUarZDY7CMbmuWEJ1%2F%E6%88%AA%E5%9C%96%202025-03-18%20%E4%B8%8B%E5%8D%886.48.54.png?alt=media&amp;token=cb5b15e4-9c30-4419-989f-05de8ce6d3d1" alt=""><figcaption></figcaption></figure>

Step 2. 依據SHOPLINE上的會員等級，分別設定圖片Icon以及圖卡顏色<br>

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FrguTaoVLCdviW5x8BU3g%2F%E6%88%AA%E5%9C%96%202025-03-18%20%E4%B8%8B%E5%8D%886.49.54.png?alt=media&amp;token=292ebffa-0f94-4dfa-bbb6-64d5960d4d8d" alt=""><figcaption></figcaption></figure>
