第 1 章 官網對話泡泡(網站管道)

1.1 先看這裡

為什麼建議第一個接:流量是你自己的、沒有平台審核、沒有 24 小時回覆限制、顧客不用先加好友。而且它是唯一支援「會員登入後自動認人」的管道(見 1.8)。

1.2 你需要準備的東西

• 你官網的網址(例:https://www.example.com)。
• 能編輯網站樣板的權限——或一位能幫你貼一段碼的網站維護人員。
• (選配)你想顯示在對話泡泡上的品牌名稱與招呼語。

1.3 步驟一:建立網站管道

1. 依 0.2 進到「新增對話管道」頁。

2. 點第一張卡片「網站」。

3. 填寫表單:

   欄位	填什麼	備註
   管道名稱	顧客在對話泡泡上會看到的名字,例:蘋果科技線上客服	必填
   網站網址	你的官網網址	必填、不可留空;但它只是「標示這個管道給哪個網站用」,不會限制對話泡泡能裝在哪些網站(要限制請看 1.7)
   其餘欄位	對話泡泡顏色、歡迎標題、歡迎語等	可以先用預設值,建立完再到設定頁慢慢調

4. 送出後,系統會請你勾選「哪些客服看得到這個管道的對話」(協作者)。先勾自己就好,之後可在設定頁隨時增減。

5. 完成後,畫面會直接給你一段安裝碼。

1.4 步驟二:拿到安裝碼

安裝碼有兩個地方拿,拿到的是同一段:

方法 A(對話中心):該管道設定頁上直接顯示,按複製。

方法 B(後台,推薦交給網站維護人員時用):

1. 到後台 app.kinsunn.com →「對話管道」頁。
2. 找到「網站客服安裝碼」卡片(只有網站類型的管道才會有這張卡),按「顯示安裝碼」展開。
3. 按「複製」(複製成功會短暫顯示打勾)。

展開後除了安裝碼,還會列出三個資訊供你對照:

小提醒:如果你的網站不是 HTTPS 加密連線,瀏覽器可能會擋住「複製」按鈕——這時手動選取整段碼、按 Ctrl+C 就好。

1.5 步驟三:把安裝碼貼進網站

把整段碼貼到你網站每一頁的結尾,也就是 </body> 這一行之前。

• 用 WordPress:多數佈景主題在「外觀 → 佈景主題檔案編輯器 → footer.php」,或用任何一款「插入頁首頁尾程式碼」的外掛,貼進「頁尾」欄位。
• 用 Shopify / Wix / 91APP 等平台:找「自訂程式碼 / 追蹤碼 / 頁尾指令碼」的欄位,貼進去並選擇「所有頁面」。
• 自建網站:交給網站維護人員,一句話說明:「請把這段 script 貼到全站共用的 footer,</body> 之前。」

貼好、網站重新發布之後,打開官網,右下角就會出現對話泡泡。

關鍵觀念:訊息要進到哪一個管道,是靠安裝碼裡的網站識別碼判斷的,跟網域無關。所以你之後換網域、或同一段碼貼到多個網站,訊息都會正確進到同一個管道。

1.6 步驟四:驗收(確認真的通了)

1. 用手機或無痕視窗打開你的官網(不要用已登入後台的分頁,避免混淆)。
2. 點右下角對話泡泡,傳一句話,例如「測試訊息」。
3. 打開對話中心的收件匣——應該在幾秒內看到這通新對話,來源標示為網站管道。
4. 在對話中心回一句,回頭看網站的對話泡泡有沒有收到。

四步都成功 = 這個管道正式通了。

1.7 選配:允許的網域(要不要上鎖)

位置:對話中心 → 該網站管道 → 設定頁 →「允許的網域」。

這是一道選配的加強鎖,不確定就先留空,之後想限制再回來填。

另一個相關開關:「在行動應用程式中啟用小工具」。如果你把對話泡泡放進手機 App 裡的內嵌網頁,這類畫面不會帶網域資訊,一旦你設了「允許的網域」就會被擋掉——這時把這個開關打開即可。允許的網域留空的話,用不到這個開關。

1.8 選配:對話前表單與會員身分驗證

對話前表單(設定頁 →「對話前表單」):讓訪客開始對話前先填基本資料。三個標準欄位(Email、姓名、聯絡電話)可各自決定要不要收集、要不要必填,也可以加入你自訂的聯絡人屬性,並自訂表單標題與開場白。

開了表單會擋掉一部分懶得填的訪客,但換來可聯絡的名單。建議做法:B2B 或高單價商品開(要名單),一般零售關(要對話量)。

身分驗證(設定頁 →「身分驗證」):讓「同一位會員換裝置、隔天再來」都被認成同一個人——這是「同一個人 = 同一份 AI 記憶」的基礎,也是解鎖「僅限本人查看的私密文件」的前提。

這是工程串接:要由你的網站伺服器用一把只屬於這個管道的密鑰算出簽章。實作請交給你的網站工程師,並參考《後台使用手冊》第 3 章「讓官網已登入的會員自動通過身分驗證」那一段(兩本講的是同一件事)。

1.9 常見卡關

1.10 桌面通知(順手設定)

客服在瀏覽器允許通知後,有新訊息或轉真人時可以收到桌面推播提醒。限制:只支援桌面瀏覽器,而且你的網站要是 HTTPS。