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>

หมายเหตุ: โค้ดด้านบนเป็นเพียงตัวอย่าง คุณต้องคัดลอกโค้ดฝังตัวเฉพาะของคุณจากแดชบอร์ดเนื่องจากมี widget ID ส่วนตัวของคุณ

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.