A form submission error in Webflow can occur for several reasons such as incorrect configurations, missing integrations, or blocked domains.
- Go to Project Settings > Forms and confirm that your form has a valid action URL if you're using a third-party service.
- By default, Webflow handles the submission unless a custom action is defined.
- Ensure at least one email address is added to the "Form Notification" section in Project Settings > Forms.
- Without this, the form may submit but not notify anyone, appearing as an error.
3. Check for Domain Mismatch
- Forms won’t submit on a custom domain that isn’t published properly.
- Ensure your custom domain is published and matches what you’ve set in the Project Settings > Publishing tab.
4. Verify reCAPTCHA Settings
- If you've enabled reCAPTCHA, make sure the site key and secret key are correctly added under Project Settings > Forms.
- Missing or invalid keys will block submissions.
5. Confirm SSL Is Enabled
- Make sure SSL is enabled under Project Settings > Hosting for secure HTTPS requests.
- Many browsers will block insecure form submissions.
6. Check Bot Spam Protection
- Webflow automatically blocks spam-like submissions (e.g., from suspicious IPs).
- Try submitting the form with simple, non-spammy content for testing.
7. Look at the Console for Errors
- Use your browser’s Developer Tools (Console tab) to look for any submission errors (e.g., 403/404 errors).
- Free Webflow plans have form submission limits. Check if you've hit your quota under Project Settings > Forms.
- On a site without hosting, form submissions are disabled after 50 total lifetime submissions.
Summary
Form submission errors in Webflow usually stem from misconfigured settings, missing form notification emails, domain mismatches, SSL issues, or exceeded submission limits. Double-check your Project Settings > Forms and Publishing settings to confirm everything is configured correctly.