Add a Chatbot to Your WordPress Website

Discover how to seamlessly integrate a chatbot widget into your WordPress Website.

Step 1: Allowlist the Domain of Your WordPress website

To integrate the chatbot into your WordPress website, you need to allowlist the main domain of your WordPress website so that the chatbot can appear on your production website and set the visibility of your chatbot to be public. Additionally, you can specify certain URL paths of your store to be disallowed, preventing the chatbot from appearing on those pages. Allowlist the domain of your WordPress website

Step 2: Add the Embedding Script to <head>

There are two ways to add the embedding script to the head element of your WordPress website: Use a Plugin or Edit Theme's functions.php File.

Use a Plugin

Install a plugin like "Insert Headers and Footers" or "WP Head and Footer Scripts".

Install the embedding script of your chatbot into the head by copying it in the Header section of the plugin. Insert the embedding script through a plugin

Edit Theme's functions.php File

If you're comfortable with editing theme files and want a more direct approach, you can add your script by editing the functions.php file of your theme. This method is more permanent but requires careful editing.

1. Access Your Theme's functions.php File: You can access this file by going to Appearance > Theme Editor in the WordPress dashboard. Select your current theme and find the functions.php file in the list of theme files. Alternatively, use an FTP client to access your server and edit the file directly within the theme's folder.
1. Add Your Script: Insert the following code at the end of your theme's functions.php file. Replace the following code with your actual embedding script and add it to your functions.php file.

function add_custom_script_to_head() {
echo '<script src="//your-script-url.js"></script>' . "\n";
}
add_action('wp_head', 'add_custom_script_to_head');

Insert the embedding script directly