SDK & Frameworks

Chat Widget — WordPress

Add the FutureBase AI chat widget to your WordPress site using a script tag in the footer.

Add the FutureBase chat widget to your WordPress site by inserting a script tag into the footer. No coding experience required.

Setup

Install a code snippet plugin

Install and activate a plugin that lets you add custom code to your site's header or footer. Popular options:

  • WPCode (formerly Insert Headers and Footers)
  • Insert Headers and Footers by WPBeginner

You can find these in Plugins > Add New in your WordPress admin.

Paste the script tag

Open the plugin settings and paste the following into the Footer Scripts section:

<script src="https://embed.futurebase.io/script/YOUR_WEBSITE_ID" defer></script>

Save your changes.

Verify on your live site

Visit your WordPress site in a new browser tab. The FutureBase chat bubble should appear in the bottom-right corner.

Replace YOUR_WEBSITE_ID with your actual website ID from the FutureBase dashboard under Settings.

Alternative: Theme Editor

If you prefer not to use a plugin, you can add the script directly via Appearance > Theme File Editor:

  1. Open footer.php (or your theme's footer template).
  2. Paste the <script> tag just before the closing </body> tag.
  3. Click Update File.

Editing theme files directly means your changes may be overwritten when the theme updates. Using a plugin is the recommended approach.

Optional configuration

You can add data attributes to customize behavior. See the HTML / Script Tag guide for the full list of available attributes.

On this page