Documentation is available in English.

Netlify Integration Guide

Complete guide to integrate MyFormConnect 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 MyFormConnect instead of Netlify Forms. Replace netlify / data-netlify attributes with a MyFormConnect action URL.

Prerequisites

  • A MyFormConnect account - Sign up here
  • A form created in your MyFormConnect 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 MyFormConnect.

1

Copy your form UUID

Get your form UUID from the MyFormConnect dashboard.
  1. Log in to your MyFormConnect 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 MyFormConnect action URL.
  1. Remove data-netlify, netlify, and netlify-honeypot attributes
  2. Set action to https://myformconnect.io/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 (MyFormConnect) -->
<form action="https://myformconnect.io/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://myformconnect.io/loader.js" data-client-id="YOUR_FORM_UUID"></script>
Important Note
You no longer need Netlify Forms enabled for this form. MyFormConnect stores submissions and can notify you.
3

Test

Confirm submissions reach MyFormConnect.
  1. Open your Netlify site URL
  2. Submit a test entry
  3. Check MyFormConnect dashboard under Leads

Related Integrations

Static Sites
Integration Guide →
GitHub Pages
Integration Guide →
Next.js
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