Skip to main content
Framer’s built-in forms tie submissions to your Framer workspace and plan. If you want your form data in a dashboard you own — searchable, exportable, spam-filtered — point the form at a Crunchforms endpoint using an Embed component.

​
Before you start: create your endpoint

Every guide on this page needs a Crunchforms form ID. Getting one takes about two minutes:
  1. Sign up free — 1,000 submissions a month included, no credit card required.
  2. In your dashboard, click New Form, give it a name, and pick a response type: Redirect for classic form posts (the visitor lands on your thank-you page), or JSON if you’ll submit with JavaScript and handle the response yourself.
  3. Your endpoint is https://crunchforms.com/form/{formID} — copy it with the Copy Action URL button, or use the dashboard’s snippet generator.
The quickstart covers this in more detail.

​
Using an Embed component

  1. In Framer, insert an Embed component where the form should go (Insert → Utility → Embed).
  2. Set the Embed type to HTML and paste the form:
embed.html
<form action="https://crunchforms.com/form/{formID}" method="post"
      style="display:grid;gap:12px;max-width:480px;font-family:inherit;">
  <label for="name">Name</label>
  <input name="name" type="text" id="name" required
         style="padding:10px;border:1px solid #ccc;border-radius:8px;" />

  <label for="email">Email</label>
  <input name="email" type="email" id="email" required
         style="padding:10px;border:1px solid #ccc;border-radius:8px;" />

  <label for="message">Message</label>
  <textarea name="message" id="message" rows="5" required
            style="padding:10px;border:1px solid #ccc;border-radius:8px;"></textarea>

  <button type="submit"
          style="padding:12px 20px;border:0;border-radius:8px;cursor:pointer;">
    Send message
  </button>
</form>
  1. Publish. Submissions land in your Crunchforms dashboard and inbox.
The inline styles are a starting point — adjust them to match your Framer design system (embeds don’t inherit Framer styles automatically).

​
The thank-you page

Set the Crunchforms form’s response type to Redirect and point the success URL at a page on your Framer site (for example /thanks).

​
Stop the spam before it starts

Every public form gets found by bots eventually. Crunchforms filters submissions server-side on every plan, including Free:

Honeypot

A hidden field humans never see — if it’s filled, the submission is rejected. Zero friction for real visitors.

Cloudflare Turnstile

Invisible bot detection. Add the widget to your form and Crunchforms validates the token server-side.

reCAPTCHA v3

Score-based validation with a threshold you control per form.
The honeypot alone stops most drive-by spam and takes one extra line of markup — enable it in your form’s settings, then include the hidden field in your form.

​
Troubleshooting

  • Check the form is set to Active in your dashboard.
  • If you’ve enabled Turnstile or reCAPTCHA on the form, submissions without a valid token are rejected — including your own tests.
  • Check you haven’t exceeded your plan’s monthly submission quota.
Set the form’s response type to Redirect and provide a success URL (and a failure URL) in the form settings. If you’re submitting with JavaScript, use the JSON response type instead and navigate in your code.
The endpoint accepts cross-origin requests, JSON bodies (Content-Type: application/json), and classic URL-encoded form bodies. Set the form’s response type to JSON so your code gets { "success": true } back instead of a redirect.
Use the Send Test Submission action next to your form in the dashboard — it posts a sample submission to your live endpoint so you can see the pipeline working end to end.

​
Next steps

Form configuration

Response types, notification emails, daily summaries, and more

Free HTML form templates

Contact, feedback, RSVP, job application, and quote-request forms ready to paste

​
Need help?

Get Support

Send us a note — we read everything.