AG Hotels Chatbot WordPress Integration Guide

This guide explains how to integrate the AG Hotels AI Chatbot into your WordPress website. The chatbot will appear as a floating widget that users can open to ask questions about AG Hotels.

Integration Options

There are two ways to integrate the chatbot into your WordPress website:

Option 1: Using WordPress Plugin

  1. Install and activate the "Custom HTML" plugin in WordPress if it's not already available.
  2. Go to Appearance > Widgets and add a "Custom HTML" widget to your site.
  3. Paste the following code into the widget:
<script src="https://yourdomain.replit.app/static/js/embed.min.js"></script>
Note: Replace yourdomain.replit.app with your actual deployed domain name.

Option 2: Custom Code in WordPress Theme

  1. Edit your WordPress theme's footer.php file.
  2. Before the closing </body> tag, add the following code:
<script src="https://yourdomain.replit.app/static/js/embed.min.js"></script>
Note: Replace yourdomain.replit.app with your actual deployed domain name.

Advanced Configuration

If you need more control over the chatbot appearance, you can use the un-minified version and customize it:

  1. Download the embed.js file from here.
  2. Edit the CSS and configuration variables at the top of the file.
  3. Host the modified file on your server and update the script src accordingly.

Testing Your Integration

After adding the code to your WordPress site, you should see a chat button in the bottom-right corner of your site. Clicking it will open the AG Hotels chatbot interface.

Live Demo

To see how the chatbot looks and works, click the button below to load a demo:

Need Help?

If you encounter any issues with the integration, please contact our support team at support@aghotels.co.uk.