1shop 一頁購物 × Kufu 酷服整合教學：在銷售頁嵌入智能客服，訂單轉換率提升的關鍵一步

你正在用 1shop 一頁購物經營電商，銷售頁做得漂亮、商品圖片拍得專業，但顧客逛著逛著卻突然離開了——因為他們有問題想問，卻找不到即時的客服管道。

這是台灣電商賣家最常見的痛點之一。根據實際操作經驗，銷售頁面加入即時客服功能後，顧客的停留時間平均增加 40%，購物車棄單率也明顯下降。原因很簡單：消費者在猶豫時，如果能馬上得到回應，下單的意願就會大幅提高。

本文將手把手教你如何在 1shop 一頁購物的銷售頁面中，嵌入 Kufu 酷服的智能客服 widget，讓訪客在瀏覽商品的同時就能直接發起對話，而你則可以在 Kufu 後台統一管理來自銷售頁、LINE、Facebook、Instagram 的所有客戶訊息。

---

一、為什麼 1shop 商家需要嵌入即時客服？

一頁購物的特性與挑戰

1shop 一頁購物的核心概念是「一頁到底」——商品介紹、選購、結帳全部在同一個頁面完成，大幅縮短購買流程。這種設計對衝動性消費非常有效，但也帶來一個問題：顧客在頁面上停留的時間通常很短，一旦遇到疑問（例如尺寸、運費、退換貨政策），如果沒有即時解答，就會直接關掉頁面。

傳統客服方式的侷限

大多數 1shop 商家目前的客服方式是：

這些方式都有一個共同問題：需要離開銷售頁面，一旦顧客跳轉到其他 APP 或頁面，回來的機率就大幅降低。

嵌入式即時客服的優勢

在銷售頁直接嵌入 Kufu 酷服的聊天 widget，顧客不需要離開頁面就能發問、得到回覆。同時，商家在 Kufu 後台就能看到所有訊息，搭配 AI 智能客服自動回覆常見問題，即使是深夜也不漏接任何商機。

---

二、整合前的準備工作

在開始操作之前，請確認你已經具備以下條件：

必要條件

1. 1shop 一頁購物帳號：已建立至少一個銷售頁
2. Kufu 酷服帳號：免費註冊即可使用
3. Kufu 匿名聊天通道已建立：在 Kufu 後台的「通道設定」中建立一個「網站聊天」通道

Kufu 端設定步驟

登入 Kufu 酷服後台，完成以下設定：

1. 進入「通道設定」頁面
2. 點擊「新增通道」，選擇「網站聊天」類型
3. 設定通道名稱（例如：「1shop 銷售頁客服」）
4. 啟用「匿名聊天」開關
5. 在「允許網域」中加入你的 1shop 銷售頁網域（例如 jmpk1t.1shop-app.com 或你的自訂網域）
6. 複製產生的「嵌入程式碼」，後續將貼到 1shop 後台

嵌入程式碼的格式如下：

<script>
  (function() {
    var script = document.createElement('script');
    script.src = 'https://www.kufu.tw/kufu-anonymous-chat.js';
    script.async = true;

    script.onload = function() {
      new KufuAnonymousChat({
        clientId: '你的通道ID',
        apiBase: 'https://www.kufu.tw',
        position: 'bottom-left'
      });
    };

    document.head.appendChild(script);
  })();
</script>

注意：clientId 是你的專屬通道識別碼，每個通道都不同，請務必從 Kufu 後台複製正確的程式碼。

position 參數說明

position 參數可以控制聊天按鈕在網頁上的顯示位置，可選值包括：

由於 1shop 銷售頁的右下角已有內建的 LINE 客服按鈕，建議將 Kufu 聊天 widget 設定為 bottom-left（左下角），避免兩個按鈕重疊。

---

三、在 1shop 銷售頁嵌入 Kufu 客服 widget

這是整個整合流程中最關鍵的步驟。1shop 銷售頁的「追蹤」設定區提供了插入自訂 HTML 程式碼的功能，我們就是透過這個入口嵌入 Kufu 聊天 widget。

步驟一：進入銷售頁追蹤設定

1. 登入 1shop 後台
2. 從左側選單點擊「銷售頁」
3. 選擇你要嵌入客服的銷售頁，點擊進入
4. 在銷售頁上方的功能分頁中，點擊「追蹤」

步驟二：貼上 Kufu 嵌入程式碼

在追蹤頁面中，往下滾動到「銷售頁」區塊，你會看到三個可以插入 HTML 的欄位：

• 銷售頁 Head 內：用於放置追蹤碼（如 GA、Facebook Pixel）
• 銷售頁 Body 最上方：適合放置需要盡早載入的腳本
• 銷售頁 Body 最下方：適合放置不影響頁面載入速度的腳本

