# 開始使用Besparks CRM

歡迎使用Besparks CRM，一起碰撞出潛力無窮的火花！\
Besparks CRM是專為電商量身打造，結合SHOPLINE顧客分群功能的行銷自動化工具平台。不僅能利用會員標籤及RFIM精準推播目標客群，更無縫整合線上線下會員管理，增加顧客黏著度；簡單易用的解決方案，有效提升電商轉換率和回購率，實現行銷投資效益最大化！

還未安裝和註冊Besparks帳號？ 

> [將Besparks CRM安裝至「我的擴充商店」](/kai-shi-shi-yong-besparks-crm/jiang-besparks-crm-an-zhuang-dao-wo-de-kuo-chong-gong-neng)

如何登入Besparks CRM?

> [登入Besparks CRM](/kai-shi-shi-yong-besparks-crm/deng-ru-besparks-crm)

如何將Line OA帳號串接到 Besparks CRM？

> [串接LINE OA帳號](/besparks-crm-gong-neng-mo-zu-shuo-ming/app-setup/app-setup-lineoa)

如何將官網會員分群連動到Besparks CRM？

> [首次連動SHOPLINE到Besparks CRM](/besparks-crm-gong-neng-mo-zu-shuo-ming/app-setup)

**以下為第一次使用Besparks CRM的設定步驟，同時也提供您各步驟可參考的教學文章：**

步驟1-2請參考：[將Besparks CRM安裝至「我的擴充商店」](/kai-shi-shi-yong-besparks-crm/jiang-besparks-crm-an-zhuang-dao-wo-de-kuo-chong-gong-neng)

步驟3-4請參考：[登入Besparks CRM](/kai-shi-shi-yong-besparks-crm/deng-ru-besparks-crm)

步驟5請參考：[應用串接](/besparks-crm-gong-neng-mo-zu-shuo-ming/app-setup)

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


# 將Besparks CRM安裝到「我的擴充功能」

本章節將介紹如何將Besparks CRM安裝到SHOPLINE擴充功能，並指引您如何登入Besparks CRM。

## Step 1. 在擴充功能商店中找到Besparks CRM

登入SHOPLINE電商後台，前往「擴充功能」 > 「擴充功能商店」

在擴充功能商店中找到「Besparks 電商CRM整合行銷平台」並點選。（也可通過右邊篩選器選擇「市場推廣」類別來尋找）

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

## Step 2.  將Besparks CRM安裝到擴充功能中

進入擴充功能頁面，點選右上角「立即安裝」

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

安裝完成後，可於原安裝的畫面看到右上角出現「已安裝」的字樣，此時請點選「打開擴充功能」，前往Besparks CRM的登入介面。

<figure><img src="/files/3KOKFHj2wjQuvqzJLoAw" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
若您安裝完成後，SHOPLINE系統自動跳轉到此頁面，也可從「我的擴充功能」列表中找到Besparks CRM（如下圖），點選右側按鈕「打開擴充功能」便可前往Besparks CRM的登入頁。
{% endhint %}

<figure><img src="/files/65a0prL4wFXVWr4Kr8P9" alt=""><figcaption></figcaption></figure>


# 登入Besparks CRM

若您已完成「安裝Besparks CRM到SHOPLINE擴充功能」的步驟，請參照接下的步驟登入Besparks CRM

## Step 1. 首次使用，填寫諮詢表單

若您第一次使用，請先點擊諮詢表單，專員會替您開通試用帳號

## Step 2. 使用您的SHOPLINE管理員(店長)email進行登入，或使用SHOPLINE快速登入

