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

1.1 先看這裡

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

1.2 你需要準備的東西

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

1.3 步驟一:建立網站管道

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

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

3. 填寫表單:

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

4. 送出後,系統會請你勾選「哪些客服看得到這個管道的對話」(協作人員)。可以先勾自己,之後在設定頁隨時增減;但要注意,AI 轉真人時,系統只會自動指派給協作人員(以及負責人、管理員),所以正式接客前,記得把要接這個管道的客服都加進來(見《後台使用手冊》2-6)。

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. 在對話中心回一句,回頭看網站的對話泡泡有沒有收到。

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

順手做:填上「對外品牌名稱」。 同一個設定頁的「設定」分頁,先找到「網站名稱」,再往下找另一個欄位「對外品牌名稱」。兩者是不同欄位:「網站名稱」控制泡泡最上方的標題;「對外品牌名稱」控制 AI 回覆與系統訊息下方的署名(頭像用同一頁的「頻道頭像」)。填好署名後按「更新」,再重新整理顯示泡泡的網頁。沒填的話,AI 回覆底下顯示的是你註冊時填的公司名稱。一個帳號經營好幾個品牌時,請在每個管道各填各的。完整說明見《對話中心使用手冊》6.1。

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

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

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

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

1.8 選配:聊天前表單與會員身分驗證

聊天前表單(設定頁 →「聊天前表單」分頁):讓訪客開始對話前先填基本資料。打開「啟用聊天前表單」後,三個標準欄位(Email、姓名、聯絡電話)可各自決定要不要收集、要不要必填,也可以加入你自訂的聯絡人屬性,並寫一段跟表單一起顯示的說明訊息;改完按「更新聊天前表單設定」儲存。

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

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

🔴 沒有簽章的身分不算數。 訪客在聊天前表單、留 Email 的小卡填的資料,只會記錄下來給你的客服與業務參考,不會拿來認人;網站自行帶入但沒有簽章的會員編號則直接忽略。系統不會把他跟已經存在的顧客併在一起,也不會蓋掉或刪除任何已經存下來的顧客資料;那段對話不會載入別的顧客的 AI 記憶、聯絡資料與私密文件,對話內容也不會整理進別人的記憶。

他填的資料記在他自己的顧客卡片上:姓名在卡片還是系統隨機代號時直接成為他的名字;Email / 電話記在「訪客留下的 Email」「訪客留下的電話」這兩個欄位(不是正式的 Email / 電話欄),你確認是本人後再自己填進正式欄位,或由負責人或管理員用對話中心的手動合併把兩張卡片合在一起(見《對話中心使用手冊》2.1.5)。同一個瀏覽器再回來仍是同一張卡片,AI 對他的記憶也記在這張卡片上;但你把 Email / 電話填進正式欄位之後,他沒有會員簽章的網站對話就不再帶入或整理記憶。只留下這兩個欄位的訪客,一樣會出現在對話中心的「聯絡人」名冊與篩選裡。

會員的顧客資料也不會被對話泡泡修改:帶簽章的會員第一次出現時,網站帶進來的姓名會成為他的名字(只在卡片還是系統隨機代號時);之後網站再帶的姓名、Email、電話與自訂欄位,記在這個瀏覽器最近的一段對話上(姓名 / Email / 電話在「訪客留下的…」欄位),還沒有對話時不會記下;登入時網站帶的 Email 另外記成他的寄信地址(客服看不到、不拿來認人),第一段對話的回覆通知信也寄得到。會員登入前這個瀏覽器以訪客身分留下的姓名、Email、電話與自訂欄位,留在當時那幾段對話上,不會帶進會員卡。會員資料要更新,請在後台顧客頁或對話中心手動編輯。

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

1.9 常見卡關

1.10 桌面通知(順手設定)

先確認客服使用的是 Chrome 還是 Edge,再完成這三步:

① 對話中心:在「個人設定」找到「請啟用瀏覽器推播通知，以便接收通知」,右側開關必須開啟,並勾選想收到的通知類型。

② 瀏覽器:Chrome 把以下網址貼到 Chrome 網址列,把 https://chat.kinsunn.com 加到「允許傳送通知」清單:

chrome://settings/content/notifications

Edge 把以下完整網址貼到 Edge 網址列,將「通知」改成「允許」:

edge://settings/privacy/sitePermissions/allSites/siteDetails?site=https%3A%2F%2Fchat.kinsunn.com

③ Windows:按 Win + R,貼上以下內容再按 Enter:

ms-settings:notifications

開啟「通知」、關閉「請勿打擾」,並在「自動開啟請勿打擾」取消全螢幕那一項。下方找到 Chrome／Google Chrome,或 chat.kinsunn.com／Microsoft Edge,開啟該來源的「通知」和「顯示通知橫幅」。

要收到「有新對話建立」,客服也要在該管道的協作人員名單內。 新帳號預設只勾「有對話被指派給您」,請依接單分工調整。Chrome 三步見《對話中心使用手冊》4.2.1,Edge 三步見4.2.4,其他通知問題見附錄 C FAQ。