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

平台：

WooCommerce

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Craft CMS Contentful Docusaurus Strapi Joomla Kentico Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Hugo Statamic Umbraco Volusion Moodle SilverStripe Grav October CMS ProcessWire Sanity ExpressionEngine Sylius Backdrop CMS MODX Bagisto PayloadCMS e107 CrafterCMS Kirby MedusaCMS DatoCMS GoDaddy Framer Bubble Carrd Jimdo Strikingly Kajabi Teachable Thinkific ClickFunnels Hostinger Unbounce Leadpages Systeme.io Instapage

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

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

第 2 步：使用插件（推荐）

将聊天机器人添加到 WooCommerce 商店最简单的方法是使用免费的 header/footer 插件：

1. 登录您的WordPress 管理后台
2. 前往Plugins → Add New
3. 搜索由 WPCode 开发的"Insert Headers and Footers"（或类似插件）
4. 点击"立即安装"，然后点击"启用"
5. 前往Code Snippets → Header & Footer（或插件的设置页面）
6. 将您的 Asyntai 嵌入代码粘贴到"页脚"部分
7. 点击"保存更改"

替代方案：使用主题自定义器

许多 WooCommerce 主题都有内置的自定义脚本添加选项：

1. 前往Appearance → Customize
2. 查找名为"附加 CSS/JS"、"自定义代码"或"页脚脚本"的部分
3. 将您的 Asyntai 嵌入代码粘贴到相应字段中
4. 点击"发布"以保存更改

替代方案：编辑主题文件（functions.php）

适用于开发者或熟悉编辑主题文件的用户：

1. 前往Appearance → Theme File Editor
2. 选择您的活动主题（最好是子主题）
3. 打开functions.php文件
4. 在文件末尾添加以下代码：
   function add_asyntai_chatbot() {
  echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
}
add_action('wp_footer', 'add_asyntai_chatbot');
5. 将 YOUR_WIDGET_ID 替换为您的实际小部件 ID
6. 点击"更新文件"

替代方案：WooCommerce 专用钩子

仅在 WooCommerce 页面（商店、产品、购物车、结账）上加载聊天机器人：

1. 将此代码添加到您主题的functions.php文件中：
   function add_asyntai_chatbot_woocommerce() {
  if (is_woocommerce() || is_cart() || is_checkout() || is_account_page()) {
    echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
  }
}
add_action('wp_footer', 'add_asyntai_chatbot_woocommerce');
2. 将 YOUR_WIDGET_ID 替换为您的实际小部件 ID
3. 保存文件

步骤3：验证安装

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