智聊宝 AI 客服

为您的網站添加智能客服,只需一行程式碼

快速开始

将以下程式碼添加到您網站的 或 标签底部即可:

<!-- 智聊宝 AI 客服挂件 -->

<script src="https://ai-cs.site/static/chat-widget.js" 

    data-position="right"

    data-primary-color="#2563eb"

    data-welcome-message="您好!我是您的 AI 客服助手,有什么可以帮您?"

    data-title="在线客服"

    data-placeholder="請輸入您的問題..."

    async></script>

当前頁面右下角已经嵌入了聊天挂件,您可以立即体验!

設定選項

透過 data-* 屬性自定义您的聊天挂件:

data-position

挂件位置:right(右下)或 left(左下)

默认:right

data-primary-color

主题顏色,支援任何有效的 CSS 顏色值

默认:#2563eb

data-welcome-message

用戶首次開啟时的歡迎訊息

默认:AI 客服问候语

data-title

聊天窗口标题

默认:在线客服

data-placeholder

輸入框占位提示文字

默认:請輸入您的問題...

data-auto-open

頁面載入后自动開啟聊天窗口

默认:false

完整設定示例

JavaScript API

您也可以透過 JavaScript 控制聊天挂件:

// 開啟聊天窗口 AIChatWidget.open(); // 關閉聊天窗口 AIChatWidget.close(); // 切换聊天窗口 AIChatWidget.toggle(); // 發送訊息(自动開啟窗口) AIChatWidget.send("您好,我想諮詢一下产品价格");

預覽区域

右侧(或左侧)底部的蓝色圆形按鈕就是聊天挂件。點擊即可体验!

👆 點擊右下角按鈕开始對話

您可以發送訊息測試 AI 客服功能

相关頁面:

智聊宝首页 网页挂件嵌入指南 用戶協定 隱私政策 外贸SEO系統