> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 【擴充功能】Smartarget Line - Contact Us 聯繫按鈕

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/6ygp55so5ywo6yoo5pa55qgi_1y8a10.png)

你可透過 Smartarget（第三方服務商）在你的官網新增聊天按鈕允許客戶使用 LINE 與你聯繫。


![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1jcmoyg.png)
### 步驟一：安裝 Smartarget Line - Contact Us

1. 前往 EasyStore 後台 → 安裝擴充 → 更多擴充 → 搜尋 Smartarget Line - Contact Us → 安裝
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_govp0n.png)

### 步驟二：設置 Smartarget Line - Contact Us

1. 選擇點擊按鈕後的行為



1.1  第一個選項為顧客可以選擇要聯繫的客服 Open window with support managers list. User selects one of managers to chat.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_16qe7wa.png)
第一選項可以設定以下文字
![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_19wm1b2.png)


1.2 第二個選項為會直接指派顯示第一位客服人員 Open chat (the first support manager will be used)

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_16d76so.png)

第二選項可以設定以下文字

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_j6mqdu.png)

1.3 第三個選項為顧客點擊按鈕即會導到 LINE 加好友二維碼 Open Line web directly without additional actions

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_1bgwr2y.png)
第三選項可以設定以下文字

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_1mld692.png)

2. 設定按鈕的形狀 Button Type、按鈕位置 Button Position（電腦版為 Desktop 、手機版為 Mobile）


![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_14r9uw7.png)
如果選擇【Custom】可以有更多按鈕的客製化如按鈕顏色 Background Color、字體顏色 Text Color、高度比例 Additional Vertical Margin、寬度比例 Additional Horizontal Margin 等等

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_6wgi4a.png)


3. 選擇按鈕的預示文字設定，如顯示預示文字Show Initial Message Popup 、顧客點擊關閉多久後會再出現等等 Dismiss period（步驟 1.0 裡若選擇第三選項將不會有這個設定）


![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1cx4blw.png)

4. 設定客服的資料，如姓名 Name 、 LINE ID 、職位 Role 、簡介 Caption、照片 Avatar、按鈕預示文字 Initial Message（步驟 1.0 裡若選擇第三選項將不會有這個設定）
![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_10dipsc.png)


4.1 如果想要增加更多客服，可點擊【+】

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_1fdhabc.png)


5. 點擊儲存，完成

---

### 💡 小提醒：

* 若你想隱藏 / 刪除 Smartarget 的外掛，你除了在 EasyStore 裡關閉 / 解除擴充之外，你還必須去到 [Smartarget 後台](https://app.smartarget.online) 進行隱藏 / 刪除


![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_2d8u6c.png)

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1qgzzwi.png)

* 你可 [點擊這裡](https://smartarget.online/demo.html)查看和測試 Smartarget 的所有外掛功能
