官網客服怎麼裝?不用寫程式的 AI 客服嵌入完整教學
官網沒有客服,等於店面沒人招呼
顧客在官網逛到一半有問題,最怕的是找不到人問。關掉頁面去 Google,大概就回不來了。官網裝上即時客服,是電商最基本的轉換率投資。
傳統做法是串第三方客服軟體,月費貴、要裝外掛、還要設定一堆。知識庫 AI 客服的嵌入方式簡單得多:一段 script,貼上就完工。
一段 script 搞定
Shop QA 的嵌入方式是這樣:在租戶後台複製嵌入碼,貼到官網的 `
顧客在官網逛到一半有問題,最怕的是找不到人問。關掉頁面去 Google,大概就回不來了。官網裝上即時客服,是電商最基本的轉換率投資。
傳統做法是串第三方客服軟體,月費貴、要裝外掛、還要設定一堆。知識庫 AI 客服的嵌入方式簡單得多:一段 script,貼上就完工。
Shop QA 的嵌入方式是這樣:在租戶後台複製嵌入碼,貼到官網的 `
<script src="https://你的網址/static/embed.js"
data-key="你的APIKey"
data-title="客服小幫手"
data-position="right" defer></script>顧客點開按鈕,就是完整的對話視窗 — AI 自動回答、未命中可轉真人、多輪對話記憶,全部內建。
Wix:網站設定 → 自訂程式碼 → 貼上 → 套用全部頁面
Shopify:線上商店 → 佈景主題 → 編輯程式碼 → 找到 theme.liquid,貼在 `` 前
WordPress:外觀 → 自訂 → 額外程式碼(或安裝「Insert Headers and Footers」外掛)
自架站 / 靜態網頁:直接編輯 HTML,貼在 `` 前即可
嵌入碼支援幾個參數,不用改程式碼就能調整外觀:
| 參數 | 作用 |
|---|---|
| data-color | 品牌色(例如 `#e11d48`) |
| data-title | 按鈕標題 |
| data-greeting | 開場白(例如「嗨!我是 XX 商店客服」) |
| data-avatar | 頭像網址 |
| data-position | 按鈕位置(left / right) |
想用後台管理這些設定?Shop QA 租戶後台也有「Widget 客製化」介面,存檔後嵌入碼自動帶上參數,不必手改。
官網客服的安裝門檻從來不是技術,而是「要不要做」。一段 script、10 分鐘,你的官網就多了一個 24 小時不打烊的店員。
Shop QA 的嵌入碼免費方案即可使用,支援品牌色、開場白、頭像客製化,貼上即可開始服務顧客。
Shop QA 提供免費、標準與專業三種方案。這篇完整比較三個方案的價格、訊息額度、文件數與適用情境,幫你 30 秒選出最適合的方案。
2026 年 AI 客服已成為電商標配。本文用白話文說明 AI 客服的運作原理、知識庫型 vs 規則型聊天機器人的差別,以及導入三步驟,附成本估算。
LINE 官方帳號是台灣電商最重要的客服管道之一。這篇教你用 AI 自動回覆 LINE 訊息,設定 Webhook、處理尖峰時段爆量訊息,並維持真人溫度。