What causes the error message to appear when clicking on the form on a Webflow-built site?
TL;DR
- Ensure the form action is correct or empty, the site has a Webflow hosting plan, and reCAPTCHA (if used) is properly configured.
- Verify all inputs have unique name attributes, are placed inside a Form Wrapper, and check for submission limits or conflicting custom scripts.
Form errors in Webflow typically appear when a form is misconfigured or something is preventing it from submitting correctly. Here's how to troubleshoot the most common causes.
1. Missing or Invalid Form Action Settings
- Webflow handles form submissions by default, but if you've changed the Form Action URL under the form settings, it must point to a valid endpoint.
- Check the form settings in the Designer and make sure the Action field is empty (unless you're using a custom endpoint like Zapier or Make).
2. Form Not Connected to a Site Plan
- Forms will not submit unless the project has a site plan or is being used with a Webflow-hosted domain.
- If your site is exported and hosted externally, submissions will not work unless you add a custom form processor.
3. Spam Filtering or Bot Protection
- Webflow uses Honeypot fields and rate-limiting to prevent bots.
- Submitting too many entries in short succession, or using scripts/bots, can trigger an error.
- Check if JavaScript is being blocked or if browser plugins are interfering.
4. Form Elements Missing name Attributes
- All form inputs need unique
namevalues in Webflow or they'll be ignored. - Select each form field and confirm that the Name field in settings is filled out uniquely (especially for checkboxes or radio buttons).
5. Missing reCAPTCHA Configuration (If Enabled)
- If you’ve added a reCAPTCHA element, ensure it’s configured in Project Settings > Forms.
- You must set both Site Key and Secret Key from Google reCAPTCHA. If not, the form will not work.
6. Third-Party Scripts Interfering
- Custom code or third-party scripts added in Page Settings, Site Settings > Custom Code, or embedded in the page may be overwriting Webflow’s form behavior.
- Temporarily remove or disable custom code to isolate the issue.
7. Submission Limit Reached
- Webflow has a monthly submission cap depending on your site plan.
- Go to Project Settings > Forms to check your current form submission count.
8. Form Block Not Inside a Form Wrapper
- Input fields, buttons, and other elements must be correctly placed inside a
Form Wrapper. - If your submit button is outside the form structure, submission will fail.
Summary
An error when clicking on a Webflow form usually stems from misconfigured form settings, missing hosting requirements, or interference from spam protection or custom scripts. Check the form action, site plan, and reCAPTCHA, and confirm all form inputs are correctly structured to ensure successful submissions.