1. Head over to the Google reCAPTCHA website.
2. Click on the “Admin Console” button up in the top right corner.
3. Sign in using your Google account.
4. Hit the "+" button to register a new site.
5. Fill in the “Label” with a name that describes your reCAPTCHA.
6. Pick “reCAPTCHA v2” and check the "I'm not a robot" box.
7. Add the domain of your Webflow site (like yoursite.webflow.io or your custom domain).
8. Agree to the reCAPTCHA Terms of Service.
9. Click “Submit”.
10. Jot down the Site Key and Secret Key from the reCAPTCHA site.

1. Open your Webflow project.
2. Go to the “Pages” panel and open the page with your contact form.
3. From the Elements panel, drag and drop an “HTML Embed” element into your form, just above the submit button.
4. In the Custom Code field, paste this code:
   ```html
   \`\`\`
5. Swap out “YOUR_SITE_KEY” with the Site Key from your Google reCAPTCHA account.

1. Go to the “Project Settings” of your Webflow project.

2. Navigate to the “Custom Code” tab.

3. Under the “Footer Code” section, paste this JavaScript code:

   ```html

   ```

4. Save changes and publish your website.

1. Go to the “Forms” section in your Webflow project.
2. Add a hidden field in your form with the name g-recaptcha-response.
3. If you're using a Webflow-form backend, Webflow will handle the verification. If you're using a custom backend, update your backend code to include reCAPTCHA verification. Here's an example in PHP:
   ```php success) { // Successful reCAPTCHA verification // Proceed with form submission handling (e.g., sending email, storing data in database) } else { // Failed reCAPTCHA verification echo 'reCAPTCHA verification failed. Please try again.'; } ?> ```

Make sure to replace 'YOUR_SECRET_KEY' with your actual Secret Key from Google reCAPTCHA.

By following these steps, you can successfully integrate Google reCAPTCHA with your Webflow contact form to enhance its security.