How to Add Asyntai AI Chatbot to XenForo

Step-by-step guide for XenForo forums

平台：

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

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

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

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

Before you start: You need administrator access to your XenForo Admin Control Panel to edit templates. If you don't have admin rights, ask your forum administrator to add the code for you.

Step 2: Open the PAGE_CONTAINER Template

In XenForo, the site-wide layout that wraps every page is controlled by the PAGE_CONTAINER template. This is the correct place to add the Asyntai script so the chatbot appears on your entire forum:

Log in to your XenForo Admin Control Panel (usually at yourforum.com/admin.php)
Go to Appearance → Templates
Make sure the correct style is selected in the style chooser at the top (if you run more than one style, you'll need to repeat these steps for each)
In the template search or filter box, type PAGE_CONTAINER
Click the PAGE_CONTAINER template to open it in the editor

提示： The PAGE_CONTAINER template contains the closing </body> and </html> tags for your forum, which is exactly why it's the right place to add a site-wide widget script.

Step 3: Paste the Asyntai Code Before </body>

Now add your embed code so it loads on every page of your forum:

Scroll down to the bottom of the PAGE_CONTAINER template
Find the closing </body> tag
Paste your Asyntai embed code on a new line just before the </body> tag
Click Save to store your changes

    <script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>
</body>

重要提示： Editing a template creates a customized version. If you upgrade XenForo or switch styles, you may need to re-check the PAGE_CONTAINER template and add the code again. XenForo highlights customized templates so they are easy to find.

步骤 4：验证安装

After saving your changes, open your forum in a new browser tab or incognito window. You should see the chat widget button in the bottom right corner. Click it to ensure it opens and functions correctly.

看不到小部件？ Make sure you saved the PAGE_CONTAINER template and edited the style that is actually active on your forum. XenForo and any caching or CDN in front of it (such as Cloudflare) may cache pages, so clear your browser cache or view in incognito mode. Check the browser console (F12) for any JavaScript errors.

需要帮助？

If you're not comfortable editing templates, your forum administrator or a XenForo developer can add the code for you. You can also contact Asyntai support for guidance on installing the chatbot on your XenForo forum or community.