Documentation

网页聊天插件接入指南

将 Vela 客服聊天插件嵌入到任何官方网站上。在控制台中自由配置外观样式、文本内容及接入方式。

点击侧边栏中的 渠道接入 选项卡,然后点击 配置网页聊天插件

网页插件配置状态

常规设置

选择聊天插件在网站上的显示位置,您可以将其放置在左下角或右下角。

位置设置

品牌外观定制

自定义聊天插件的外观,使其与您的官方网站风格融为一体:包括主题背景色、图标颜色、启动按钮图标、按钮大小以及圆角幅度。

品牌设置

文本与画像配置

自定义聊天插件中的文案内容:包括欢迎语、AI 客服助理名称以及头像。您可以在右侧实时预览效果,查看插件在网站上的真实样式。

文案设置

代码嵌入

复制下面的 Widget 脚本代码段,将其粘贴到您官方网站 HTML 代码的 </body> 结束标签之前。

嵌入代码

如果您使用的是 AI 开发工具(如 Claude、Cursor 等 AI 编程助手),只需复制我们为您生成的 AI 嵌入提示词,您的 AI 助手便会自动将聊天插件安装到您的网站代码中。

AI 嵌入提示词