# Wix Integration Guide

Complete guide to integrate MyFormCapture with Wix

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

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](/users/sign_up)
- ** 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)

                5 minutes

                Easy

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

                  1

#### Copy your form UUID from MyFormCapture

                    You will need the unique UUID that MyFormCapture assigned to your form.

1. Log in to your MyFormCapture 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 MyFormCapture 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://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

                            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 MyFormCapture dashboard.

1. Visit your published Wix site
2. Fill in the form and click Submit
3. Check your MyFormCapture dashboard under **Leads** to confirm the submission arrived

##### Important Note

                            Submissions may take a few seconds to appear in your dashboard.

### Custom Code (Premium Plans)

                8 minutes

                Easy

Use Wix's Custom Code feature to add MyFormCapture loader.js site-wide. Requires a Wix Premium plan. Use this if you have multiple forms across different pages.

                  1

#### Access Custom Code Settings

                    Navigate to the Custom Code section in your Wix dashboard.

1. Open your Wix site in the Editor
2. Go to **Settings** in the left sidebar
3. Click **Custom Code** under Advanced
4. Click **+ Add Custom Code

##### Important Note

                            Custom Code feature requires a Wix Premium plan. Not available on free plans.

                  2

#### Add loader.js script

                    Configure the MyFormCapture loader.js to load on all pages.

1. Enter a name: 'MyFormCapture Loader'
2. Paste the loader script below
3. Replace `YOUR_DOMAIN_UUID` with your domain UUID from MyFormCapture dashboard
4. Set 'Add Code to Pages': **All pages**
5. Set 'Place Code in': **Head**
6. Click **Apply**

```
<script src="https://myformcapture.com/loader.js" data-client-id="YOUR_DOMAIN_UUID"></script>
```

##### Important Note

                            When loading loader.js globally, use your **domain UUID** (not a form UUID) as the data-client-id.

                  3

#### Add forms without script tags

                    Now add forms to any page using HTML Embed elements without the script tag.

1. Add an **HTML iframe** element to any page
2. Paste the form HTML (without the script tag)
3. Use the correct form-specific UUID in the action attribute
4. Ensure the form has `data-mfc="true"`

```
<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>
</div>
```

##### Important Note

                            Do not include the `<script>` tag when using the site-wide loader approach.

## ** Troubleshooting

              Check: 1) The embed element height is at least 400-500px, 2) Code mode is selected (not URL mode), 3) The HTML code is complete with no missing tags, 4) You clicked Update after pasting the code, 5) Try republishing the site.

              Verify: 1) The form UUID in the action URL is correct, 2) You're checking the correct form in your MyFormCapture dashboard, 3) Check browser console (F12 → Console) for errors, 4) Wait a few seconds and refresh the Leads page.

              Fix: 1) Increase the height of the embed element in Wix Editor, 2) Set minimum height of 500px, 3) Adjust the element size by dragging corners, 4) Remove fixed height from form inline styles if present.

              Ensure: 1) The form has `data-mfc="true"`, 2) The script `data-client-id` is a valid UUID, 3) If using site-wide loader (Premium), verify it's set to 'All pages' and 'Head', 4) Check browser console for errors.

              Custom Code requires a Wix Premium plan. Solutions: 1) Upgrade to a Premium plan, 2) Use the HTML Embed method instead (works on free plans), 3) The HTML Embed method is recommended for most users anyway.

              Customize: 1) Edit the inline styles in the form code to match your colors, 2) Change button background color, border colors, fonts, 3) Use your site's color scheme from the Wix theme, 4) Test changes by updating the embed code.

#### Still having issues?

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

          [** Contact Support](/support)

## ** Related Integrations

      [Squarespace Integration Guide →](/docs/platforms/builders/squarespace)      [Webflow Integration Guide →](/docs/platforms/builders/webflow)      [Carrd Integration Guide →](/docs/tools/nocode/carrd)

## ** References & Official Documentation

- ** [Wix Developer Documentation](https://dev.wix.com/) **
- ** [Wix Velo Documentation](https://www.wix.com/velo/reference/) **
- ** [Wix Custom Code Guide](https://support.wix.com/en/article/embedding-custom-code-to-your-site) **
- ** [Wix App Development](https://dev.wix.com/docs/develop-websites/) **

## ** 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