HadjGPT Logo
HadjGPT

Published on 8/1/2024

How To Add HadjGPT To Your Wordpress Site

Introduction

HadjGPT is an AI-powered chatbot that enhances user interaction on your website by providing instant assistance and engaging conversations. Integrating HadjGPT into your WordPress site can improve user experience and boost engagement. In this guide, we'll explore two straightforward methods for adding HadjGPT to your WordPress website. You can either use the HadjGPT plugin for a quick setup or manually insert the script into your site's header. Choose the method that best fits your needs and technical comfort level.

Method 1: Using the HadjGPT Plugin

Step 1: Download the HadjGPT Plugin

  1. Go to Your HadjGPT Dashboard
  2. Log in to your HadjGPT account and navigate to your dashboard. This is your central hub where you manage all things HadjGPT.

    li>Click on the "Integration" Section

    In the dashboard menu, find and click on the "Integration" tab. This section is where you'll find the option to download the plugin.

  3. Find and Click the "Download" Button
  4. Look for the “Download” button on the Integration page. Clicking this will download a ZIP file containing the HadjGPT plugin to your computer.

    Screenshot of HadjGPT dashboard with 'Integration' section highlighted

Step 2: Install the Plugin on WordPress

  1. Log in to Your WordPress Dashboard
  2. Access your WordPress admin area. This is where you manage your site’s content and settings.

  3. Navigate to "Plugins" and Click "Add New"
  4. In the left-hand menu, go to “Plugins” and then click on “Add New.” This will take you to a page where you can upload new plugins.

  5. Upload and Install the HadjGPT Plugin ZIP File
  6. Click the “Upload Plugin” button, choose the ZIP file you downloaded, and click “Install Now.” Once the plugin is installed, click “Activate” to enable it on your site.

    Screenshot of WordPress dashboard with 'Add New' plugin page

Step 3: Configure the HadjGPT Plugin

  1. Go to the HadjGPT Dashboard
  2. Screenshot of WordPress dashboard with 'Add New' plugin page

    Return to your HadjGPT dashboard. Here you’ll need to get some information for the plugin setup.

  3. Navigate to the "Chatbots" Section
  4. Find and click on the “Chatbots” tab. This is where you’ll manage your chatbots and get the necessary details for configuration.

  5. Access the "Embed Widget" Section and Copy the Chatbot ID
  6. Within the "Chatbots" section, go to the “Embed Widget” area. Copy the Chatbot ID provided here. This ID is crucial for connecting your chatbot to your WordPress site.

  7. Return to the HadjGPT Plugin Settings in WordPress
  8. Go back to your WordPress dashboard, and find the HadjGPT plugin settings under the “Settings” or “Plugins” menu.

  9. Paste the Chatbot ID and Click "Save"
  10. Screenshot of WordPress dashboard with 'Add New' plugin page

    In the plugin settings, you’ll see a field to enter the Chatbot ID. Paste the ID you copied and click “Save” to finalize the setup.

Troubleshooting Common Issues

Even with careful setup, you might encounter a few issues. Here’s how to troubleshoot:

Issue 1: Chatbot Not Displaying

  • Double-check that the Chatbot ID is correctly entered in the appropriate fields.
  • Verify that the script or plugin is properly installed and activated on your site.

Issue 2: Script Errors

  • Look for conflicts with other scripts or plugins that might be causing issues.
  • Open your browser’s developer console to review any error messages that could give clues about what’s wrong.

Conclusion

In this article, we’ve covered two effective methods for adding the HadjGPT AI chatbot to your WordPress website: using the HadjGPT plugin and manually inserting the script into your site’s header. Both methods are designed to fit different needs and setups. Choose the one that best aligns with your workflow and technical comfort level.

Bilal Mansouri

Bilal Mansouri

Indie Maker and Founder of HadjGPT