智聊宝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 客服功能