跳转到内容
无痕工具库 无痕工具库

JivoChat 在线聊天小部件自定义外观设置教程

你可以为聊天窗口创建完全自定义的外观。只需按照以下步骤操作：

  1. 下载初始文件（点击下载）。

如果你想在移动设备上保留我们的默认标签，请用此压缩包中的文件替换 jivosite.js 文件

  1. 将压缩包中的 “jivosite” 目录复制到你网站的根目录。例如，如果你使用共享主机，路径为：…/Public_html/your_domain/jivosite

  1. 确认初始脚本代码可以通过 http://mysite.com/jivosite/jivosite.js 访问。

  1. 将以下代码添加到你网站的每个页面的 <head> 和 </head> 标签之间。
<link href="/jivosite/jivosite.css" rel="stylesheet" />


<script src="/jivosite/jivosite.js" type="text/javascript"></script>

  1. 确认 JivoChat 的主代码已添加到你的网站。更多信息请参阅相关说明文档。

  2. 你可以在 http://mysite.com/jivosite/images/ 目录中轻松更换图标图片，换成更符合你需求的图片。你可以在压缩包中找到初始 Photoshop 源文件。

  3. 如有需要，请修改 jivosite/jivosite.css 文件中 div 的高度，使其与图片高度匹配。