How To Install The ChatBot on Joomla

Quickly integrate Botgenuity ChatBot with Joomla using this easy step-by-step guide to improve customer service.

Getting Started

Enhancing your Joomla website with a cutting-edge AI chatbot is simpler than you think. Follow our step-by-step guide to integrate Botgenuity's AI chatbot seamlessly. This addition will not only elevate user engagement but also provide instant support to your visitors, making your website interactive and more efficient.

Before proceeding, ensure you have administrative access to your Joomla site. It’s also wise to back up your website to prevent any unintended changes.

Step 1: Access Your Joomla Admin Panel

Navigate to your Joomla website's admin URL, typically formatted as http://yourwebsite.com/administrator. Log in with your username and password.

Step 2: Go to Templates

In the top menu, hover over Extensions and then click on Templates from the dropdown menu.

Step 3: Select Your Active Template

On the Templates page, switch to the Templates tab. Here, you'll find a list of all installed templates. Look for the one marked as active (usually highlighted or marked with a star) and click on its name to proceed.

Step 4: Edit the Index.php File

In the template details page, you'll see a list of files on the left sidebar. Locate and click on index.php to edit the file.

Step 5: Insert Your ChatBot Code

Scroll through the index.php file until you find the </head> tag. Directly before this tag, paste the following AI Chatbot embed code provided by Botgenuity:

<script
  type="module"
  src="https://chat.botgenuity.com/api/embed?id=your-bot-id-here"
  crossorigin="anonymous"
></script>

Ensure this code is placed right before the closing </head> tag.

Step 6: Save Your Changes

After inserting the code snippet, click the Save or Save & Close button at the top left corner of the page to apply your changes.

Step 7: Verify the Installation

To confirm the chatbot's integration, open your Joomla website in a new browser tab. The Botgenuity chatbot should now be visible on your site. For further verification, right-click the page and select "View Page Source" or use the browser's developer tools (F12) to check if your code has been correctly added.

Important Note

Editing template files directly might be daunting, especially for those unfamiliar with PHP and HTML. To avoid direct modifications, especially if your Joomla template is updated frequently, consider using Joomla extensions like Sourcerer or Flexi Custom Code. These tools allow you to insert custom scripts effortlessly without affecting the core template files.

Wix Squarespace