# Netlify Integration Guide

Complete guide to integrate MyFormCapture with Netlify

      Setup time: **5 minutes
      Difficulty: **Easy
        Compatible versions: **Static sites and JAMstack apps on Netlify**

Deploy on Netlify and send form submissions to MyFormCapture instead of Netlify Forms. Replace `netlify` / `data-netlify` attributes with a MyFormCapture action URL.

## ** Prerequisites

- ** A MyFormCapture account - [Sign up here](/users/sign_up)
- ** A form created in your MyFormCapture dashboard with its UUID copied
- ** A site hosted (or ready to host) on Netlify

## ** Integration Methods

### Replace Netlify Forms (Recommended)

                5 minutes

                Easy

Keep your existing markup, remove Netlify Forms attributes, and point the form at MyFormCapture.

                  1

#### Copy your form UUID

                    Get your form UUID from the MyFormCapture dashboard.

1. Log in to your MyFormCapture dashboard
2. Open the form you want to use
3. Copy the form UUID (e.g. `550e8400-e29b-41d4-a716-446655440000`)

                  2

#### Update your form markup

                    Remove Netlify Forms attributes and set the MyFormCapture action URL.

1. Remove `data-netlify`, `netlify`, and `netlify-honeypot` attributes
2. Set `action` to `https://myformcapture.com/f/YOUR_FORM_UUID`
3. Add `data-mfc="true"`
4. Replace `YOUR_FORM_UUID` with your form UUID
5. Deploy to Netlify (git push or drag-and-drop)

```
<!-- Before (Netlify Forms) -->
<form name="contact" method="POST" data-netlify="true">
  ...
</form>

<!-- After (MyFormCapture) -->
<form action="https://myformcapture.com/f/YOUR_FORM_UUID" method="POST" data-mfc="true">
  <label for="name">Name *</label>
  <input type="text" id="name" name="name" required>

  <label for="email">Email *</label>
  <input type="email" id="email" name="email" required>

  <label for="message">Message</label>
  <textarea id="message" name="message" rows="4"></textarea>

  <button type="submit">Send Message</button>
</form>

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

##### Important Note

                            You no longer need Netlify Forms enabled for this form. MyFormCapture stores submissions and can notify you.

                  3

#### Test

                    Confirm submissions reach MyFormCapture.

1. Open your Netlify site URL
2. Submit a test entry
3. Check MyFormCapture dashboard under **Leads**

## ** Troubleshooting

              Remove all Netlify Forms attributes (`data-netlify`, `netlify`, hidden form-name fields). Redeploy so Netlify serves the updated HTML.

              Check: 1) Form UUID in the action URL is correct, 2) Browser console for errors, 3) You're checking the right form under **Leads**.

              Expected for older submissions. New posts go to MyFormCapture. You can disable or ignore Netlify Forms for this form after switching.

              Ensure `data-mfc="true"` is present and the script `data-client-id` matches your form UUID.

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

      [Static Sites Integration Guide →](/docs/deployment/static-sites)      [GitHub Pages Integration Guide →](/docs/deployment/github-pages)      [Next.js Integration Guide →](/docs/frameworks/nextjs)

## ** References & Official Documentation

- ** [Getting Started Guide](/docs/getting-started)
- ** [Custom Webhooks](/docs/tools/code/custom-webhooks)

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