How can I fix the issue with the "contact us" form on Webflow where it can still be submitted without ticking the recaptcha box?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

To fix the issue with the "Contact Us" form on Webflow where it can still be submitted without ticking the reCAPTCHA box, you can follow these steps:

Ensure that reCAPTCHA is properly configured:

Go to the Google reCAPTCHA website and create a new site.
Choose the reCAPTCHA version you want to use (reCAPTCHA v2 Checkbox or reCAPTCHA v3).
Enter your website domain and generate the necessary credentials.
Make sure you copy the site key and secret key for the next steps.

Add reCAPTCHA to your Webflow form:

Open your Webflow project and navigate to the page containing your "Contact Us" form.
Drag and drop an HTML Embed element onto the page where you want to add the reCAPTCHA.
Paste the reCAPTCHA script code provided by Google into the Embed Code section.

Configure the reCAPTCHA settings:

In the HTML Embed element, add the data-sitekey attribute to specify your site key.
Set the required attribute to ensure the form cannot be submitted without ticking the reCAPTCHA box.
Customize the appearance and behavior of the reCAPTCHA by modifying the available options.

Verify the reCAPTCHA response:

In the Webflow Designer, select your "Contact Us" form.
In the settings panel, select the "Success" state of the form.
Add a new "Set Field Value" action to the form submission trigger.
Set the field value to the reCAPTCHA response (), which is available in the form submission object.

Test the reCAPTCHA integration:

Publish your Webflow project for the changes to take effect.
Visit the published website and fill out the "Contact Us" form.
Ensure that the form cannot be submitted without properly ticking the reCAPTCHA box.
Check your email or designated form submissions collection to see if the form submission is recorded correctly.

By following these steps, you should be able to fix the issue where the "Contact Us" form on your Webflow site can be submitted without ticking the reCAPTCHA box. Implementing reCAPTCHA helps protect your form from potential spam or abusive submissions.

Additional Questions:

How can I add reCAPTCHA to my Webflow form?
What is reCAPTCHA and why is it important for form security?
How can I configure reCAPTCHA v3 in Webflow?

Why do the phone screen pictures break up on non-retina screens in certain sections of the website, even though they are all marked as HiDPI and the same size?

Can someone help me with custom code in Webflow to create a yes/no popup that only shows once every 30 days depending on the user's answer?

How can I create a custom modal pop up in Webflow that allows me to click out of it and only shows the relevant teammate's bio?

Is there a way to set a maximum width for a specific set of grid columns within a grid element in Webflow?

What could be the possible issue causing the custom share buttons to not appear on the published Webflow site?

What issue did you encounter while trying to create a one page design with 4 sections using Webflow?

Why doesn't this button trigger a focus and what possible explanations are there, specifically related to Webflow?

How can the text color on the current tab be changed in Webflow?

Is there a way to compress images on Webflow without having to use external tools and reuploading the images?

What could be causing the second slide on the full width slider to not appear when fixed on Webflow?