Integrating WebDroid with WordPress

Website Integration

Add the following script to the end of the <body> tag, just before the closing </body> tag. Replace {{YOUR_BOT_ID}} with your actual bot ID.

<script async src="https://api.webdroid.ai/webdroid.js?bot_id={{YOUR_BOT_ID}}"></script>

Here is how your html code should look like:

<!DOCTYPE html>
<html>
<head>
  <!-- Other head elements -->
</head>
<body>
  <!-- Other body elements -->

  <!-- Add the WebDroid chatbot script at the end of the body -->
  <script async src="https://api.webdroid.ai/webdroid.js?bot_id={{YOUR_BOT_ID}}"></script>
</body>
</html>

Wordpress Integration

Integrating WebDroid with your WordPress website involves a few simple steps. Here’s how you can get started:

1. Install the 'Insert Headers and Footers' Plugin

  1. Navigate to your WordPress dashboard. Go to the 'Plugins' section and click on 'Add New'.

  2. Search for 'Insert Headers and Footers', find the plugin by 'WPBrigade', and click 'Install Now'.

    3. Insert Headers and Footers Plugin

  3. Once installed, activate the plugin.

2. Add the Webdroid Script to the Footer

  1. In your WordPress dashboard, go to 'Settings' -> 'WP Headers and Footers'. This will open the plugin’s configuration page.

  2. Add the following script to the 'Scripts in Footer' section. Replace {{YOUR_BOT_ID}} with your actual bot ID.

    3. <script async src="https://api.webdroid.ai/webdroid.js?bot_id={{YOUR_BOT_ID}}"></script>

  3. Click 'Save Changes' to save your changes. It should look similar to this:

    4. Add Webdroid Script to Footer

Start using WebDroid for free now. Choose a plan whenever you're ready.

Get Started Now

Read The FAQs