How to Add Asyntai AI Chatbot to LifterLMS

Step-by-step guide for LifterLMS course sites

แพลตฟอร์ม:

ขั้นตอนที่ 1: รับโค้ดฝังตัวของคุณ

ก่อนอื่น ไปที่แดชบอร์ด Asyntai ของคุณและเลื่อนลงไปที่ส่วน "Embed Code" คัดลอกโค้ดฝังตัวเฉพาะของคุณซึ่งจะมีลักษณะดังนี้:

<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: Add the Code with a Header/Footer Plugin (Recommended)

LifterLMS runs on WordPress, so the easiest way to add your embed code to every page is with a free scripts plugin such as WPCode or Insert Headers and Footers. No coding or theme editing required:

Log in to your WordPress Admin dashboard (the same dashboard you use to manage your LifterLMS courses)
Go to Plugins → Add New, search for WPCode (or Insert Headers and Footers), then click Install Now and Activate
Open Code Snippets → Header & Footer (in older versions, go to Settings → Insert Headers and Footers)
Paste your Asyntai embed code into the Footer box — this outputs the script just before the closing </body> tag on every page
Click Save Changes

เคล็ดลับ: The Footer field runs the script right before the closing </body> tag on every page, which gives the best load performance and shows the chatbot across all your courses, lessons, and membership pages automatically.

Alternative Method 1: Edit Your Theme's footer.php

If you prefer not to install a plugin, you can add the code directly using the WordPress wp_footer hook, which fires just before the closing </body> tag. Always use a child theme so your changes survive theme updates:

In your WordPress Admin, go to Appearance → Theme File Editor (or edit files via FTP/your host's file manager)
Select your child theme, then open the footer.php file
Find the <?php wp_footer(); ?> call near the bottom of the file
Paste your Asyntai embed code on the line just before <?php wp_footer(); ?>
Click Update File to save

Alternatively, add the snippet through your child theme's functions.php using the wp_footer action so it loads on every page:

<?php
add_action('wp_footer', function() { ?>
    <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>
<?php });

สำคัญ: Always edit a child theme, not the parent theme. Changes made to a parent theme's files are lost the next time the theme is updated. Back up footer.php or functions.php before editing.

Alternative Method 2: Theme's Built-in Custom Scripts Setting

Many modern WordPress themes (such as Astra, GeneratePress, Kadence, and OceanWP, which are popular with LifterLMS course sites) include a built-in field for custom scripts, so you don't need a separate plugin:

Check your theme's options panel or the Customizer under Appearance → Customize
Look for a section named Custom Code, Custom Scripts, Footer Scripts, or Hooks
Paste your Asyntai embed code into the Footer or Before </body> field
Click Publish or Save to apply the change site-wide

หมายเหตุ: Not every theme includes this setting, and the exact wording varies. If you can't find a custom scripts field, use the header/footer plugin method above — it works with any theme.

ขั้นตอนที่ 3: ยืนยันการติดตั้ง

After saving your changes, open your LifterLMS course site 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've saved your changes. Clear your browser cache or view in incognito mode. WordPress caching or performance plugins may serve an older version of the page, so clear any site cache and wait a few minutes. Check the browser console (F12) for any JavaScript errors.

ต้องการความช่วยเหลือ?

If you're not comfortable editing theme files, the header/footer plugin method requires no code at all. You can also contact Asyntai support for guidance on installing the chatbot on your LifterLMS course site.

การสนับสนุนระดับมืออาชีพ: If you need professional assistance with theme modifications or complex customizations, a WordPress developer or your hosting provider can add the embed code for you.