# Cloudflare Pages Integration Guide

Complete guide to integrate MyFormConnect with Cloudflare Pages

      Setup time: **5-10 minutes
      Difficulty: **Easy
        Compatible versions: **Static sites and frameworks on Cloudflare Pages**

Deploy a static site on Cloudflare Pages and collect form submissions with MyFormConnect. Optional: add Cloudflare Turnstile via MyFormConnect spam/CAPTCHA settings.

## ** Prerequisites

- ** A MyFormConnect account - [Sign up here](/users/sign_up)
- ** A form created in your MyFormConnect dashboard with its UUID copied
- ** A project connected to Cloudflare Pages (or ready to deploy)

## ** Integration Methods

### HTML Form (Recommended)

                5 minutes

                Easy

Add a MyFormConnect form to any page you deploy on Cloudflare Pages. Same pattern as other static hosts.

                  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

#### Add the form to your site

                    Insert the form HTML into your page or template.

1. Replace `YOUR_FORM_UUID` with your form UUID
2. Commit and push, or upload via the Cloudflare Pages dashboard
3. Wait for the Pages deploy to finish

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

                            loader.js is optional for AJAX submission and validation.

                  3

#### Optional: Cloudflare Turnstile

                    If you want Turnstile on this form, configure it in MyFormConnect — not only in Pages.

1. Follow [Spam & CAPTCHAs](/docs/features/spam-captchas) to enable Turnstile (or other CAPTCHA providers)
2. Add your Cloudflare site/secret keys in MyFormConnect domain or form settings as documented there

##### Important Note

                            Turnstile works with MyFormConnect's spam protection stack; see the guide above for setup details.

                  4

#### Test

                    Confirm submissions reach MyFormConnect.

1. Open your Cloudflare Pages URL
2. Submit a test entry
3. Check MyFormConnect dashboard under **Leads**

## ** Troubleshooting

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

              Confirm keys and enablement in MyFormConnect per [Spam & CAPTCHAs](/docs/features/spam-captchas). Ensure loader.js is loaded if your setup relies on it.

              Hard-refresh or use an incognito window. Confirm the Cloudflare Pages build succeeded for the latest commit.

              Ensure `data-mfc="true"` is on the form 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 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