1. 若您第一次使用，請先點擊[**諮詢表單**](https://tally.so/r/wM8QY0)，專員會替您開通試用帳號
2. 進入Besparks CRM登入頁面，若您為第一次登入，可先點選右下角「忘記密碼」進行帳密設定

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

{% hint style="info" %}
因Besparks CRM需要您的SHOPLINE電商憑證，若您尚未安裝Besparks CRM至您的SHOPLINE擴充功能中，請點擊畫面上方的「前往SHOPLINE擴充商店」，並參考[**此文章**](/kai-shi-shi-yong-besparks-crm/jiang-besparks-crm-an-zhuang-dao-wo-de-kuo-chong-gong-neng)
{% endhint %}

{% hint style="info" %}
如何取得SHOPLINE管理員Email？

路徑：請至您的SHOPLINE商店後台 >> 設定 >> 管理員及安全設定

店長Email即為管理員Email
{% endhint %}

2. 點選後，需請您輸入SHOPLINE電商的**店長Email**，系統將寄送密碼設定信件至您輸入的email中。

<figure><img src="/files/0RP3rVMDtVG4wzAu6N5E" alt=""><figcaption></figcaption></figure>

## Step 3. 設定帳密

1. 請點選系統寄送的信件，進行使用者密碼設定

{% hint style="warning" %}
若未收到信，請確認信件是否被分類到垃圾信件、或是被您的信箱視為外部信件而攔截。
{% endhint %}

<figure><img src="/files/4WpTfzH8QuEVOBznFCuw" alt=""><figcaption></figcaption></figure>

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

2. 設定完畢後，系統將跳轉回登入頁面，此時即可輸入您設定的帳號密碼登入系統。

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

現在，您可以正式開始使用Besparks CRM囉！在開始設計行銷活動之前，需先將您的LINE OA帳號與SHOPLINE電商的會員資料與Besparks CRM系統串接。接下來，請參照這篇文章進行設定：[**應用串接**](/besparks-crm-gong-neng-mo-zu-shuo-ming/app-setup)

{% hint style="info" %}
若您需要新增團隊使用者或管理使用人員，請參考此篇文章進行設定：[**人員管理**](/besparks-crm-gong-neng-mo-zu-shuo-ming/member-management)
{% endhint %}


# Besparks CRM功能模組說明

模組功能模組介紹與說明使用說明手冊

目前Besparks CRM 系統可分為以下幾個功能模組

{% content-ref url="/pages/sFJ7NUgLmSVI441s0jEA" %}
[訊息推播](/besparks-crm-gong-neng-mo-zu-shuo-ming/broadcast)
{% endcontent-ref %}

可安排立即或排程推播，發送設計好的訊息 或 機器人給LINE OA所有好友，或根據SHOPLINE分群來選擇欲發送訊息的目標群眾。訊息發送後可查看開信率、點擊率等數據。

{% content-ref url="/pages/KmP1WngOkHVrIga6koGa" %}
[行銷自動化](/besparks-crm-gong-neng-mo-zu-shuo-ming/marketing-automation)
{% endcontent-ref %}

包含客製化機器人、圖文訊息、自動回覆等自動化行銷工具，一站整合多元行銷工具，一步到位提升行銷效率。

{% content-ref url="/pages/Tdi8WfRdc13H0m8p6bIx" %}
[LINE圖文選單](/besparks-crm-gong-neng-mo-zu-shuo-ming/line-tu-wen-xuan-dan)
{% endcontent-ref %}

支援多頁式分眾選單、可排程推送，並支援觸發動作自定義，讓每位顧客體驗更個性化互動。也可搭配機器人模組的「會員模組」，整合線上線下會員管理，強化顧客黏著度。

{% content-ref url="/pages/8HWeH1rDbmqCTb4hN1YL" %}
[網站彈窗工具](/besparks-crm-gong-neng-mo-zu-shuo-ming/popup)
{% endcontent-ref %}

支援SHOPLINE的網站行銷追蹤功能，結合GTM（Google Tag Management）製作簡易好上手的彈窗引流工具。

{% content-ref url="/pages/vGaNfQtoue1wrB8MK9mH" %}
[應用串接](/besparks-crm-gong-neng-mo-zu-shuo-ming/app-setup)
{% endcontent-ref %}

提供LINE OA與電商官網會員串接到系統的教學步驟

{% content-ref url="/pages/DsKywaEakMOxOIGyu3lA" %}
[人員管理](/besparks-crm-gong-neng-mo-zu-shuo-ming/member-management)
{% endcontent-ref %}

使用者團隊人員管理教學


# 訊息推播

訊息推播

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

1. **搜尋欄：**&#x8F38;入「發送主題」可查找已建立的推播訊息訊息（輸入完畢後請按Enter進行查詢）
2. **推播狀態列表：**&#x53EF;切換顯示不同狀態的推播訊息。
   * 草稿：正在編輯中的推播訊息內容。
   * 已發送：已成功發送出去的推播訊息，可確認訊息的「點擊率」、「開信率」等數據
   * 排程中：已排定時程的待發送推播訊息，若到達排定時間，將轉為顯示在「已發送」訊息列表。
   * 暫停：若排程中的訊息需要重新編輯，可[**暫停後進入編輯**](#zan-ting-qu-xiao-tui-bo)。
   * 已取消：若在「排程中」或是「暫停」的推播訊息要取消發送，就會出現於「已取消」列表中。
3. **發送主題：**&#x5EFA;立後可方便查詢，Line用戶端客戶不會看到該發送主題名稱。
4. **發送類型：**&#x767C;送的推播訊息可分為「推播」與「廣播」
   * 推播：針對SHOPLINE設定好的顧客分群進行推播，可選擇不同的分群條件。
   * 廣播：針對所有LINE OA 好友進行廣播（不僅限於SHOPLINE會員）
5. **發送狀態：**&#x53EF;看到推播訊息的狀態（已發送/排程中/已取消）
6. **發送時間**：可看到推播訊息成功發出的時間
7. [**建立新的推播訊息**](#jian-li-xin-de-tui-bo-xun-xi)
8. **匯出報表**：依據推播日期下載推播結果報表資料
9. **檢視**：可看到已完成推播訊息的開信率、點擊率、發送人數、目標族群等資訊；瀏覽訊息則可以看到推播的內容

<div><figure><img src="/files/MY6AzQBzeWh7mNEME78w" alt=""><figcaption></figcaption></figure> <figure><img src="/files/Dr2489PjB5VWp9NEACxc" alt=""><figcaption></figcaption></figure></div>

***

## **建立新的推播訊息**

### **Step1. 設定推播目標群眾**

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

1. **推播渠道剩餘的訊息量**：根據您購買的Line OA訊息流量，您可在此看到目前尚餘的訊息則數。
2. **符合目前條件的聯絡人數：**&#x7CFB;統根據您選擇的推播方式計算出的目標群眾人數。
3. **選擇推播渠道：**&#x9810;設渠道為您串接的官方Line OA。若您是第一次使用Besparks CRM，請先確認您的Line OA帳號是否有成功串接。教學步驟請見：[**應用串接-將LINE帳號整合到Besparks CRM**](/besparks-crm-gong-neng-mo-zu-shuo-ming/app-setup/app-setup-lineoa)
4. **推播方式：**&#x6839;據所選推播方式，將訊息發送給不同目標族群
   * 廣播：將訊息發送給Line OA的所有聯絡人（包括非官網會員）
   * 推播：將訊息發送給<mark style="color:orange;">**「使用Line綁定官網帳號」的官網會員**</mark>，您可以在SHOPLINE電商後台透過消費者購物習慣、顧客喜好、會員標籤等條件設置不同顧客分群後，在這邊選擇預先設定好的分群。

欲設定SHOPLINE顧客分群，請參考此篇文章：[**SHOPLINE建立顧客分群**](https://support.shoplineapp.com/hc/zh-tw/articles/4752835368857-%E5%BB%BA%E7%AB%8B%E9%A1%A7%E5%AE%A2%E5%88%86%E7%BE%A4)

5. **新增推播條件（設定推播目標族群）：**<mark style="color:orange;">**只有「推播」功能才能新增「推播條件」**</mark>，最多可新增三個不同條件。*<mark style="color:blue;">疑難排解：</mark>*[*<mark style="color:blue;">為何推播人數和目標群組的人數總和不相等？</mark>*](#yi-nan-pai-jie)

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

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

6. **更新分群：**&#x9078;擇好推播條件後，點選「更新分群」按鍵，系統將會根據您選擇的條件計算即將推播的人數。確認人數計算完成後，即可點選「下一步」進行推播內容編輯。

<figure><img src="/files/5z2Uf4wum90y5KJ8cTwq" alt=""><figcaption></figcaption></figure>

### Step2. 設定推播內容

<figure><img src="/files/tS2CQROVqjsDuDslfcNr" alt="" width="375"><figcaption></figcaption></figure>

1. **編輯發送主題：**&#x5EFA;立後可方便查詢，LINE用戶端客戶不會看到該發送主題名稱。
2. **確定發送時間：**&#x53EF;選擇「立即推播」或「排程推播」。
3. **設定推播內容：**&#x53EF;以使用純文字的自訂訊息或是使用機器人模組，若選擇機器人模組，需要選擇機器人列表名稱與模組名稱才可送出推播。[*使用教學：如何建立推播機器人*](/besparks-crm-gong-neng-mo-zu-shuo-ming/marketing-automation/chatbot)

<figure><img src="/files/M695raQ1MVFUyWQr4vn7" alt="" width="563"><figcaption></figcaption></figure>

4. **預覽訊息模組：**&#x82E5;您選擇的推播內容為「機器人」，可點選畫面右下角的「預覽訊息模組」確認機器人內容。<mark style="color:orange;">**預覽內容呈現的畫面並非Line用戶端看到的樣式**</mark>，而是您在編輯機器人介面中看到的內容

<figure><img src="/files/3rvaGndC7WNJM6NgAJ7A" alt=""><figcaption></figcaption></figure>

若想知道用戶端實際收到的訊息內容＆樣式，可點選「立即/排程推播」上方的「發送測試訊息」，選擇您的團隊成員或自己的帳號發送測試訊息。

<figure><img src="/files/4FPd4YUaNeFJyDB74bNw" alt=""><figcaption></figcaption></figure>

{% hint style="danger" %}
請留意：測試帳號需要將Line綁定官網會員，才能被BeSparks CRM搜尋到。若測試人員還未將Line綁定官網帳號，可點選上方「還沒有註冊嗎」前往官網綁定Line帳號。
{% endhint %}

5. **排程/立即推播：**&#x78BA;認推播時間與內容都沒問題後，即可點擊「立即/發送」推播完成發送或排程。

## 暫停/取消推播&#x20;

若您在排程中的推播需要重新編輯或取消發送，可於「排程中」的推播列表找到欲暫停的訊息，點選訊息後方的「暫停」或「取消」即可。

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

處於暫停狀態中的推播，可在「暫停」的推播訊息列表中，點選訊息後方的「編輯」即可重回編輯狀態。

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

***

## 疑難排解

1. **我已選定推播目標，為何無法點選「下一步」繼續操作？**<br>

   若您已選定要推播的目標群眾，卻發現無法點選下一步繼續推播時，請先檢查<mark style="color:orange;">**您的目標群眾數量是否已大於剩餘訊息數量**</mark>，導致推播無法進行。此時您可以：

   1. 更換推播的目標群眾（人數不可超過剩餘訊息則數）
   2. 至LINE OA購買更多的訊息流量

2. **為何系統算出來的推播人數，和目標群組人數總和不相等？**\
   \
   根據您選定的推播方式，系統計算出的人數也有所不同：
   * 推播：由於不同分眾群組中可能包含重複名單，重複的名單只會被系統計算一次，此處顯示的人數不一定等同所有選中群組的人數總和，而是<mark style="color:orange;">**所有選中條件的群眾聯集**</mark>；若條件式選擇否，系統會以有效的LINE OA好友數量排除分眾名單作為剩餘的發送對象。
   * 廣播：系統將顯示您所有的LINE OA好友數量。<br>

3. **為何最後推播發送的人數和系統當初顯示的計算人數不同？**\
   \
   Besparks CRM透過Line渠道進行推播，請務必確保分群中的顧客皆為<mark style="color:orange;">**綁定LINE帳號的官網會員，才能收的到您發出的推播消息。**</mark>\
   \
   欲確認顧客是否有成功綁定Line會員，可從SHOPLINE電商後台>顧客管理>編輯顧客資訊中確認，顧客資訊若有顯示「LINE註冊帳號」，則為會員成功綁定LINE（如下圖）。

<img src="/files/HGezpsXJDxIUlM8d85pu" alt="" data-size="original">


# 行銷自動化

行銷自動化

支援客製化機器人、圖文訊息、自動回覆等自動化行銷工具，一站整合多元行銷工具，一步到位提升行銷效率。

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

{% content-ref url="/pages/yhXJ73eQAtM2vYWgGhCp" %}
[圖文訊息](/besparks-crm-gong-neng-mo-zu-shuo-ming/marketing-automation/imgtext-message)
{% endcontent-ref %}

{% content-ref url="/pages/fFElIte72Q2PPh80vev7" %}
[關鍵字自動回覆](/besparks-crm-gong-neng-mo-zu-shuo-ming/marketing-automation/keyword-autoreply)
{% endcontent-ref %}


# 機器人模組設定

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

## 新增機器人

<figure><img src="/files/5hpiaBlzhC2kLJD6xypA" alt=""><figcaption></figcaption></figure>

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

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

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

<img src="/files/6nz97gtZiPhQselQytgF" alt="" data-size="original"><br>

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

   <figure><img src="/files/Uuinm7zPFE0ncOHE4CTR" 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="/files/oB1yW7Yw8ZogmG1AvkMm" 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="/files/8UlwGa74sNIVEyqc6Cfl" 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="/files/npyJkDvOJRzEjBNKeKuH" 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="/files/dFcTeyKwOIkmTkiMPMoh" 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="/files/U9sLzm40QU7kcA8gQdjt" alt="" width="563"><figcaption></figcaption></figure>

最終呈現樣式

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

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

<figure><img src="/files/Fiw8RxyMRQOF67Kzd8jL" 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="/files/ROnjUfuOjyWBKiXrVqH4" alt=""><figcaption></figcaption></figure>

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

{% 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="/files/O5j3iF9jaeXfggmy7hzr" 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="/files/YmtQHKwvHiXH8JBjtnIL" alt="" width="373"><figcaption><p>呼叫對話模組</p></figcaption></figure> <figure><img src="/files/L6MqjeiuCk0JRZHydyUt" alt="" width="363"><figcaption><p>開啟網址連結</p></figcaption></figure> <figure><img src="/files/LnrAKpQSIFbE8zXSr9po" 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="/files/d6kZDlJ1SQT8yBnIoT4e" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

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

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

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

***

## 會員模組應用範例

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

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

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

<figure><img src="/files/3S4Hk3dQyLnL4f7EwhWQ" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

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

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

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

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

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

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

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


# 圖文訊息

圖文訊息可搭配「機器人」模組與「自動回覆」模組一起使用，建立

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

設定步驟可參考：[**行銷自動化 - 機器人模組設定**](/besparks-crm-gong-neng-mo-zu-shuo-ming/marketing-automation/chatbot)
{% 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)
{% endcontent-ref %}


# 關鍵字自動回覆

Bespark CRM 支援聊天時客戶傳送 「 關鍵字」 後，系統自動回覆。目前可應用於LINE 官方帳號渠道上。

## 自動回覆列表

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

1. **搜尋欄：**&#x8F38;入「<mark style="color:orange;">**活動名稱**</mark>」可查找已建立的自動回覆（輸入完畢後請按**Enter**進行查詢）
2. [**建立新的自動回覆**](#xin-zeng-tiao-jian-de-she-ding-hua-mian)
3. **活動名稱：**&#x5EFA;立後可方便搜尋，Line用戶端客戶不會看到該活動名稱。
4. **狀態：**&#x53EF;看到該自動回覆的狀態在前台為「啟用中」 / 「關閉中」
5. **觸發關鍵字：**&#x53EF;看到已設定用來觸發「自動回覆」的關鍵字
6. **回覆內容：**&#x53EF;看到設定好的觸發內容。包含「文字訊息」與「機器人對話模組」。
   * 若為文字訊息，則會顯示已儲存的文字回覆內容
   * 若為機器人，則會顯示「機器人對話模組」
7. **次數統計：**&#x53EF;看到此自動回覆在用戶端被觸發了幾次
8. **SHOPLINE貼標內容：**&#x89F8;發此自動回覆會幫用戶貼的標籤內容（選填）
9. **編輯 🖊：**&#x4FEE;改已儲存的自動回覆\
   **刪除 🗑：**&#x522A;除已儲存的自動回覆

***

## 新增條件的設定畫面

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

1. **啟用/關閉**：可以『開啟』 或 『關閉』 此關鍵字條件。
2. **活動名稱**：記錄此自動回覆的用途（例如：會員優惠、歡迎新客、XX檔期活動等）
3. **顧客訊息條件：**&#x8A2D;定當LINE用戶端傳送關鍵字為什麼內容，即可觸發自動回覆。
4. SHOPLINE貼標：當LINE用戶端觸發關鍵字回覆時，會將標籤自動貼到用戶的官網會員資料中。
5. **觸發自動回覆動作**： 當LINE用戶端觸發關鍵字後，將收到什麼回覆內容。 可選擇回覆內容類型為：文字訊息、機器人模組、不回覆消息。

{% hint style="info" %}
設定時請留意：英文字母與數字符號的**全形及半形，**&#x5728;系統中均視為不同的字元；大、小寫不區分，均視為相同 舉例來說：

`情況一：ABC` (半形) ，`ＡＢＣ` (全形) ，兩種為不一樣的關鍵字

情況二：ABC（大寫）、abc（小寫），這兩種為相同的關鍵字

情況三：關鍵字設定為 **`Abc（半形）`**， 客人打出 **`ABC`** > 這個會觸發關鍵字自動回覆； 客人打出 **`ＡＢＣ`**（全形）> 不會觸發關鍵字自動回覆
{% endhint %}

6. **關鍵字QRcode**：可生成帶有一個關鍵字的QRcode使用在行銷活動中。

## 觸發動作設定畫面

當客戶觸發關鍵字後，將收到什麼回覆內容。

可選擇回覆內容類型為：**文字訊息、機器人模組、不回覆消息（通常配合貼標籤功能使用）**。

### **文字訊息**&#x20;

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

### **機器人模組**

可選擇在[**「機器人模組」**](/besparks-crm-gong-neng-mo-zu-shuo-ming/marketing-automation/chatbot)中已經儲存的機器人，並指定希望觸發的對話模組

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

### 不回覆消息

該動作主要是針對觸發關鍵字活動時可以同步貼標，旨在為用戶貼標，方便在SHOPLINE電商後台分群。

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

***

## 顧客訊息條件

設定當客戶傳送關鍵字為什麼內容，即可觸發自動回覆，至少一定要設定一組關鍵字。

* **建立關鍵字**：輸入關鍵字後，請按一次Enter，關鍵字就會被成功建立
* **取消關鍵字：**&#x9EDE;選關鍵字後的「Ｘ」，或取消下方清單中的「✔️」，就可取消關鍵字。取消的關鍵字將會從欄位中直接刪除。

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

## 關鍵字 QR Code 運用 <a href="#guan-jian-zi-qr-code-yun-yong" id="guan-jian-zi-qr-code-yun-yong"></a>

{% hint style="info" %}
關鍵字 QRCode 僅支援<mark style="color:orange;">**一個關鍵字**</mark>，若同時有多個關鍵字無法產生 QRCode
{% endhint %}

Step 1. 設定關鍵字條件（只能包含 「一個 」 關鍵字)，完成後點選上方「產生QRcode」按鈕

<figure><img src="/files/4lI4EYy437sRheTkz2nW" alt=""><figcaption></figcaption></figure>

Step 2. 畫面將跳出QRcode，可選擇直接「下載」或右方「🔗」圖示複製連結就能夠使用在行銷活動中。

<figure><img src="/files/3asSYpazt1IQyI8gYHqd" alt=""><figcaption></figcaption></figure>

Step 3. 消費者掃描 QRcode 會在對話輸入框出現設定好的關鍵字詞，當消費者發送關鍵字，就會觸發已經設定好的自動回覆內容。

<figure><img src="/files/k8ML23EAyzDBFZ2nRQvj" alt="" width="375"><figcaption></figcaption></figure>

{% hint style="info" %}
若自動回覆內容的「關鍵字」有更動，<mark style="color:orange;">**需要重新產生QRcode和連結**</mark>置入行銷活動，舊的連結與QRcode將會失效。
{% endhint %}


# LINE圖文選單

透過 Besparks CRM來製作 LINE 圖文選單，可以代入製作好的會員模組機器人或其他互動。接下來將帶您按照步驟設定！

{% hint style="info" %}

1. 如果您在 LINE OA 後台已有設定圖文選單，之後進到 Besparks CRM 後台來進行設定並進行發布時，會以 **Besparks CRM 所設定的圖文選單為主**。
2. 由於透過 「Messaging API」 設定圖文選單，消費者實際看到的選單可能與此有所差異，建議還是以其中一邊後台來進行設定，以免混淆。
   {% endhint %}

## Step 1. 新增圖文選單 <a href="#bu-zhou-yi-xin-zeng-tu-wen-xuan-dan" id="bu-zhou-yi-xin-zeng-tu-wen-xuan-dan"></a>

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

## Step 2. 設定圖文選單 <a href="#bu-zhou-er-she-ding-tu-wen-xuan-dan" id="bu-zhou-er-she-ding-tu-wen-xuan-dan"></a>

以下將依序說明圖文選單各項目功能：

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

1. LINE 官方帳號：可以選定是要製作在哪一個 LINE OA 官方帳號（目前每家電商只開放綁定一個LINE OA）
2. 選單名稱：針對圖文選單的活動命名（無字數限制），僅後台可見，LINE用戶端不會看見。
3. 選單類型：
   * 主要選單：進到 LINE 官方帳號見到的第一個圖文選單
   * 次要選單可通過關聯至主選單綁定，在LINE用戶端點選切換出來。需要設計多頁圖文選單，請<mark style="color:orange;">**先設計主要選單，再設計次要選單**</mark>**。**&#x5982;您先建立次要選單，而尚未建立任何一個主要選單，「關聯至」的下拉式選單將會顯示「No Option」。

{% hint style="info" %}
選單類型請務必確認後再儲存，一旦儲存就無法再變更。
{% endhint %}

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

4. 可根據不同族群設置不同的圖文選單

* 預設：所有LINE OA的好友皆可看到的圖文選單（不限官網會員）
* 自訂：有完成LINE帳號綁定官網帳號的消費者，將於LINE用戶端優先看到該圖文選單

{% hint style="info" %}
進階方案可啟用自訂，讓SHOPLINE會員看到不同樣式的圖文選單
{% endhint %}

5. 啟用時間：
   * 立即：點選發佈後，將立即並常態出現在 LINE 官方帳號下方的圖文選單。若要停止此選單的顯示，需手動至後台將選單轉「暫停」或「結束」。
   * 排程：可設定開始與結束時間，選單將會根據您設置的時間自動推放與結束推放。若LINE用戶端已存在常態顯示的圖文選單，當排程選單到達上線時間時，系統會優先顯示排程選單。

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

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

{% hint style="info" %}

1. 排程時間設定需注意：同一個「主選單顯示條件」（預設/自訂）在同一時段只會顯示「一個圖文選單」（排程選單順序優於常態選單）。&#x20;
2. 排程開始時間需要比「現在時間」<mark style="color:orange;">**晚至少五分鐘以上**</mark>，如：設定時間為 11/18 12:30 ，排程開始時間，需設定於 11/18 12:35 分後，結束時間同理且不得早於開始時間
   {% endhint %}

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

6. 預設顯示：LINE用戶端進到 LINE 官方帳號時，圖文選單為展開狀態或收合狀態
7. 預覽＆設定圖文選單觸發動作：Besparks CRM的圖文選單支援<mark style="color:orange;">**自訂版型**</mark>，可以在預覽視窗中新增自定義區塊，且新增預覽區塊的英文順序對應下方行動的英文標題順序。操作方式如下：
   1. 在圖上欲觸發動作的地方，拖曳游標新增動作區塊。若要刪除動作區塊，請點選區塊上方的「垃圾桶」icon即可。
   2. 若欲更換動作區塊，可點選區塊上方字母，區塊會根據新指定的字母交換位置。若指定的字母在圖片區域尚未存在，則會根據現有區塊直接複製出新動作區塊。

<figure><img src="/files/Vlk6gyM4PHFEmAm1QcOx" alt=""><figcaption><p>新增＆刪除動作區塊</p></figcaption></figure>

<figure><img src="/files/v0eNvfyvaDK00kI6mWJ4" alt=""><figcaption><p>更換動作區塊</p></figcaption></figure>

<figure><img src="/files/PIWc2kKKqoFL6BbwxSfl" alt=""><figcaption><p>複製動作區塊</p></figcaption></figure>

8\. 編輯選單列可顯示文字，右邊預覽視窗下方可確認編輯後的圖文樣式（字數最多為14字）

9\. 上傳檔案：圖片格式需為 JPEG、JPG、PNG，檔案大小為 1 MB，尺寸大小圖片寬：800px-2500px 圖片高：250px-1686px。長寬比例(寬/高)至少1.5，ex:寬800px:高6000px

10\. 定義行動：可選「文字訊息」、「開啟 URL」、「機器人模組」三種觸發動作

* 文字訊息：設定點擊後送出的訊息內容
* 開啟 URL：設定 URL 後，客人點擊該動作會引導到站外。

{% hint style="info" %}

1. 若網址本身不帶UTM訊息，系統將自動帶入bespark CRM系統預設的UTM以利行銷成效追蹤（詳細請參考：bespark CRM 系統 UTM說明）。若綁的連結為短網址，或有另行綁定UTM，則將以用戶自行綁定的UTM為主。
2. 網址建議以「https\://」開頭，避免連結導向錯誤（非強制）
3. 開啟 URL 僅能填寫網址，不能追加任何其他非網址的文字訊息
   {% endhint %}

* 機器人模組：可呼叫在機器人模組中已經設定好的機器人，也可以搭配「會員模組」一起使用。\
  [*<mark style="color:blue;">想要讓會員可以在選單直接叫出「</mark><mark style="color:blue;">**會員模組**</mark><mark style="color:blue;">」？參考教學步驟設定去</mark>*](/besparks-crm-gong-neng-mo-zu-shuo-ming/marketing-automation/chatbot#hui-yuan-mo-zu-ying-yong-fan-li)*<mark style="color:blue;">👉</mark>*
* 切換圖文選單（設定操作步驟如下）：
  * 在當前主選單中建立「切換圖文選單」的觸發區域（此時切換的選單選項應該會顯示「No option」，因未尚無關聯的子選單）
  * 將當前的主要選單存為草稿，再新建立一個子選單並關聯到該主選單。
  * 在子選單中建立一個「切換圖文選單」的動作區塊，儲存子選單。
  * 再次點選子選單的「切換圖文選單」，此時會出現主選單可選擇，選擇後選擇儲存（若沒有其他需要編輯的地方，也可直接發佈）。<mark style="color:orange;">若有多個希望可以切換的子選單，則重複新增-儲存子選單的步驟。</mark>
  * 回到主選單，「切換圖文選單」的設定處就會出現所有關聯的子選單。

## Step 3. <a href="#bu-zhou-san-she-ding-wan-cheng" id="bu-zhou-san-she-ding-wan-cheng"></a>

圖文選單設定完成後可以選擇進行「儲存」或是「發佈」。<mark style="color:orange;">若此選單為初次編輯，需要先「儲存」才能夠「發佈」</mark>。

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

1. 『儲存』：該圖文選單會進入『草稿』，可返回圖文選單列表點擊鉛筆圖示進行編輯
2. 『發佈』：該圖文選單會進入『排程中』，排程中的圖文選單無法編輯啟用時間、也無法儲存設定，**若要更改啟用時間或編輯內容，須將圖文選單暫停或結束**。

## 圖文選單列表 <a href="#tu-wen-xuan-dan-lie-biao" id="tu-wen-xuan-dan-lie-biao"></a>

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

**不論主要或是次要選單，只要是「排程」、「進行中」、「已結束」狀態的圖文選單都無法變更內容與啟用時間，只有在「草稿」、「暫停中」的狀態才可以做更改。**

1. 狀態列表：選單狀態分為五種。草稿、排程中、進行中、已暫停以及已結束
2. 主選單名稱：圖文選單名稱，僅出現在後台系統
3. 次選單名稱：圖文選單名稱，僅出現在後台系統
4. 選單狀態：可看到目前選單的狀態
5. 主要選單顯示條件：
   1. 預設：所有LINE OA好友可顯示此圖文選單
   2. 自訂： 已綁定官網會員的LINE好友會顯示的圖文選單
6. 啟用時間：若設定選單時，啟用時間為「立即」，則會顯示「永久啟用」；若為排程選單則會呈現選單排程上線的時間
7. 列表可進行圖文選單進行編輯、暫停、結束、複製、刪除。**次要選單後方的行動，只有暫停沒有結束。**

**若要暫停、結束、刪除主要選單，會跳出提示訊息告知用戶並將關聯的次要選單暫停、結束、刪除（主次要選單狀態會相同）**

複製圖文選單後，該圖文選單名稱為 「『原本 LINE 圖文選單名稱』（複製）」 且狀態為草稿狀態，可再自行調整圖文選單名稱

{% hint style="info" %}

* 刪除選單：只有在「草稿中」、「已暫停」及「已結束」狀態才能刪除選單
* 結束選單：只有在「排程中」及「進行中」狀態才能結束選單
  {% endhint %}

8. 搜尋：可搜尋圖文選單名稱來查找

## 製作圖文選單注意事項 <a href="#zhi-zuo-tu-wen-xuan-dan-zhu-yi-shi-xiang" id="zhi-zuo-tu-wen-xuan-dan-zhu-yi-shi-xiang"></a>

**圖文選單列表上操作**

* 需要先確認原本暫停的圖文選單。若是暫停、結束、刪除主要選單，會跳出提示訊息告知用戶，將會一並把關聯的次要選單暫停、結束、刪除（主、次要選單狀態會相同）

<figure><img src="/files/85jiDr3LNQfXnVolLoLs" alt=""><figcaption></figcaption></figure>

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

**發佈圖文選單**

* 若要發佈或排程目前是「暫停中」或是「已結束」的主要圖文選單，系統會先檢查在主要選單定義行動區塊有相關聯的次要選單狀態
* 若此時<mark style="color:orange;">次要選單不是</mark> <mark style="color:orange;"></mark>*<mark style="color:orange;">**進行中**</mark>* <mark style="color:orange;"></mark><mark style="color:orange;">的狀態</mark>，發布主要選單時就會跳出提醒訊息，請您先將有在定義行動區塊關聯的次要選單都先發布，才能發佈此主要選單

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

* 若主選單被暫停，子選單將被一起暫停（子選單無法自行暫停）。此時若要重新發佈該組選單，仍須先發布組合裡的子選單，才能發佈主選單。<br>


# 網站彈窗工具

工具Bespark CRM 提供彈窗插件程式碼，電商商家可透過GTM將插件安裝在網站中

下面將介紹如何設定彈窗＆將彈窗安裝至電商官網：

* [設定彈窗樣式](#she-ding-dan-chuang-yang-shi)
* [彈窗安裝前置作業](/besparks-crm-gong-neng-mo-zu-shuo-ming/popup/popup-before-setup)
* [將彈窗安裝到官網上](/besparks-crm-gong-neng-mo-zu-shuo-ming/popup/popup-setup)

## 設定彈窗樣式

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

**Step 1. 新增URL（必填）**\
輸入彈窗導流的網址，格式請務必使用<mark style="color:orange;">**https\://**</mark>作為網址開頭，以免網站導流出現錯誤

**Step 2. 設定彈窗出現概率**\
設定彈窗出現在官網的頻率（關掉彈窗後，彈窗再次出現的時間）

**Step 3. 上傳彈窗圖片**\
圖片可接受的檔案格式為jpg、png（圖片尺寸不限，檔案大小上限為<mark style="color:orange;">**500KB**</mark>）

**Step 4. 設定彈窗背景顏色**\
設定彈窗想要的背景顏色，也可參照下圖設定成透明背景（色票代碼：#ffffff00）

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

**Step 5. 設定彈窗在網頁上的位置**\
設定彈窗出現在網頁的位置，系統預設彈窗出現位置在網頁左下方

**Step 6. 透過預覽彈窗確認樣式設定**\
上述彈窗設定完成後，可透過預覽視窗確認彈窗樣式是否符合預期。若想要保存這次的彈窗設定，可以點選右上角「儲存」按鍵。

{% hint style="info" %}
點選「儲存」按鈕可以保存當前的彈窗設定，以便日後微調彈窗設定時不必重新上傳圖片、URL等。若未保存當前設定，也不會影響彈窗安裝到官網上的效果。
{% endhint %}

**Step 7. 複製程式碼**\
若確認彈窗樣式已設定完成，即點選最下方的「複製程式碼」按鈕，前往Google Tag Management安裝設定好樣式的彈窗。若您從未使用過Google Tag Management在將彈窗正式安裝到官網前，請務必參閱「[**彈窗安裝前置作業**](/besparks-crm-gong-neng-mo-zu-shuo-ming/popup/popup-before-setup)」，確保您的官網環境設定已完成。


# 彈窗安裝前置作業

在將彈窗安裝到官網前，需要先確認您的電商設定是否已完善

將彈窗安裝到官網前，請先確認您的官網環境：

* GTM（Google Tag Management) 已建立您的官網帳號
* 您的SHOPLINE電商後台「網店行銷及追蹤」 > 「追蹤設定」已存在「Google 代碼管理工具」（如下圖）

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

若您已完成上述設定，請前往此頁👉  [**彈窗安裝到官網上**](/besparks-crm-gong-neng-mo-zu-shuo-ming/popup/popup-setup)

{% hint style="info" %}
若您尚未完成上述兩項設定，請參考下列步驟準備前置環境：

1. 需先設定SHOPLINE的GTM，[**點此可參照詳細步驟檢查安裝**](https://support.shoplineapp.com/hc/zh-tw/articles/205276289-Google-%E4%BB%A3%E7%A2%BC%E7%AE%A1%E7%90%86%E5%B7%A5%E5%85%B7-GTM-%E5%AE%89%E8%A3%9D%E6%96%B9%E5%BC%8F)
2. 完成後，請看文章「[**彈窗安裝到官網上**](/besparks-crm-gong-neng-mo-zu-shuo-ming/popup/popup-setup)」
   {% endhint %}


# 彈窗安裝到官網上

安裝本篇將逐步帶領您將設定好的彈窗插件設定到您的電商官網上

1. 完成SHOPLINE官網GTM設定後，登入[**GTM管理頁面**](https://tagmanager.google.com/)
2. 點擊「新增代碼」

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

3. 設定代碼名稱（例如：官網彈窗插件）
4. 點擊「代碼設定」

<figure><img src="/files/4hQle9fmkfXMserzLU9j" alt=""><figcaption></figcaption></figure>

5. 請於右側彈窗的選項中，選擇下方的「自訂HTML」

<figure><img src="/files/2ynTXqpRyYAOIOKlMiDi" alt=""><figcaption></figcaption></figure>

6. 複製BeSparks CRM 「網站彈窗」的程式碼，貼到到HTML的欄位中

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

7. 點擊下方的「觸發條件」，出現右側彈窗後，選擇「All Pages」

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

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

8. 點選右上方「儲存」

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

9. 點選左側列表中的「代碼」，選擇新建立好的彈窗。若想要預覽彈窗在官網上的樣式，點選右上角「預覽」（綠色箭頭），即可模擬彈窗在官網上顯示的情況。

<figure><img src="/files/5ttZxVSKNEBTe6mbIufA" alt=""><figcaption></figcaption></figure>

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

10. 若確認彈窗樣式沒問題，點選右上角「提交」（橘色箭頭），右側滑入「提交變更」視窗，選擇「發布」。

<figure><img src="/files/5ttZxVSKNEBTe6mbIufA" alt=""><figcaption></figcaption></figure>

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

11. 提交過程中，若遇到網頁詢問「容器版本說明」，可點選「略過」

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

12. 大功告成！之後只要等待15分鐘，即可至官網看到彈窗效果。

<figure><img src="/files/7WnnEDvXlcprfmIFJv3e" alt=""><figcaption></figcaption></figure>

13. 若未來需更改彈窗樣式，可至左側清單中點選「代碼」即可看到已儲存的彈窗代碼。您可選擇直接覆蓋現有彈窗的程式碼（在BeSparks CRM中設置好彈窗樣式後，複製程式碼，重複此篇文章步驟6-12即可），或跟著此篇文章重頭新增一個代碼。

{% hint style="info" %}
請注意：若您希望保存過去設定的彈窗，但在官網上套用新的彈窗設定，請參照以下步驟：\
1\.  前往GTM>工作區>代碼 \
2\. 點選列表中要換掉的彈窗代碼\
3\. 點選右上角「暫停」，將彈窗代碼的狀態轉為「暫停」\
4\. 參照此篇文章再次新增彈窗代碼即可
{% endhint %}

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


# 應用串接

將您的SHOPLINE網店與LINE OA帳號連動到BeSparks CRM平台

在正式進行行銷活動前，需先將您的電商LINE OA帳號與SHOPLINE會員資料串接到BeSparks CRM系統。若您是第一次使用BeSparks CRM系統，請參照下列步驟進行設定：

1. 串接您的電商LINE OA帳號：

{% content-ref url="/pages/XGMjPjisfZD2le0w1eyJ" %}
[將電商LINE OA帳號串接到Besparks CRM](/besparks-crm-gong-neng-mo-zu-shuo-ming/app-setup/app-setup-lineoa)
{% endcontent-ref %}

2. 串接您的SHOPLINE 會員資料

{% content-ref url="/pages/A5LJR8Tc5bzJ1d4jCrNv" %}
[將SHOPLINE會員串接到Besparks CRM](/besparks-crm-gong-neng-mo-zu-shuo-ming/app-setup/app-setup-shopline)
{% endcontent-ref %}


# 將電商LINE OA帳號串接到Besparks CRM

## 將LINE帳號整合到Besparks CRM

<mark style="color:orange;">**Step 1.**</mark> 前往您的SHOPLINE電商後台，於左側列表尋找「**擴充功能>我的擴充功能」**，並在擴充功能列表中找到Besparks CRM，並點擊最右方的下拉箭頭，選擇「APP設定」。[*還沒安裝Besparks CRM?請參考這裡安裝*](broken://pages/i4fuEiUt3zMn2GdXF6D7)

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

<mark style="color:orange;">**Step 2.**</mark> 請確認您的LINE Webhook狀態為「已啟用」，確保Besparks CRM能正常推播訊&#x606F;**（如下圖）**

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

<mark style="color:orange;">**Step 3.**</mark> 進入**LINE Offical Account Manager（**[**LINE OA後台**](https://manager.line.biz/)**）（如下圖）**

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

<mark style="color:orange;">**Step 4.**</mark> 點擊主畫面右上角的「設定」，並點選左側選單中的「Messaging API」，接著在Messaging API的畫面中，點擊「啟用 Messaging API」

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

{% hint style="danger" %}
點擊「啟用 Messaging API」之後，需要**選擇已經建立的服務提供者，或是建立新的服務提供者（Provider）。請注意，「服務提供者名稱」應輸入您的公司名稱，請不要輸入「BeSparks」。**
{% endhint %}

<mark style="color:orange;">**Step 5.**</mark> 完成Messaging API啟用後，就會出現以下畫面，並且狀態為「使用中」

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

<mark style="color:orange;">**Step 6.**</mark> 請點擊下方的「LINE Developers」，進入以下畫面。接著點擊右上角的三個點，選擇您的LINE帳號

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

<mark style="color:orange;">**Step 7.**</mark> 進入LINE Developer後：從左側的Admin選擇Provider（服務提供者），接著於主畫面點選Channel（官方帳號），進入設定頁面

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

<mark style="color:orange;">**Step 8.**</mark> 點選畫面中的「Messaging API」，滑到頁面最下方可看到「Channel access token (long-lived)」，點選token後方的「⎗」鍵即可複製代碼。

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

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

<mark style="color:orange;">**Step 9.**</mark> 登入BeSparks CRM，前往設定 > 應用串接，進入下圖頁面。

請將剛剛取得的Channel Access Token貼入紅框區域後，點選左上角的「串接帳號」

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

<mark style="color:orange;">**Step 10.**</mark> 回到Line官方帳號後台，點選畫面中的「Line Login」，請將「Channel ID」、「Channel secret」複製。

<figure><img src="/files/1zsqOysoaE4khDIIHXAb" alt=""><figcaption></figcaption></figure>

<div><figure><img src="/files/N9efuGbJ02HhmbvIqbJf" alt="" width="325"><figcaption></figcaption></figure> <figure><img src="/files/JTSabTOh7FM6mIT51b60" alt=""><figcaption></figcaption></figure></div>

回到BeSparks CRM，將剛剛取得的Channel ID、Channel secret貼入紅框區域

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

<mark style="color:orange;">**Step 11.**</mark> 點選右上角的「串接帳號」當視窗上方出現「串接成功」，並確認Channel Name 與 Line官方帳號ID成功跑出，就代表串接成功囉！

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


# 將SHOPLINE會員串接到Besparks CRM

{% hint style="info" %}
若您為第一次使用Besparks CRM，請參照下列步驟將SHOPLINE的會員名單串接系統。此步驟只需操作一次，未來Besparks CRM系統將會自動更新官網新綁定LINE的會員名單。
{% endhint %}

## 將SHOPLINE會員串接到Besparks CRM

<mark style="color:orange;">**Step 1.**</mark> 登入SHOPLINE電商後台，前往顧客管理>顧客 頁面，點選左上方的「匯出顧客報表」

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

<mark style="color:orange;">**Step 2.**</mark> 選擇要匯出的資料欄位：顧客ID、全名、Line註冊ID、電郵即可（如下圖），得到「顧客報表.csv」檔案。

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

<mark style="color:orange;">**Step 3.**</mark> 登入Besparks CRM，前往設定 > 應用串接，進入下圖頁面。點選主畫面上方的下拉式選單，切換成「SHOPLINE」。

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

<mark style="color:orange;">**Step 4.**</mark> 點選畫面下方的「上傳SHOPLINE」顧客名單，點擊下方的「上傳」，將剛才從SHOPLINE上抓取的顧客報表檔案匯入。

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

<mark style="color:orange;">**Step 5.**</mark> 匯入檔案後，系統將自動代入您的SHOPLINE商店名稱、代號、Logo及官網URL，並顯示顧客名單已導入，即表示串接完成。

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


# 人員管理

管理您的團隊成員與權限

使用者管理列表可讓您新增與管理團隊成員

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

## 登入BeSparks CRM

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

若使用者已被成功加入團隊，則可通過SHOPLINE擴充商店後台前往登入頁面

## 新增團隊成員

點選列表右上方「新增」按鈕，出現新增人員的彈窗

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

輸入欲新增的成員的email，系統將寄送信件請被邀請重新設定登入密碼。密碼設定後，人員就可登入系統。

<figure><img src="/files/KLCL1LGpM0UH1af2Tskh" alt="" width="375"><figcaption></figcaption></figure>

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

1. **重設密碼：**&#x82E5;被邀請者沒有收到email、或使用者忘記密碼，可請其他使用者於列表最右方點選「重設密碼」，系統將重新寄送密碼設定信件給該使用者。
2. **刪除使用者：**&#x82E5;使用者已不存在或已不使用現有的email，可於使用者管理列表最右方點選「刪除」
3. **訂閱紀錄：**&#x53EF;看到目前您的電商帳號購買的方案費用與到期日。

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

{% hint style="warning" %}
若方案期限到期，系統<mark style="color:orange;">**將自動停止所有使用者登入權限**</mark>，請務必至少於到期日前一天確認是否需要續約以及備份資料，以免影響您的使用權益。
{% endhint %}


# Besparks CRM UTM說明與查詢

Bespark CRM UTM說明與查詢

### Besparks CRM UTM 說明 <a href="#omnichat-utm-cha-xun" id="omnichat-utm-cha-xun"></a>

BeSparks CRM的訊息推播、圖文選單、機器人、自動回覆有提供UTM參數，以便使用者在GA中追蹤與分析轉換來源和媒介。

{% hint style="info" %}

1. 圖文選單中若綁定的連結、機器人卡片的內文等若已綁定UTM的網址（如：lihi），則「**不會加上BeSparks CRM 的 UTM**」。
2. 透過自動化工具（如：關鍵字自動回覆、推播訊息、圖文選單）發出的機器人模組訊息，對應的 UTM 只會加在第一個發出的訊息，後續的機器人流程 UTM 會歸到「機器人訊息」
3. 官網顧客行銷中站內行銷訊息，「點擊圖片導頁網址」以及「內文連結」，有自帶 UTM 的話則不會代入 Besparks CRM 的 UTM
   {% endhint %}

| 訊息來源      | utm\_source   | utm\_medium     | utm\_campaign                 | 補充說明 |
| --------- | ------------- | --------------- | ----------------------------- | ---- |
| 機器人訊息     | besparks\_crm | chatbot\_line   | chatbot\_line\_機器人id\_機器人模組id |      |
| 推播訊息      | besparks\_crm | broadcast\_line | broadcast\_line\_推播訊息標題名稱     |      |
| 關鍵字自動回覆   | besparks\_crm | autoReply\_line | keyword\_line\_關鍵字活動名稱        |      |
| LINE 圖文選單 | besparks\_crm | menu\_line      | menu\_line\_圖文選單名稱            |      |


# 加購功能


# SHOPLINE會員模組

SHOPLINE 會員模組可讓您根據 SHOPLINE 會員等級，自定義會員所屬的代表顏色和徽章，設計獨特的會員圖卡。

<figure><img src="/files/E3hjHclAZkxEquBkGsVd" alt="" width="315"><figcaption></figcaption></figure>

<mark style="color:orange;">**Step 1.**</mark> 確認加購後，請重新登入，進入機器人設計頁面，上方工具列中找到「設定會員模組」

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

<mark style="color:orange;">**Step 2.**</mark> 上傳圖片

首先，您需要準備好會員等級的代表圖片和 icon。建議圖片尺寸&#x70BA;***520mm \* 520mm***，格式為 ***png***。

<mark style="color:orange;">**Step 3.**</mark> 選定色號

接下來，您可以為每個會員等級選定代表顏色。您可以直接輸入色碼，或使用顏色選擇器選取顏色。

<mark style="color:orange;">**Step 3.**</mark> 預覽、儲存

完成圖片上傳和顏色選定後，您可以預覽會員圖卡效果。若滿意設計，即可儲存設定。


# 地圖模組

地圖模組可讓您整合線下門市、分店資訊，並透過 CRM 的 LINE Bot 提供地圖查詢功能。

<mark style="color:orange;">**Step 1.**</mark> 確認加購後，請重新登入，可以在左側工具列中的「設定」，找到「地圖模組」。<br>

<figure><img src="/files/Y4wER4NxmIE3ZZC15fq0" alt="" width="171"><figcaption></figcaption></figure>

<mark style="color:orange;">**Step 2**</mark> 匯入門市資料

您需要先準備一份包含門市地址清單的檔案，格式&#x70BA;***CSV***。

然後，您可以透過匯入功能，將門市資料導入至 CRM 系統。

<mark style="color:orange;">**Step 3**</mark> 自定義地圖圖標樣式

您可以為您的門市設定獨特的地圖圖標樣式。同樣地，您需要準備好圖標圖片，建議尺寸為 ***5mm\*5mm***，格式為png。

<mark style="color:orange;">**Step 4**</mark> 在 LINE Bot 中使用地圖模組

完成門市資料匯入和圖標設定後，您就可以在LINE機器人中使用地圖模組功能。搭配關鍵字自動回覆，使用者只要分享目前所在地的位置資訊，即可查詢距離最近的門市資訊。

<div><figure><img src="/files/Z1XPsLegfxSpQkoEvNad" alt=""><figcaption></figcaption></figure> <figure><img src="/files/bF8mm6kMkFvJ34DatxQA" alt=""><figcaption></figcaption></figure></div>

<div><figure><img src="/files/tJOr4qB2f4NdPF8IyHnI" alt=""><figcaption></figcaption></figure> <figure><img src="/files/7c5aMlenVHfpXplWFmso" alt=""><figcaption></figcaption></figure></div>