Wix Integration Guide
Complete guide to integrate MyFormCapture with Wix
Add MyFormCapture forms to your Wix website using the HTML iFrame or Embed Code elements. Perfect for contact forms, lead capture, and custom submissions. Works on all Wix plans including free.
Prerequisites
- A MyFormCapture account - Sign up here
- A form created in your MyFormCapture dashboard with its UUID copied
- Wix site admin access
- A Wix site (free or premium plan)
Integration Methods
HTML Embed (Recommended)
Use Wix's HTML Embed element to add a MyFormCapture form directly to any page. Works on all Wix plans including free.
Copy your form UUID from MyFormCapture
- Log in to your MyFormCapture dashboard
- Open the form you want to embed
- Copy the form UUID from the form URL or settings page (e.g.
550e8400-e29b-41d4-a716-446655440000)
Important Note
Add HTML Embed element in Wix
- Open your Wix site in the Editor
- Click Add Elements (+) on the left sidebar
- Go to Embed Code
- Click HTML iframe or Embed a Widget
- Drag the element to your page
Important Note
Paste your form code
- Click on the embed element you just added
- Click Enter Code in the settings panel
- Select Code mode (not URL)
- Paste the form code below
- Replace
YOUR_FORM_UUIDwith your actual form UUID - Click Update
<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
<form action="https://myformcapture.com/f/YOUR_FORM_UUID" method="POST" data-mfc="true" style="max-width: 500px; margin: 0 auto;">
<div style="margin-bottom: 15px;">
<label for="name" style="display: block; margin-bottom: 5px; font-weight: 500;">Name *</label>
<input type="text" id="name" name="name" required style="width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box;">
</div>
<div style="margin-bottom: 15px;">
<label for="email" style="display: block; margin-bottom: 5px; font-weight: 500;">Email *</label>
<input type="email" id="email" name="email" required style="width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box;">
</div>
<div style="margin-bottom: 15px;">
<label for="message" style="display: block; margin-bottom: 5px; font-weight: 500;">Message</label>
<textarea id="message" name="message" rows="4" style="width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box;"></textarea>
</div>
<button type="submit" style="background: #3b82f6; color: white; padding: 12px 24px; border: none; border-radius: 4px; cursor: pointer; font-weight: 500; width: 100%;">Send Message</button>
</form>
<script src="https://myformcapture.com/loader.js" data-client-id="YOUR_FORM_UUID"></script>
</div>
Important Note
Adjust size and publish
- Drag the corners of the embed element to resize it
- Position it where you want on the page
- Set minimum height of 400-500px for the element
- Click Publish in the top-right
- Test the form on your live site
Important Note
Verify submissions
- Visit your published Wix site
- Fill in the form and click Submit
- Check your MyFormCapture dashboard under Leads to confirm the submission arrived
Important Note
Related Integrations
References & Official Documentation
Next Steps
Configure MyFormCapture
- 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