Notion Integration Guide
Complete guide to integrate MyFormConnect with Notion
Setup time: 10 minutes
Difficulty: Easy
Compatible versions: Notion sites / public pages
Notion does not reliably allow arbitrary scripts or interactive HTML forms on native pages. The practical approach is to host a small form page elsewhere (or use an embed/iframe) and link or embed it from Notion.
Prerequisites
- A MyFormConnect account - Sign up here
- A form created in your MyFormConnect dashboard with its UUID copied
- A place to host a simple HTML page (GitHub Pages, Netlify, Vercel, or any static host), OR a Notion site tool that allows HTML embeds
Integration Methods
Linked Page or Embed (Recommended)
10 minutes
Easy
Host a small HTML form page with MyFormConnect, then link to it from Notion or embed it via iframe if your Notion site tool supports embeds.
1
Copy your form UUID
Get your form UUID from the MyFormConnect dashboard.
- Log in to your MyFormConnect dashboard
- Open the form you want to use
- Copy the form UUID (e.g.
550e8400-e29b-41d4-a716-446655440000)
2
Create a small HTML form page
Notion pages strip or block most custom scripts. Host this HTML on any static host instead.
- Replace
YOUR_FORM_UUIDwith your form UUID - Deploy the file to any static host and note the public URL
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact</title>
</head>
<body style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; max-width: 480px; margin: 40px auto; padding: 0 16px;">
<h1>Contact</h1>
<form action="https://myformconnect.io/f/YOUR_FORM_UUID" method="POST" data-mfc="true">
<p>
<label for="name">Name *</label><br>
<input type="text" id="name" name="name" required style="width: 100%; padding: 10px;">
</p>
<p>
<label for="email">Email *</label><br>
<input type="email" id="email" name="email" required style="width: 100%; padding: 10px;">
</p>
<p>
<label for="message">Message</label><br>
<textarea id="message" name="message" rows="4" style="width: 100%; padding: 10px;"></textarea>
</p>
<button type="submit">Send Message</button>
</form>
<script src="https://myformconnect.io/loader.js" data-client-id="YOUR_FORM_UUID"></script>
</body>
</html>Important Note
Native Notion pages are not a good place for arbitrary
<script> tags. Hosting the form externally is the reliable path.
3
Connect it from Notion
Link or embed the hosted form from your Notion site.
- In Notion, add a link/button to your hosted form URL (simplest and most reliable)
- Or, if you use a Notion site tool that allows embeds, paste an iframe pointing at your form page
- Example iframe:
<iframe src="https://your-form-page.example.com" width="100%" height="520" style="border:0;"></iframe>
Important Note
If your tool lets you paste raw HTML embeds, you can paste the form HTML directly — still use the same action URL and loader script.
4
Test
Confirm submissions reach MyFormConnect.
- Open the form via your Notion link or embed
- Submit a test entry
- Check MyFormConnect dashboard under Leads
Related Integrations
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