How to Add Asyntai AI Chatbot to BuddyBoss

Step-by-step guide for BuddyBoss communities

Πλατφόρμα:

Βήμα 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.

Step 2: Add Code via Theme Options → Custom Codes (Recommended)

BuddyBoss runs on WordPress, and the BuddyBoss theme includes a built-in place to add custom HTML, CSS, or JavaScript site-wide. This is the easiest way to install Asyntai:

Log in to your WordPress Admin dashboard
In the left sidebar, go to BuddyBoss → Theme Options
Open the Custom Codes tab
Find the Space Before </body tag> field (the footer JavaScript area)
Paste your Asyntai embed code into this field
Click Save Changes
The chatbot will now load on every page of your community

Σημείωση: The Custom Codes tab supports HTML, CSS, and JavaScript that is output in the header or footer of all pages. Paste the Asyntai script exactly as copied — the "Space Before </body tag>" field is the recommended spot for best page load performance.

Alternative Method 1: Header/Footer Scripts Plugin (WPCode)

If you prefer to keep your scripts separate from theme settings, or if your child theme does not expose the Custom Codes field, a free header/footer scripts plugin such as WPCode works reliably:

In WordPress Admin, go to Plugins → Add New
Search for "WPCode" (or "Insert Headers and Footers"), then install and activate it
Μεταβείτε στα Code Snippets → Header & Footer
Paste your Asyntai embed code into the Footer box
Click Save Changes
Ο κώδικας θα προστεθεί τώρα αυτόματα σε όλες τις σελίδες

Συμβουλή: Using the Footer box (rather than the Header) loads the widget after your page content, which keeps your community fast. This method survives theme updates because the code lives in the plugin, not the theme.

Alternative Method 2: Child Theme footer.php

For developers who prefer editing theme files directly, you can add the embed code to your child theme's footer template so it renders through the standard wp_footer hook:

Make sure you are using a child theme so your changes survive BuddyBoss theme updates
In WordPress Admin, go to Appearance → Theme File Editor (or edit the file over FTP/SFTP)
Open the child theme's footer.php file
Paste your Asyntai embed code just before the closing </body> tag, above the wp_footer() call
Click Update File to save

<!-- Before </body> in your child theme footer.php -->
<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>

Σημαντικό: Always edit a child theme, not the main BuddyBoss theme. Editing the parent theme directly means your changes will be lost the next time BuddyBoss is updated.

Βήμα 3: Επαληθεύστε την Εγκατάσταση

After saving your changes, open your community 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.

Δεν βλέπετε το widget; Make sure you've saved your changes. If your site uses a caching plugin or CDN, clear the cache and reload in incognito mode. Check the browser console (F12) for any JavaScript errors, and confirm you pasted your own widget ID.

Χρειάζεστε Βοήθεια;

If you're not comfortable editing theme settings or files, the header/footer plugin method requires no code knowledge and works on any WordPress site. You can also contact Asyntai support for guidance on installing the chatbot on your BuddyBoss community.

Επαγγελματική Υποστήριξη: BuddyBoss offers support and a network of certified developers if you need professional assistance with theme modifications or complex customizations.