# Notion Integration Guide

Complete guide to integrate MyFormCapture 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 MyFormCapture account - [Sign up here](/users/sign_up)
- ** A form created in your MyFormCapture 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 MyFormCapture, 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 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

#### Create a small HTML form page

                    Notion pages strip or block most custom scripts. Host this HTML on any static host instead.

1. Replace `YOUR_FORM_UUID` with your form UUID
2. 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://myformcapture.com/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://myformcapture.com/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.

1. In Notion, add a link/button to your hosted form URL (simplest and most reliable)
2. Or, if you use a Notion site tool that allows embeds, paste an iframe pointing at your form page
3. 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 MyFormCapture.

1. Open the form via your Notion link or embed
2. Submit a test entry
3. Check MyFormCapture dashboard under **Leads**

## ** Troubleshooting

              Native Notion usually strips scripts and interactive form behavior. Host the form on a static page and link/embed it instead.

              Confirm the form page URL loads in a normal browser tab first. Some hosts send frame-blocking headers — if so, use a link/button instead of an iframe.

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

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

      [Wix Integration Guide →](/docs/platforms/builders/wix)      [Webflow Integration Guide →](/docs/platforms/builders/webflow)      [Static Sites Integration Guide →](/docs/deployment/static-sites)

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