How to Add Asyntai AI Chatbot to LearnWorlds

Step-by-step guide for LearnWorlds course sites

Платформа:

Шаг 1: Получите код встраивания

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

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

Примечание: Код выше — всего лишь пример. Вы должны скопировать свой уникальный код для встраивания с вашей Панели управления, так как он содержит ваш персональный идентификатор виджета.

Step 2: Open the Website Builder

LearnWorlds lets you add custom code to your school through the Site Builder. To open it:

Log in to your LearnWorlds admin dashboard
In the left-hand menu, go to Website → Design
Click Edit Website to open the Site Builder

Примечание: You need admin access to your LearnWorlds school to edit custom code. The Site Builder opens in a full-screen editor where you manage your school's design and pages.

Step 3: Add the Code to Site Custom Code

The Site Custom Code section injects your snippet into every page of your school automatically:

Inside the Site Builder, open the Site menu (the settings for your whole school)
Click Site custom code
Find the Body section and select the Body (logged in) slot
Paste your Asyntai embed code into the editor:

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

To also show the chatbot on public pages (your homepage, sales pages, and sign-up screens), paste the same code into the Body (logged out) slot as well
Click Save, then Publish your school for the changes to go live

Совет: The Body (logged in) slot targets pages your students see after signing in, while the Body (logged out) slot covers your public pages. Add the code to both slots so the chatbot appears everywhere across your academy.

Важно: Always remember to click Publish after saving. Custom code changes in the Site Builder only appear on your live school once you publish.

Шаг 4: Проверка установки

After publishing your changes, open your LearnWorlds school 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 clicked both Save and Publish in the Site Builder. Clear your browser cache or view in incognito mode. If the widget only shows for students, confirm you also added the code to the Body (logged out) slot. Check the browser console (F12) for any JavaScript errors.

Нужна помощь?

If you're not comfortable editing custom code, LearnWorlds' Support team can help you place code in the Site Builder. You can also contact Asyntai support for guidance on installing the chatbot on your LearnWorlds academy.