Skip to main content
Webflow’s native forms are convenient, but submissions live inside Webflow, monthly limits depend on your site plan, and exporting your site breaks them entirely. Pointing the form at a Crunchforms endpoint keeps the Webflow designer workflow while you own the data — and the form keeps working if you ever export the site.

​
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.

​
Option 1: set the form’s action in the Designer

  1. Select your form’s Form Block in the Webflow Designer.
  2. In form Settings, set Action to https://crunchforms.com/form/{formID} and Method to POST.
  3. Publish. Submissions now go to your Crunchforms dashboard (and your email) instead of Webflow.
With a custom action, Webflow’s own success/error states don’t trigger. Set the Crunchforms form’s response type to Redirect and use a thank-you page on your Webflow site as the success URL.

​
Option 2: exported Webflow sites

If you export your Webflow project and host it elsewhere, native Webflow forms stop working entirely — but a form pointed at Crunchforms is just HTML and keeps working unchanged. Set the action as above before exporting, or edit the exported HTML:
exported-page.html
<form action="https://crunchforms.com/form/{formID}" method="post">
  <!-- your exported Webflow form fields, unchanged -->
</form>

​
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.