How to Add Asyntai AI Chatbot to LearnWorlds

Step-by-step guide for LearnWorlds course sites

Nền tảng:

Bước 1: Lấy Mã Nhúng của Bạn

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>

Lưu ý: Mã ở trên chỉ là ví dụ. Bạn phải sao chép mã nhúng duy nhất của riêng mình từ Bảng điều khiển vì nó chứa ID tiện ích cá nhân của bạn.

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

Lưu ý: 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

Mẹo: 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.

Quan trọng: Always remember to click Publish after saving. Custom code changes in the Site Builder only appear on your live school once you publish.

Bước 4: Xác minh Cài đặt

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.

Không thấy tiện ích? 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.

Cần Trợ giúp?

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.