建議將 Kufu 嵌入程式碼貼在「銷售頁 Body 最下方」欄位中，這樣不會影響頁面的載入速度，聊天 widget 會在頁面完成載入後自動出現。

將從 Kufu 後台複製的嵌入程式碼，完整貼入欄位中（記得加上 position: 'bottom-left' 避免與 LINE 客服按鈕重疊）：

<script>
  (function() {
    var script = document.createElement('script');
    script.src = 'https://www.kufu.tw/kufu-anonymous-chat.js';
    script.async = true;

    script.onload = function() {
      new KufuAnonymousChat({
        clientId: '你的通道ID',
        apiBase: 'https://www.kufu.tw',
        position: 'bottom-left'
      });
    };

    document.head.appendChild(script);
  })();
</script>

步驟三：同步設定訂單頁客服

除了銷售頁，顧客在下單完成後的訂單頁面也可能有問題需要詢問（例如「什麼時候出貨？」「可以改地址嗎？」）。建議在同一個追蹤頁面的「訂單頁」區塊中，也貼上相同的 Kufu 嵌入程式碼：

• 將程式碼貼在「訂單頁 Body 最下方」欄位中

這樣顧客在訂單成立頁面也能直接發問，不需要另外找客服管道。

步驟四：儲存並測試

1. 點擊頁面底部的「儲存」按鈕
2. 回到銷售頁列表，點擊銷售頁網址前往前台頁面
3. 確認右下角出現 Kufu 聊天圖示
4. 點擊圖示，確認聊天視窗正常開啟

如上圖所示，Kufu 聊天 widget 會以浮動按鈕的形式出現在銷售頁右下角。訪客點擊後，聊天視窗會在頁面內直接展開，不需要跳轉到其他頁面或 APP。

🐝 想讓你的 1shop 銷售頁也擁有 AI 智能客服？

Kufu 酷服不只提供即時聊天，還能搭配 AI 自動回覆常見問題，讓你的銷售頁 24 小時不漏接任何商機。

✅ 無須信用卡　✅ 14 天免費試用　✅ 隨時可取消

👉 立即免費開始使用

---

四、進階設定：LINE 客服按鈕雙管齊下

除了嵌入 Kufu 聊天 widget，1shop 銷售頁本身也內建了 LINE 客服按鈕功能。建議兩者搭配使用，讓不同偏好的顧客都能找到適合的客服管道。

設定 LINE 客服按鈕

1. 進入銷售頁的「設定」分頁
2. 往下捲動到「客服設定」區塊
3. 勾選「啟用 LINE 客服」
4. 在 LINE 客服欄位中填入你的 LINE 官方帳號連結（格式為 https://line.me/R/ti/p/@你的帳號）
5. 點擊「儲存」

雙通道客服策略

設定完成後，你的 1shop 銷售頁會同時擁有兩種客服管道：

最佳實務：將 Kufu 網頁聊天用於售前諮詢（商品問題、運費、規格），LINE 用於售後服務（訂單查詢、退換貨、會員經營）。如果你也在 Kufu 後台建立了 LINE 通道，所有管道的訊息都會匯集到同一個收件匣，統一管理所有客戶對話。

---

五、善用 1shop 標籤追蹤功能

1shop 銷售頁有一個非常實用的「標籤功能（tag）」，可以在銷售頁網址後方加上 ?tag=來源名稱，用來追蹤訂單來自哪個管道。

設定不同管道的追蹤連結

在銷售頁的「設定」分頁中，你會看到系統已經預設了幾組標籤網址：

結合 Kufu 推播活用

當你透過 Kufu 酷服的 LINE 推播功能發送促銷訊息時，可以將帶有 ?tag=KufuBroadcast 標籤的銷售頁連結放在推播內容中。這樣就能在 1shop 後台的報表中，清楚看到有多少訂單是來自 Kufu 推播，精準計算行銷投資報酬率。

---

六、Kufu 後台管理來自 1shop 的客戶訊息

嵌入 widget 之後，所有透過 1shop 銷售頁發起的對話，都會即時出現在 Kufu 後台的「收件匣」中。

統一收件匣管理

Kufu 的全通路客服系統會將來自不同管道的訊息整合在一起：

• 1shop 銷售頁的網頁聊天訊息
• LINE 官方帳號的訊息
• Facebook 粉絲專頁的 Messenger 訊息
• Instagram 的 DM 訊息

客服人員只需要在 Kufu 後台就能回覆所有管道的訊息，不需要在不同平台之間切換。

AI 自動回覆常見問題

搭配 Kufu 的 AI 知識庫功能，你可以將 1shop 銷售頁上常見的客戶問題（運費說明、退換貨政策、商品規格等）建立成知識庫。當訪客透過聊天 widget 詢問這些問題時，AI 會自動回覆，讓客服人員只需要處理真正需要人工介入的問題。

