Wix Integration Guide

Complete guide to integrate CallMeBack with Wix

Setup time: 5-10 minutes

Difficulty: Easy

Compatible versions: Wix Editor, Wix Studio

Integrate CallMeBack with your Wix website to capture leads from contact and custom forms. Wix powers over 200 million websites worldwide with its drag-and-drop builder.

Prerequisites

A CallMeBack account - Sign up here
Your CallMeBack integration code from your dashboard
Wix site admin access
A published Wix site (Wix Editor or Wix Studio)
Wix Premium plan (required for custom code features)

Integration Methods

Custom Code Integration

5 minutes Easy

Use Wix's built-in Custom Code feature to add CallMeBack to your site. This is the official method recommended by Wix.

Access Custom Code Settings

Navigate to the Custom Code section in your Wix dashboard.

Open your Wix site in the editor
Go to Settings in the left sidebar
Click Custom Code under Advanced
Click + Add Custom Code

Important Note

Custom Code feature requires a Wix Premium plan. Free plans don't have access to this feature.

Configure Code Settings

Set up the CallMeBack integration with proper settings.

Enter a descriptive name: 'CallMeBack Widget'
Paste your CallMeBack code in the code box
Set 'Add Code to Pages': All pages
Set 'Place Code in': Head
Click Apply

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

Important Note

The data-wix attribute helps optimize the widget for Wix-specific features and styling.

Test and Verify

Ensure the CallMeBack widget is working correctly on your Wix site.

Click Preview to see your site
Look for the CallMeBack widget (usually a floating button)
Test the callback form functionality
Check your CallMeBack dashboard for test submissions
Publish your site when ready

Important Note

If you don't see the widget immediately, try refreshing the preview or clearing your browser cache.

HTML Embed Component

8 minutes Easy

Use Wix's HTML embed component to add CallMeBack to specific pages or sections.

Add HTML Embed Component

Add an HTML embed element to your Wix page.

In the Wix editor, click Add (+) button
Go to Embed Code → HTML iframe
Drag the HTML component to your page
Click Enter Code

Insert CallMeBack Code

Add the CallMeBack integration code to the HTML component.

<script>
(function() {
  // Only initialize if not already done
  if (!window.callmebackInitialized) {
    var script = document.createElement('script');
    script.src = 'https://widget.callmebackbutton.com/widget.js';
    script.setAttribute('data-account', 'YOUR_ACCOUNT_ID');
    script.setAttribute('data-wix', 'true');
    document.head.appendChild(script);
    window.callmebackInitialized = true;
  }
})();
</script>

Important Note

This method provides more control over placement but may require adding to multiple pages.

Configure Component

Set up the HTML component for optimal display.

Set component size: Width 100%, Height 50px
Set component to Invisible (since CallMeBack creates its own UI)
Position the component at the top or bottom of your page
Click Update and preview your site

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
Wix site admin access
A published Wix site (Wix Editor or Wix Studio)
Wix Premium plan (required for custom code features)

Integration Methods

Custom Code Integration

5 minutes Easy

Use Wix's built-in Custom Code feature to add CallMeBack to your site. This is the official method recommended by Wix.

Access Custom Code Settings

Navigate to the Custom Code section in your Wix dashboard.

Open your Wix site in the editor
Go to Settings in the left sidebar
Click Custom Code under Advanced
Click + Add Custom Code

Important Note

Custom Code feature requires a Wix Premium plan. Free plans don't have access to this feature.

Configure Code Settings

Set up the CallMeBack integration with proper settings.

Enter a descriptive name: 'CallMeBack Widget'
Paste your CallMeBack code in the code box
Set 'Add Code to Pages': All pages
Set 'Place Code in': Head
Click Apply

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

Important Note

The data-wix attribute helps optimize the widget for Wix-specific features and styling.

Test and Verify

Ensure the CallMeBack widget is working correctly on your Wix site.

Click Preview to see your site
Look for the CallMeBack widget (usually a floating button)
Test the callback form functionality
Check your CallMeBack dashboard for test submissions
Publish your site when ready

Important Note

If you don't see the widget immediately, try refreshing the preview or clearing your browser cache.

HTML Embed Component

8 minutes Easy

Use Wix's HTML embed component to add CallMeBack to specific pages or sections.

Add HTML Embed Component

Add an HTML embed element to your Wix page.

In the Wix editor, click Add (+) button
Go to Embed Code → HTML iframe
Drag the HTML component to your page
Click Enter Code

Insert CallMeBack Code

Add the CallMeBack integration code to the HTML component.

<script>
(function() {
  // Only initialize if not already done
  if (!window.callmebackInitialized) {
    var script = document.createElement('script');
    script.src = 'https://widget.callmebackbutton.com/widget.js';
    script.setAttribute('data-account', 'YOUR_ACCOUNT_ID');
    script.setAttribute('data-wix', 'true');
    document.head.appendChild(script);
    window.callmebackInitialized = true;
  }
})();
</script>

Important Note

This method provides more control over placement but may require adding to multiple pages.

Configure Component

Set up the HTML component for optimal display.

Set component size: Width 100%, Height 50px
Set component to Invisible (since CallMeBack creates its own UI)
Position the component at the top or bottom of your page
Click Update and preview your site

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

Wix Integration Guide

Prerequisites

Integration Methods

Custom Code Integration

Access Custom Code Settings

Important Note

Configure Code Settings

Important Note

Test and Verify

Important Note

HTML Embed Component

Add HTML Embed Component

Insert CallMeBack Code

Important Note

Configure Component

Troubleshooting

Still having issues?

Related Integrations

References & Official Documentation

Next Steps

Configure CallMeBack

Advanced Features

Need Help?

Wix Integration Guide

Prerequisites

Integration Methods

Custom Code Integration

Access Custom Code Settings

Important Note

Configure Code Settings

Important Note

Test and Verify

Important Note

HTML Embed Component

Add HTML Embed Component

Insert CallMeBack Code

Important Note

Configure Component

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!