Wix Integration Guide

Complete guide to integrate MyFormConnect with Wix

Setup time: 5-10 minutes

Difficulty: Easy

Compatible versions: Wix Editor, Wix Studio

Integrate MyFormConnect 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 MyFormConnect account - Sign up here
Your MyFormConnect 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 MyFormConnect 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 MyFormConnect integration with proper settings.

Enter a descriptive name: 'MyFormConnect Widget'
Paste your MyFormConnect 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 MyFormConnect widget is working correctly on your Wix site.

Click Preview to see your site
Look for the MyFormConnect widget (usually a floating button)
Test the callback form functionality
Check your MyFormConnect 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 MyFormConnect 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 MyFormConnect Code

Add the MyFormConnect 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 MyFormConnect 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 MyFormConnect

Set up your timezone
Configure lead notifications
Set up advanced spam detection
Add team members to your account

Advanced Features

Use our custom form templates
Try AI Insights for Leads
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 MyFormConnect account - Sign up here
Your MyFormConnect 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 MyFormConnect 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 MyFormConnect integration with proper settings.

Enter a descriptive name: 'MyFormConnect Widget'
Paste your MyFormConnect 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 MyFormConnect widget is working correctly on your Wix site.

Click Preview to see your site
Look for the MyFormConnect widget (usually a floating button)
Test the callback form functionality
Check your MyFormConnect 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 MyFormConnect 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 MyFormConnect Code

Add the MyFormConnect 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 MyFormConnect 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 MyFormConnect

Set up your timezone
Configure lead notifications
Set up advanced spam detection
Add team members to your account

Advanced Features

Use our custom form templates
Try AI Insights for Leads
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 MyFormConnect Code

Important Note

Configure Component

Troubleshooting

Still having issues?

Related Integrations

References & Official Documentation

Next Steps

Configure MyFormConnect

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 MyFormConnect Code

Important Note

Configure Component

Troubleshooting

Still having issues?

Related Integrations

References & Official Documentation

Next Steps

Configure MyFormConnect

Advanced Features

Need Help?

MyFormConnect - Request Demo

Thank you for scheduling a demo!

MyFormConnect - Any issues?

Thank you for your request!

MyFormConnect - Tailored Solution