📝WordPress Integration Guide

Install an AI chatbot on your WordPress site using a plugin or the theme editor.

1Option A: Install the WPCode plugin (recommended)

Install and activate the WPCode (Insert Headers and Footers) plugin from the WordPress plugin directory. Go to Code Snippets → Header & Footer, paste the embed script into the Footer section, and click Save.

2Option B: Edit your theme's footer.php

Navigate to Appearance → Theme File Editor, select footer.php from the file list on the right, and paste the embed script directly before the closing </body> tag. Click Update File to save.

3Replace YOUR_BOT_ID

Swap the placeholder YOUR_BOT_ID with your actual bot ID from the BotEmbed.ai dashboard.

4Verify the widget loads

Visit your live WordPress site in an incognito window and confirm the chat widget appears in the bottom-right corner.

Code Examples

WPCode Footer Section

<script
  src="https://www.botembed.ai/widget.js?botId=YOUR_BOT_ID"
  data-theme="light"
  data-position="bottom-right"
></script>

footer.php (Theme Editor)

  <?php wp_footer(); ?>

  <!-- BotEmbed.ai Chat Widget -->
  <script
  src="https://www.botembed.ai/widget.js?botId=YOUR_BOT_ID"
  data-theme="light"
  data-position="bottom-right"
></script>
</body>
</html>

Tips

Use a child theme if editing theme files directly so that theme updates do not overwrite your changes.

The WPCode plugin method is safer because it persists across theme changes and updates.

If you use a page builder like Elementor or Divi, the WPCode plugin method is the easiest approach.

Make sure caching plugins purge their cache after adding the script so the widget appears immediately.

Previous🌐 HTML Next🛒 Shopify