给网站加上在线聊天
创建网站聊天渠道、把样式调成跟网站一致、把一行代码粘进 WordPress、Shopify 或任意建站工具,再确认它能用——不需要开发人员。
网站聊天会在你网站的角落放一个聊天按钮。访客通过它发来的消息,会和 WhatsApp、邮件会话进到同一个收件箱。安装它只需要把一行代码粘进网站一次——只要你会改网站主题,或者会加一个"自定义代码"模块,就能自己装。
创建渠道
- 在控制台进入 渠道,点 连接渠道。
- 选 网站聊天。
- 填一个 渠道名称——用网站名字就行,团队在收件箱里看到的就是它——然后点 创建渠道。
Juno 会替你建好渠道并生成密钥。在 渠道 列表里打开它,会看到三个标签页:外观、安装与 SDK 和 设置。
调成跟网站一样的样子
在 外观 标签页里可以设置:
- 标题——聊天窗口顶部显示的名字。
- 主色 和 顶栏文字——你的品牌色,以及在这个颜色上看得清的文字颜色。
- 模式——浅色 或 深色。
- 位置——右下角 或 左下角,哪个角空着就放哪。
- 圆角、启动按钮(聊天按钮上的表情符号)和 字体。
预览会跟着实时变化。如果你更想用说的,可以在 描述风格 里写"圆润、亲切、用我们的绿色"之类的话,点 用 AI 生成,再微调。满意了就点 保存外观。改动会直接生效到线上网站,不用重新安装。
装到网站上
在 安装与 SDK 标签页,嵌入代码 框里是一行已经带好你密钥的代码。复制它,加到网站上,让每个页面都加载它,位置在 </body> 之前:
- WordPress——加到主题的页脚里,或者用一个能添加"footer scripts"的插件,把它粘进去。
- Shopify——在 Shopify 后台进入 在线商店 → 模板 → 编辑代码,打开
theme.liquid,把这行粘在</body>之前,保存。 - Google Tag Manager——新建一个 自定义 HTML 类型的代码,粘进去,设为在 All Pages 触发。
- 其他建站工具——找那个"给所有页面添加自定义代码"的设置,常见的叫法有"自定义代码""追踪代码""页脚代码",粘在那里。
如果网站是别人在维护,把 嵌入代码 框里那一行发给他就够了。安装与 SDK 页面上其余的内容是给开发人员的——用代码控制聊天窗口,或者告诉 Juno 已登录访客是谁——你可以不管。那部分见网页聊天挂件。
验证安装
- 在新的浏览器窗口打开你的网站。聊天按钮应该出现在你选的那个角落。
- 在里面发一条消息。
- 它应该在几秒内出现在 Juno 收件箱里。在收件箱里回复,回复会出现在你网站的聊天窗口里。
回到 渠道 页面,这个渠道在你的网站第一次加载聊天之前会显示 未安装;加载过之后就不再显示了。
如果网站聊天开了 AI 客服,它会自己回复访客,需要时再转给你的团队。没开的话,消息会在收件箱里等人来回。
只让它出现在你自己的网站上
默认情况下,任何放了这行代码的网站都能用这个聊天。在 设置 标签页的 允许的域名 里,你可以每行写一个自己的网站——yourshop.com,或者用 *.yourshop.com 包含所有子域名——这样别人就没法把你的聊天放到他们的页面上。留空则允许任意网站。
值得知道的
- 网站聊天没有 24 小时回复窗口,你什么时候回复都可以。不过访客如果已经关掉了页面,只有他用同一个浏览器回到你的网站时才看得到。
- 访客默认是匿名的,除非他在聊天里告诉你他是谁。如果他清除了浏览器数据,下一次聊天会变成一个新的会话。