返回仪表板
文档
了解如何使用 Asyntai
如何将 Asyntai AI 聊天机器人添加到 Joomla
Joomla 网站的分步指南
平台:
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
Weebly
步骤1:获取您的嵌入代码
首先,前往您的 Asyntai 仪表板并向下滚动到"嵌入代码"部分。复制您的专属嵌入代码,格式如下:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
注意: 以上代码仅为示例。您必须从仪表板复制您自己的专属嵌入代码,因为其中包含您的个人小部件 ID。
步骤 2:使用自定义 HTML 模块添加代码(推荐)
将聊天机器人添加到所有页面最简单的方式是使用自定义 HTML 模块:
- 登录您的 Joomla 管理员面板
- 转到 Content → Site Modules
- 点击"新建"以创建新模块
- 选择"自定义"(自定义 HTML 模块)
- 输入标题,如"Asyntai Chatbot"(稍后可以隐藏)
- 点击"切换编辑器"按钮以切换到原始 HTML 模式
- 粘贴您的Asyntai嵌入代码
- 在"位置"字段中,选择一个页脚位置(例如"footer"或"debug")
- 将"显示标题"设置为"隐藏
- 在"菜单分配"选项卡下,选择"所有页面
- 点击"保存并关闭"
提示: 如果您的代码被删除,请前往系统 → 全局配置 → 网站,临时将默认编辑器设置为"无",添加代码后再切换回来。
替代方法:编辑模板文件
您可以将代码直接添加到模板的 index.php 文件中:
- 转到 System → Site Templates
- 点击您的活动模板名称
- 在文件列表中找到并点击"index.php"
- 向下滚动找到
</body>闭合标签 - 将您的Asyntai嵌入代码粘贴在
</body>标签之前 - 点击"保存"
重要提示: 更新模板时,对模板文件的更改将会丢失。建议使用子模板或自定义 HTML 模块方法以获得更持久的解决方案。
替代方法:使用扩展
您还可以使用免费扩展来添加自定义脚本:
- 前往Joomla 扩展目录
- 下载"Add Custom Javascript"扩展
- 在 Joomla 管理后台中,转到 System → Install → Extensions
- 上传并安装扩展
- 转到 Components → Add Custom Javascript
- 添加您的 Asyntai 嵌入代码
- 配置为在所有页面上加载
步骤3:验证安装
保存更改后,在新的浏览器标签页或无痕窗口中访问您的网站。您应该能在右下角看到聊天小部件按钮。点击它确保它能正常打开和运行。
看不到小部件? 前往系统 → 清除缓存并点击"全部删除"来清除 Joomla 缓存。也可以尝试清除浏览器缓存或在无痕窗口中查看。