返回仪表板
文档
了解如何使用 Asyntai
如何将Asyntai AI聊天机器人添加到Blogger
Blogger网站的分步指南
平台:
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/JavaScript小工具(推荐)
添加聊天机器人最简单的方法是使用Blogger内置的HTML/JavaScript小工具:
- 在blogger.com登录您的Blogger仪表板
- 从列表中选择您的博客
- 点击左侧栏中的"布局"
- 找到您要添加小部件的部分(最好是页脚)
- 点击"添加小工具"
- 从小工具列表中选择"HTML/JavaScript"
- 将标题留空(或根据喜好添加一个)
- 将您的Asyntai嵌入代码粘贴到内容区域
- 点击"保存"
- 在布局页面中点击"保存排列"
提示: 将小工具添加到页脚部分可确保它加载到博客的所有页面上。无论您将小工具放在哪里,聊天机器人都会显示为浮动按钮。
替代方案:编辑主题HTML
您也可以直接将代码添加到主题的HTML中:
- 前往左侧栏中的"主题"
- 点击"自定义"旁边的下拉箭头
- 选择"编辑 HTML"
- 按Ctrl+F(Mac上为Cmd+F)打开搜索
- 搜索
</body> - 将您的Asyntai嵌入代码粘贴到
</body>标签之前 - 点击"保存主题"
重要提示: 编辑主题 HTML 时,请注意不要删除或修改其他代码。建议在更改前先点击"备份"来备份您的主题。
步骤3:验证安装
保存更改后,在新的浏览器标签页或无痕窗口中访问您的博客。您应该在右下角看到聊天小部件按钮。点击它以确保其正常打开和运行。
看不到小部件? Blogger 可能需要几分钟才能应用更改。请尝试清除浏览器缓存或在无痕窗口中查看。确保在添加小工具后点击了"保存"。