WordPress Integration Guide

Complete guide to integrate CallMeBack with WordPress

Setup time: 5-10 minutes

Difficulty: Easy

Compatible versions: WordPress 5.0+

Integrate CallMeBack with your WordPress website to capture leads from contact forms, blog posts, and pages. WordPress powers 40%+ of all websites worldwide, making it one of the most popular platforms for CallMeBack integration.

Prerequisites

A CallMeBack account - Sign up here
Your CallMeBack integration code from your dashboard
WordPress admin access (Administrator role required)
WordPress version 5.0 or higher (recommended: latest version)
Active WordPress theme (any theme works)

Integration Methods

Plugin Integration

3-5 minutes Easy

The easiest and most reliable method using a WordPress plugin that handles all the technical details for you.

Install Insert Headers and Footers Plugin

This free plugin allows you to easily add code to your website without editing theme files.

Go to your WordPress admin dashboard
Navigate to Plugins → Add New
Search for 'Insert Headers and Footers' by WPBeginner
Click Install Now and then Activate

# Plugin Name: Insert Headers and Footers
# Active Installs: 2+ million
# Rating: 4.6/5 stars

Important Note

This plugin is actively maintained and trusted by millions of WordPress users worldwide.

Add CallMeBack Code

Insert your CallMeBack integration code into the plugin settings.

Navigate to Settings → Insert Headers and Footers
Paste your CallMeBack code in the Scripts in Header section
Click Save button
Visit your website to verify the CallMeBack widget appears

<script>
// Your CallMeBack code goes here
(function() {
  var script = document.createElement('script');
  script.src = 'https://widget.callmebackbutton.com/widget.js';
  script.setAttribute('data-account', 'YOUR_ACCOUNT_ID');
  document.head.appendChild(script);
})();
</script>

Important Note

Replace 'YOUR_ACCOUNT_ID' with your actual account ID from your CallMeBack dashboard.

Test Integration

Verify that CallMeBack is working correctly on your WordPress site.

Open your website in a new browser tab
Look for the CallMeBack widget (usually appears as a floating button)
Test the callback form by filling it out
Check your CallMeBack dashboard for the test lead

Important Note

If you don't see the widget immediately, try clearing your browser cache or checking in an incognito/private window.

Theme File Edit

5-10 minutes Intermediate

Direct integration by editing your theme's header.php file. Requires basic technical knowledge.

Access Theme Editor

Navigate to the WordPress theme editor to modify your theme files.

Go to Appearance → Theme Editor
Select your active theme from the dropdown
Click on header.php from the file list
Warning: Always backup your site before editing theme files

Important Note

Some hosting providers disable the theme editor for security. If unavailable, use FTP or contact your host.

Add Code to Header

Insert the CallMeBack code before the closing tag.

Locate the </head> tag in header.php
Add your CallMeBack code just before this closing tag
Click Update File
Visit your site to test the integration

<?php wp_head(); ?>
<!-- CallMeBack Integration -->
<script>
(function() {
  var script = document.createElement('script');
  script.src = 'https://widget.callmebackbutton.com/widget.js';
  script.setAttribute('data-account', 'YOUR_ACCOUNT_ID');
  document.head.appendChild(script);
})();
</script>
</head>

Important Note

This method requires re-adding the code if you change themes. Consider using a child theme for better maintenance.

Custom Plugin Creation

10-15 minutes Advanced

Create a custom plugin for CallMeBack integration. Best for developers who want full control.

Create Plugin File

Create a new plugin file in your WordPress plugins directory.

Access your WordPress files via FTP or hosting file manager
Navigate to /wp-content/plugins/
Create a new folder called callmeback-integration
Create a file called callmeback-integration.php

<?php
/**
 * Plugin Name: CallMeBack Integration
 * Description: Integrates CallMeBack widget with your WordPress site
 * Version: 1.0
 * Author: Your Name
 */

// Prevent direct access
if (!defined('ABSPATH')) {
    exit;
}

function callmeback_add_widget() {
    ?>
    <script>
    (function() {
        var script = document.createElement('script');
        script.src = 'https://widget.callmebackbutton.com/widget.js';
        script.setAttribute('data-account', 'YOUR_ACCOUNT_ID');
        document.head.appendChild(script);
    })();
    </script>
    <?php
}
add_action('wp_head', 'callmeback_add_widget');

Activate Plugin

Activate your custom CallMeBack plugin through the WordPress admin.

Go to Plugins → Installed Plugins
Find 'CallMeBack Integration' in the list
Click Activate
The widget will now appear on all pages

Important Note

Custom plugins survive theme changes and provide better organization for your integrations.

Troubleshooting

Still having issues?

Can't find the answer you're looking for? Our support team is here to help with your integration.

Contact Support

Related Integrations

References & Official Documentation

Next Steps

Configure CallMeBack

Set up your business hours and timezone
Configure callback phone numbers
Set up email notifications
Add team members to your account

Advanced Features

Set up custom form templates
Configure lead scoring rules
Integrate with your CRM
Set up automated workflows

Need Help?

Our support team is here to help you with your integration.

Contact Support

Prerequisites

A CallMeBack account - Sign up here
Your CallMeBack integration code from your dashboard
WordPress admin access (Administrator role required)
WordPress version 5.0 or higher (recommended: latest version)
Active WordPress theme (any theme works)

Integration Methods

Plugin Integration

3-5 minutes Easy

The easiest and most reliable method using a WordPress plugin that handles all the technical details for you.

