如何将 Asyntai AI 聊天机器人添加到 Volusion

Volusion 电商店铺分步指南

获取嵌入代码

平台：

步骤1：获取您的嵌入代码

首先，前往您的 Asyntai 仪表板并向下滚动到"嵌入代码"部分。复制您的专属嵌入代码，格式如下：

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

注意： 以上代码仅为示例。您必须从仪表板复制您自己的专属嵌入代码，因为其中包含您的个人小部件 ID。

第 2 步：备份您的主题

在对您的 Volusion 商店进行任何更改之前，创建备份非常重要：

登录您的Volusion 管理面板
导航至Design → File Editor
点击Archive Theme创建备份
下载存档副本以妥善保管

重要提示： 在进行代码更改之前，请务必备份您的主题。这样如果出现问题，您可以轻松恢复。

第 3 步：将代码添加到模板（推荐）

要将聊天机器人添加到 Volusion 商店的所有页面：

在 Volusion 管理面板中，前往Design → Template
或者，前往Design → File Editor → Shortcuts
找到主模板文件（通常为template_*.html）
向下滚动找到闭合的</body>标签
将您的 Asyntai 嵌入代码粘贴到 </body> 标签之前
点击Save以应用更改
预览您的商店以验证聊天机器人是否出现

提示： 在闭合的</body>标签之前添加代码可确保最佳页面加载性能。此方法会自动将聊天机器人添加到商店的每个页面。

替代方法 1：Header/Footer HTML 注入

Volusion 允许您通过全局设置添加自定义代码：

登录您的Volusion 管理面板
导航至Settings → Design Settings
查找Custom HTML或Footer Code部分
将您的 Asyntai 嵌入代码粘贴到此字段中
点击 Save
代码现在将自动添加到所有页面

注意： 自定义 HTML 设置的确切位置可能因您的 Volusion 套餐和版本而异。请查找与"自定义代码"、"页眉/页脚"或"全局 HTML"相关的设置。

替代方法 2：特定页面安装

如果您只想将聊天机器人添加到特定页面：

前往Design → File Editor → Shortcuts
使用PageName函数创建或编辑特定页面的模板
添加条件代码以仅在特定页面上包含脚本：

<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
    // Your Asyntai embed code here
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
}
</script>

提示： 如果您只想在某些页面（如产品页面、结账页面或支持页面）上显示聊天机器人，此方法非常有用。请将 'home' 和 'products' 替换为 Volusion 商店中的实际页面名称。

替代方法 3：自定义 CSS/HTML 文章

您还可以通过文章块添加代码：

在 Volusion 管理面板中，前往Articles → Articles
创建新文章或编辑现有文章
在文章编辑器中切换到HTML 视图
粘贴您的Asyntai嵌入代码
保存文章
将此文章添加到您的页面模板或侧边栏
聊天机器人将出现在显示此文章的页面上

注意： 此方法不太常见，但如果您对模板文件的访问权限有限，或者想通过隐藏/显示文章来轻松切换聊天机器人的开关，则此方法非常有用。

步骤 4：验证安装

保存更改后，在新的浏览器标签页或无痕窗口中打开您的 Volusion 商店。您应该会在右下角看到聊天小部件按钮。点击它以确保其正常打开和运行。

看不到小部件？ 请确保您已保存所有模板更改。清除浏览器缓存或在无痕模式下查看。Volusion 可能会缓存模板，因此更改可能需要几分钟才能生效。检查浏览器控制台（F12）是否有任何 JavaScript 错误。

需要帮助？

如果您不习惯编辑模板文件，Volusion 的客户支持团队可以协助处理自定义 HTML 和 CSS 请求。您也可以联系 Asyntai 支持团队获取在 Volusion 商店上安装聊天机器人的指导。

专业支持： 如果您需要主题修改或复杂自定义方面的专业帮助，Volusion 提供自定义编码服务。

文档