How to Add Asyntai AI Chatbot to LifterLMS

Step-by-step guide for LifterLMS 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: 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

Mẹo: 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 });

Quan trọng: 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

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

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

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.

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

Cần Trợ giúp?

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.

Hỗ trợ chuyên nghiệp: 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.