How to Add Asyntai AI Chatbot to XenForo

Step-by-step guide for XenForo forums

Platform:

1. lépés: Szerezze be a beágyazási kódját

Először lépjen az Asyntai Irányítópultra és görgessen le a „Beágyazási kód" szekcióhoz. Másolja le az egyedi beágyazási kódját, amely így fog kinézni:

<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>

Megjegyzés: A fenti kód csak egy példa. Le kell másolnia saját egyedi beágyazási kódját az Irányítópultról, mivel az tartalmazza személyes widget-azonosítóját.

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

Tipp: 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>

Fontos: 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. lépés: Telepítés ellenőrzése

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.

Nem látja a widgetet? 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.

Segítségre van szükséged?

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.