样式 1
经典气泡
默认样式。右下角浮动气泡,展开为聊天。用户瞬间识别的模式。
最佳适用
为什么团队选择它
- 熟悉的模式
- 不遮挡内容
- 移动友好
- 最快部署
如何安装 — 显示代码片段▾
<script src="https://cdn.globalchatbot.ai/embed.js" data-org="acme" data-style="bubble" data-position="bottom-right" defer ></script>
样式 1
默认样式。右下角浮动气泡,展开为聊天。用户瞬间识别的模式。
最佳适用
为什么团队选择它
<script src="https://cdn.globalchatbot.ai/embed.js" data-org="acme" data-style="bubble" data-position="bottom-right" defer ></script>
样式 2
自定义药丸形状的CTA — 您的文案,您的颜色。更适合高意图提示,如'询问AI'或'预约演示'。
最佳适用
为什么团队选择它
<script src="https://cdn.globalchatbot.ai/embed.js" data-org="acme" data-style="floating-button" data-label="询问AI" defer ></script>
样式 3
从右侧滑入。更大的表面用于更丰富的对话、潜在客户表单、产品配置器。
最佳适用
为什么团队选择它
<script src="https://cdn.globalchatbot.ai/embed.js" data-org="acme" data-style="sidebar" data-position="right" defer ></script>
样式 4
聊天直接嵌入页面。没有弹出窗口,没有按钮。非常适合专用帮助中心页面。
最佳适用
为什么团队选择它
<div id="gcb-inline"></div> <script src="https://cdn.globalchatbot.ai/embed.js" data-org="acme" data-style="inline" data-target="#gcb-inline" defer ></script>
样式 5
占据整个屏幕并带有背景。最大专注。非常适合以销售为主导的流程和专用助手时刻。
最佳适用
为什么团队选择它
<script src="https://cdn.globalchatbot.ai/embed.js" data-org="acme" data-style="modal" data-trigger="cta" defer ></script>
样式 6
页面底部的持久栏。始终可见,从不干扰。非常适合酒店和餐厅。
最佳适用
为什么团队选择它
<script src="https://cdn.globalchatbot.ai/embed.js" data-org="acme" data-style="footer-bar" data-label="询问Maya" defer ></script>
样式 7
在您的英雄部分直接放置大型AI搜索卡片。用对话界面替代搜索栏。
最佳适用
为什么团队选择它
<div id="gcb-hero"></div> <script src="https://cdn.globalchatbot.ai/embed.js" data-org="acme" data-style="hero-card" data-target="#gcb-hero" defer ></script>
样式 8
绿色WhatsApp按钮,打开用户的WhatsApp应用中的聊天 — 相同的机器人大脑,不同的界面。
最佳适用
为什么团队选择它
<script src="https://cdn.globalchatbot.ai/embed.js" data-org="acme" data-style="whatsapp" data-phone="+447426777954" defer ></script>
决策指南
大多数团队应选择 经典气泡。
它熟悉、移动友好,并在30秒内交付。80%的GlobalChatbot客户使用它。
对于高意图的着陆页,选择 浮动按钮。
自定义文案(“询问AI”,“预约演示”)获得的点击率是通用气泡图标的2-3倍。
对于专用帮助页面,选择 内嵌。
可被SEO索引,没有弹出疲劳,外观原生于页面。最适合/help、/docs、/support。
对于酒店业,选择 底部栏。
始终可见而不遮挡内容。酒店和餐厅的点击率超过40%。
对于拉丁美洲 + 欧盟的移动流量,添加 WhatsApp启动器。
客户更喜欢在WhatsApp中聊天。相同的机器人大脑 — 不同的界面。与气泡结合使用。