串接SaleSmartly客服對話視窗

SaleSmartly 是網站右下角的客服對話框，可以把 LINE 官方帳號、FB 訊息、網站訪客的提問收進同一個收件匣，客服不用在三個 App 之間跳來跳去。這一頁從建立聊天插件、放進網站，一路做到串接 LINE 官方帳號。

網站右下角對話框

建立聊天插件後，複製程式碼

安裝好能自訂 Javascript 的外掛後，把程式碼放進去

安裝外掛方法

串接官方Line

1# 添加Line到集成，並輸入Channel資訊

如果以前沒設定過，會出現"創建Messaging API"按紐，按它並照流程設定

2# 設定Line回應設定

3# 前往 LINE Developers 開啟 Use Webhook

前往 LINE Developers 頁面

4# 在網站上顯示

如果不需知道訪客瀏覽連結，不用進行後面步驟

5# 建立LINE Login

前往 LINE Developers 頁面

1. Region to provide the service：Taiwan

2. Company or owner's country or region：Taiwan

3. Channel icon (非必填)：放你的logo

4. Channel name：填頻道名稱

5. Channel description：填頻道簡介

6. App types：Web app

7. Email address：填你的mail

8. Privacy policy URL (非必填)：填網站的"隱私權政策"頁面連結

9. Terms of use URL (非必填)：填網站的"服務條款"頁面連結

Callback URL：https://api.salesmartly.com/client/line/callback

6# 創建LIFF app

1. LIFF app name：頻道名稱

2. Size：Full

3. Endpoint URL：https://api.salesmartly.com/client/line/auth-redirect

4. Scopes：全打勾

5. Add friend option：On

6. Scan QR：打開

7# 把資料填到salesmartly

幾個容易卡住的地方

對話框沒出現在網站上

程式碼要放在能自訂 JavaScript 的外掛裡、而且要對全站生效。只放在某一頁的話其他頁當然看不到。

LINE 訊息收不進來

三個地方都要對：LINE Developers 的 Use Webhook 要打開、LINE 官方帳號的回應設定要改成由 API 接手、Channel 資訊要填對。只要有一項沒做，訊息會被 LINE 的自動回覆吃掉，SaleSmartly 這邊完全看不到。

Callback URL 與 Endpoint URL 填錯

這兩個是固定值，不是你的網址：Callback URL 是 https://api.salesmartly.com/client/line/callback，LIFF 的 Endpoint URL 是 https://api.salesmartly.com/client/line/auth-redirect。

不需要知道訪客在看哪一頁

那就做到「在網站上顯示」那一段為止，後面的 LINE Login 與 LIFF 可以跳過。