Skip to main content

Adding Chat to WordPress

Add your TAB chat widget to your WordPress website. This works with WordPress.com, WordPress.org, and most WordPress themes.

What you need​

  • Access to your WordPress admin dashboard
  • Your TAB embed code (from Channels > Chat Widget > Embed)

Method 1: Using a plugin (easiest)​

If you're not comfortable editing code, use a plugin.

Step 1: Install a header/footer plugin​

  1. Go to your WordPress admin
  2. Click Plugins > Add New
  3. Search for "Insert Headers and Footers" or "WPCode"
  4. Install and activate the plugin

Step 2: Add your code​

Using WPCode:

  1. Go to Code Snippets > Header & Footer
  2. Paste your TAB embed code in the Footer section
  3. Click Save Changes

Using Insert Headers and Footers:

  1. Go to Settings > Insert Headers and Footers
  2. Paste your TAB embed code in the Footer box
  3. Click Save

Step 3: Test it​

Visit your website and look for the chat bubble.

Method 2: Edit theme files​

For more control, add the code directly to your theme.

Step 1: Access your theme editor​

  1. Go to WordPress admin
  2. Click Appearance > Theme Editor
  3. On the right sidebar, find and click footer.php

Step 2: Add the code​

  1. Find the </body> tag (near the bottom)
  2. Paste your TAB embed code just before </body>
  3. Click Update File

Step 3: Test it​

Visit your website and verify the chat appears.

Use a child theme

If you edit theme files directly, updates to your theme will remove your changes. Consider using a child theme or the plugin method instead.

Method 3: Using WordPress Customizer​

Some themes allow adding scripts through the Customizer.

  1. Go to Appearance > Customize
  2. Look for a section called "Additional CSS" or "Scripts" or "Footer"
  3. If your theme has a scripts section, paste your code there
  4. Click Publish

Not all themes have this option.

WordPress.com specific​

If you're on WordPress.com (not self-hosted):

Business or eCommerce plan: You can add custom code. Use the plugin method above.

Free or Personal plan: Custom code isn't available. You'll need to upgrade your plan.

Troubleshooting​

Chat bubble not showing​

  1. Clear your browser cache (Ctrl+Shift+R)
  2. Clear any WordPress caching plugins
  3. Verify the code is in place
  4. Check for JavaScript errors in browser console

Conflicts with other plugins​

Some security or optimization plugins block external scripts. Try:

  • Temporarily disabling security plugins
  • Adding TAB to your plugin's whitelist
  • Checking cache plugin settings

Chat appears but doesn't work​

  • Check your agent is trained
  • Verify you have credits
  • Test in the Playground first

Elementor​

If you use Elementor:

  1. Edit your footer template
  2. Add an HTML widget
  3. Paste your embed code
  4. Save

Divi​

If you use Divi:

  1. Go to Divi > Theme Options
  2. Click Integration tab
  3. Paste code in "Add code to the < body >" field
  4. Save

WooCommerce​

The standard methods work for WooCommerce stores. The chat will appear on all pages including shop and product pages.

Need more help?​

If you're stuck, check our Chat Widget Issues guide or contact support.