Contact form for Framer

Framer contact form with email notifications and an inbox

Framer's built-in form submissions live inside Framer. For email notifications, a reply-able inbox and integrations, send them to Formpit instead.

Create a free form Docs

How to set it up

Create a form in Formpit and copy the endpoint URL.
In Framer, add an Embed component (Insert → Embed → HTML) and paste the snippet below. Style it with CSS inside the embed, or match your site's inputs.
Publish and send a test submission.

Paste into an Embed component

<form action="https://formpit.com/f/YOUR_FORM_ID" method="POST">
  <input type="text"  name="name"  placeholder="Your name" required>
  <input type="email" name="email" placeholder="Your email" required>
  <textarea name="message" placeholder="Message" required></textarea>
  <input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off">
  <button type="submit">Send</button>
</form>

Replace YOUR_FORM_ID with the endpoint from your form's Setup tab.

Good to know

If your Framer plan's native Form component offers a custom or webhook destination, you can point that at the endpoint instead of embedding.
Set the thank-you redirect in Formpit to a Framer page.

What you get

Every submission emailed to you and stored forever in an inbox with New / Replied / Closed statuses.
Reply from the inbox, add tags and notes, search, export CSV or JSON.
Spam filtering with a honeypot, rate limiting and content checks; hCaptcha, reCAPTCHA or Turnstile if you want it.
500 submissions a month free. Pro adds file uploads, Google Sheets, Notion, Slack, webhooks and reminders.

Other platforms

Lovable · Bolt · v0 · WordPress · Shopify · Wix · Squarespace · Webflow · Carrd · Plain HTML · React · Next.js · Astro · Hugo, Jekyll & Eleventy · Vue & Nuxt · Svelte & SvelteKit