Documentation is available in English.

Wix Integration Guide

Complete guide to integrate MyFormConnect with Wix

Setup time: 5-10 minutes
Difficulty: Easy
Compatible versions: Wix Editor, Wix Studio

Add MyFormConnect 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 MyFormConnect account - Sign up here
  • A form created in your MyFormConnect dashboard with its UUID copied
  • Wix site admin access
  • A Wix site (free or premium plan)

Integration Methods

HTML Embed (Recommended)

5 minutes Easy

Use Wix's HTML Embed element to add a MyFormConnect form directly to any page. Works on all Wix plans including free.

1

Copy your form UUID from MyFormConnect

You will need the unique UUID that MyFormConnect assigned to your form.
  1. Log in to your MyFormConnect dashboard
  2. Open the form you want to embed
  3. Copy the form UUID from the form URL or settings page (e.g. 550e8400-e29b-41d4-a716-446655440000)
Important Note
Each form has a unique UUID. Make sure you use the correct one.
2

Add HTML Embed element in Wix

Add an HTML element to your page where you want the form to appear.
  1. Open your Wix site in the Editor
  2. Click Add Elements (+) on the left sidebar
  3. Go to Embed Code
  4. Click HTML iframe or Embed a Widget
  5. Drag the element to your page
Important Note
Both HTML iframe and Embed a Widget work well. HTML iframe is simpler for basic forms.
3

Paste your form code

Configure the embed element with your MyFormConnect form HTML.
  1. Click on the embed element you just added
  2. Click Enter Code in the settings panel
  3. Select Code mode (not URL)
  4. Paste the form code below
  5. Replace YOUR_FORM_UUID with your actual form UUID
  6. Click Update
<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
  <form action="https://myformconnect.io/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://myformconnect.io/loader.js" data-client-id="YOUR_FORM_UUID"></script>
</div>
Important Note
The inline styles ensure the form looks good by default. You can adjust the embed element size and position using Wix's drag-and-drop tools.
4

Adjust size and publish

Resize the embed element and publish your site.
  1. Drag the corners of the embed element to resize it
  2. Position it where you want on the page
  3. Set minimum height of 400-500px for the element
  4. Click Publish in the top-right
  5. Test the form on your live site
Important Note
If the form appears cut off, increase the height of the embed element.
5

Verify submissions

Test the form and check your MyFormConnect dashboard.
  1. Visit your published Wix site
  2. Fill in the form and click Submit
  3. Check your MyFormConnect dashboard under Leads to confirm the submission arrived
Important Note
Submissions may take a few seconds to appear in your dashboard.

Related Integrations

Squarespace
Integration Guide →
Webflow
Integration Guide →
Carrd
Integration Guide →

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