安装客服助手

优先使用官方插件和软件包,其余情况再用嵌入代码

从您平台的商店安装

Chatixy 发布了官方插件和软件包。如果您的平台有对应版本,那就是我们推荐并提供支持的安装方式:在您自己的后台或用一条命令即可添加,通过您的平台更新,无需把代码粘贴进模板。

  • WordPress - WordPress.org 插件目录中的 Chatixy AI Support Agent 插件。
  • Framer - Framer Marketplace 上的 Chatixy AI Support Agent 插件。
  • JavaScript 应用 - npm 上的 @chatixy/widget 包,附带 TypeScript 类型。
  • PHP 平台 - Packagist 上 chatixy 供应商下的 Composer 包,支持 Craft CMS、TYPO3、Magento、Shopware 6、Flarum、Kirby、Contao、Silverstripe 和 Statamic。

如果您的平台还不在列表中,请使用下方的嵌入代码,它在任何环境都能用。

提示

  • /integrations 下的每个平台页面都直接链接到对应的发布页,并显示确切的安装命令。

WordPress

安装官方的 Chatixy AI Support Agent 插件:在 WordPress 后台进入 Plugins → Add New,搜索“Chatixy”,点击 Install Now,然后点击 Activate

打开 Settings → Chatixy AI Support Agent,点击 Connect with Chatixy 登录并授权,您的挂件密钥会自动填入,也可以手动粘贴。之后聊天即在每个页面生效,适用于任何主题以及 WooCommerce。

把嵌入代码粘贴到页眉/页脚脚本插件中仍然可用,但插件才是我们支持的方式,而且不需要任何代码。

Shopify 和 Wix

Shopify: 打开 Online Store → Themes → Edit code,将代码片段粘贴到 theme.liquid</body> 之前。

Wix: 打开 Settings → Custom Code,将代码片段添加到 body-end 部分并应用到所有页面。

两者都不到五分钟即可完成。

嵌入代码片段

每个项目都有一个唯一的单行 script 标签。打开您的项目,进入 Embed 标签页并复制代码片段。将它粘贴到您网站结束标签 </body> 之前。

该代码片段是异步加载的,绝不会阻塞页面加载,并使用公开 API 密钥来标识您的项目,因此您的 HTML 中没有需要保护的机密信息。

步骤

  1. 1

    复制代码片段

    Project → Embed 标签页 → Copy snippet

  2. 2

    粘贴到 </body> 之前

    将它添加到您的网站模板中,使其在每个页面上都加载。

  3. 3

    重新加载您的网站

    启动器气泡会立即出现在角落。

验证安装

安装后,在隐私浏览窗口中打开您的网站并点击启动器。发送一个测试问题,几秒内这条对话就应出现在您项目的 Tickets 视图中。

如果气泡没有出现,请参阅 Troubleshooting 文章。

提示

  • 使用隐私窗口,以免缓存的页面和已登录的管理工具栏遮挡客服助手。