客戶資料管理

每位透過 1shop 銷售頁聊天的訪客，都會自動建立一筆客戶記錄在 Kufu 的 CRM 系統中。如果同一位客戶之後加了你的 LINE 官方帳號，Kufu 可以將兩筆紀錄關聯起來，建立完整的客戶輪廓。

---

七、1shop 訂單通知與客服 SOP 整合

1shop 的訂單通知系統

1shop 內建了完整的訂單通知功能，可以在不同訂單狀態觸發通知：

搭配 Kufu 建立客服 SOP

當顧客收到 1shop 的訂單通知後，如果有問題想詢問，他們可能會：

1. 直接在銷售頁發起 Kufu 聊天（如果還在頁面上）
2. 透過 LINE 聯繫客服（如果已加好友）
3. 回到銷售頁點擊 LINE 客服按鈕

無論顧客選擇哪種方式，訊息都會匯入 Kufu 後台。建議根據 客服 SOP 指南，為客服團隊建立標準回覆流程：

• 訂單查詢：請顧客提供訂單編號，到 1shop 後台查詢狀態
• 退換貨：引導顧客按照退換貨政策操作
• 商品問題：轉交給產品專員處理
• 付款問題：確認金流狀態並回報

---

八、常見問題排解

Widget 沒有出現怎麼辦？

如果在 1shop 銷售頁看不到 Kufu 聊天 widget，請依序檢查：

1. 確認程式碼正確：到 1shop 後台的「追蹤」頁面，確認嵌入程式碼已正確貼上且已儲存
2. 檢查 Kufu 通道設定：確認匿名聊天已啟用、允許網域已加入你的 1shop 網域
3. 清除瀏覽器快取：有時快取會導致新加入的腳本沒有載入
4. 檢查瀏覽器 Console：按 F12 開啟開發者工具，查看是否有 JavaScript 錯誤

聊天紀錄會保留多久？

訪客的聊天紀錄透過瀏覽器 Cookie 保存，有效期最長 30 天。若訪客清除瀏覽器資料、使用無痕模式或更換裝置，對話紀錄將無法恢復。但在 Kufu 後台，所有對話紀錄會永久保存。

可以自訂 Widget 的外觀嗎？

可以。在 Kufu 後台的通道設定中，你可以：

• 上傳自訂的 widget 圖示（按鈕圖片）
• 設定聊天視窗標題
• 自訂歡迎訊息和自動回覆內容

會影響銷售頁載入速度嗎？

Kufu 嵌入程式碼使用 async 非同步載入，不會阻塞頁面渲染。聊天 widget 的腳本大小僅約 30KB，對銷售頁載入速度的影響微乎其微。

1shop 免費方案可以使用嗎？

可以。1shop 的追蹤功能在免費試用方案中就可以使用，你可以在試用期間就完成 Kufu 嵌入設定。Kufu 也提供 14 天免費試用，因此你可以零成本測試整個整合流程。

可以同時在多個銷售頁嵌入嗎？

可以。每個 1shop 銷售頁的追蹤設定是獨立的，你可以在每個銷售頁都嵌入相同的 Kufu 程式碼。所有銷售頁的客戶訊息都會匯集到 Kufu 後台的同一個收件匣。

---

延伸閱讀

• Chatbot 聊天機器人完整指南：從入門到精通的全方位攻略
• AI 智能客服完整指南：技術原理、應用場景與導入策略
• 全通路客服完整指南：打造無縫客戶體驗的終極攻略
• LINE 官方帳號自動回覆完整教學
• 客服系統功能與推薦：選擇適合的客服解決方案
• CRM 客戶關係管理完整指南

---

結語

將 Kufu 酷服的智能客服 widget 嵌入 1shop 一頁購物的銷售頁面，是提升電商轉換率最直接有效的方式之一。整個設定過程只需要在 1shop 追蹤頁面貼上一段程式碼，不需要任何程式開發能力，5 分鐘就能完成。

嵌入後，你的銷售頁將擁有：

• 不離開頁面的即時客服——降低顧客流失率
• AI 自動回覆——24 小時不間斷服務
• 全通路統一管理——LINE、Facebook、Instagram、網頁聊天一站搞定
• CRM 客戶追蹤——每位訪客都留下完整紀錄

搭配 1shop 內建的 LINE 客服按鈕和訂單通知系統，你可以建立從「訪客瀏覽」到「成交購買」再到「售後關懷」的完整客服閉環，真正實現對話式商務。

🐝 立即體驗 1shop × Kufu 酷服智能客服整合

只要 5 分鐘，就能在你的 1shop 銷售頁加入 AI 智能客服。讓每一位訪客都能即時獲得回應，不再錯失任何成交機會。

✅ 無須信用卡　✅ 14 天免費試用　✅ 隨時可取消

👉 立即免費開始使用