Install Insert Headers and Footers Plugin

This free plugin allows you to easily add code to your website without editing theme files.

Go to your WordPress admin dashboard
Navigate to Plugins → Add New
Search for 'Insert Headers and Footers' by WPBeginner
Click Install Now and then Activate

# Plugin Name: Insert Headers and Footers
# Active Installs: 2+ million
# Rating: 4.6/5 stars

Important Note

This plugin is actively maintained and trusted by millions of WordPress users worldwide.

Add CallMeBack Code

Insert your CallMeBack integration code into the plugin settings.

Navigate to Settings → Insert Headers and Footers
Paste your CallMeBack code in the Scripts in Header section
Click Save button
Visit your website to verify the CallMeBack widget appears

<script>
// Your CallMeBack code goes here
(function() {
  var script = document.createElement('script');
  script.src = 'https://widget.callmebackbutton.com/widget.js';
  script.setAttribute('data-account', 'YOUR_ACCOUNT_ID');
  document.head.appendChild(script);
})();
</script>

Important Note

Replace 'YOUR_ACCOUNT_ID' with your actual account ID from your CallMeBack dashboard.

Test Integration

Verify that CallMeBack is working correctly on your WordPress site.

Open your website in a new browser tab
Look for the CallMeBack widget (usually appears as a floating button)
Test the callback form by filling it out
Check your CallMeBack dashboard for the test lead

Important Note

If you don't see the widget immediately, try clearing your browser cache or checking in an incognito/private window.

Theme File Edit

5-10 minutes Intermediate

Direct integration by editing your theme's header.php file. Requires basic technical knowledge.

Access Theme Editor

Navigate to the WordPress theme editor to modify your theme files.

Go to Appearance → Theme Editor
Select your active theme from the dropdown
Click on header.php from the file list
Warning: Always backup your site before editing theme files

Important Note

Some hosting providers disable the theme editor for security. If unavailable, use FTP or contact your host.

Add Code to Header

Insert the CallMeBack code before the closing tag.

Locate the </head> tag in header.php
Add your CallMeBack code just before this closing tag
Click Update File
Visit your site to test the integration

<?php wp_head(); ?>
<!-- CallMeBack Integration -->
<script>
(function() {
  var script = document.createElement('script');
  script.src = 'https://widget.callmebackbutton.com/widget.js';
  script.setAttribute('data-account', 'YOUR_ACCOUNT_ID');
  document.head.appendChild(script);
})();
</script>
</head>

Important Note

This method requires re-adding the code if you change themes. Consider using a child theme for better maintenance.

Custom Plugin Creation

10-15 minutes Advanced

Create a custom plugin for CallMeBack integration. Best for developers who want full control.

Create Plugin File

Create a new plugin file in your WordPress plugins directory.

Access your WordPress files via FTP or hosting file manager
Navigate to /wp-content/plugins/
Create a new folder called callmeback-integration
Create a file called callmeback-integration.php

<?php
/**
 * Plugin Name: CallMeBack Integration
 * Description: Integrates CallMeBack widget with your WordPress site
 * Version: 1.0
 * Author: Your Name
 */

// Prevent direct access
if (!defined('ABSPATH')) {
    exit;
}

function callmeback_add_widget() {
    ?>
    <script>
    (function() {
        var script = document.createElement('script');
        script.src = 'https://widget.callmebackbutton.com/widget.js';
        script.setAttribute('data-account', 'YOUR_ACCOUNT_ID');
        document.head.appendChild(script);
    })();
    </script>
    <?php
}
add_action('wp_head', 'callmeback_add_widget');

Activate Plugin

Activate your custom CallMeBack plugin through the WordPress admin.

Go to Plugins → Installed Plugins
Find 'CallMeBack Integration' in the list
Click Activate
The widget will now appear on all pages

Important Note

Custom plugins survive theme changes and provide better organization for your integrations.

Troubleshooting

Still having issues?

Can't find the answer you're looking for? Our support team is here to help with your integration.

Contact Support

References & Official Documentation

Next Steps

Configure CallMeBack

Set up your business hours and timezone
Configure callback phone numbers
Set up email notifications
Add team members to your account

Advanced Features

Set up custom form templates
Configure lead scoring rules
Integrate with your CRM
Set up automated workflows

WordPress Integration Guide

Prerequisites

Integration Methods

Plugin Integration

Install Insert Headers and Footers Plugin

Important Note

Add CallMeBack Code

Important Note

Test Integration

Important Note

Theme File Edit

Access Theme Editor

Important Note

Add Code to Header

Important Note

Custom Plugin Creation

Create Plugin File

Activate Plugin

Important Note

Troubleshooting

Still having issues?

Related Integrations

References & Official Documentation

Next Steps

Configure CallMeBack

Advanced Features

Need Help?

WordPress Integration Guide

Prerequisites

Integration Methods

Plugin Integration

Install Insert Headers and Footers Plugin

Important Note

Add CallMeBack Code

Important Note

Test Integration

Important Note

Theme File Edit

Access Theme Editor

Important Note

Add Code to Header

Important Note

Custom Plugin Creation

Create Plugin File

Activate Plugin

Important Note

Troubleshooting

Still having issues?

Related Integrations

References & Official Documentation

Next Steps

Configure CallMeBack

Advanced Features

Need Help?

Setup a Demo

Thank you for scheduling a demo!

Request a Call Back

Thank you for your request!

Join Our Waitlist

Welcome to the waitlist!