Google reCAPTCHA

Google reCAPTCHA v2 Overview

Stop bots and spam without paying a single dollar! Google reCAPTCHA is completely free to use with a generous limit of 10,000 verifications per month - perfect for most websites that need reliable bot protection and spam prevention.

Need more? Simply enable billing on your Google Cloud project. Learn more about quotas - here

This powerful security component seamlessly integrates with Framer's native forms, delivering enterprise-grade form security and form protection with zero coding required. Acting as a robust spam blocker and anti spam solution, it helps ensure that only real users can submit your forms.

Choose between the classic checkbox “I'm not a robot” experience or an advanced invisible captcha that verifies users silently in the background, providing strong bot prevention without hurting conversions.

Instructions

1. Copy and paste the Google reCAPTCHA component into your project.

2. Drag it inside your Framer form (must be inside a form element/frame for proper form protection).

3. Visit Google reCAPTCHA Console (link) and then register your site and select reCAPTCHA v2. Choose either “I'm not a robot Checkbox” OR “Invisible reCAPTCHA badge”.

4. Copy your Site Key (public key).

5. Paste your Site Key in the properties panel to activate the recaptcha widget.

Configure Settings:

• Select Display Mode (Checkbox or Invisible) to match your registered key type

• Customize theme (Light/Dark) for checkbox captcha mode

• Set language code (e.g., en, es, fr, hi) or leave empty for auto-detection

• Toggle status toast messages for invisible captcha modeGive each reCAPTCHA a unique Instance ID if using multiple forms to ensure proper bot prevention

Important: Your Google Site Key must match the Display Mode you select. Checkbox keys only work with Checkbox mode, and Invisible keys only work with Invisible mode. This ensures reliable spam prevention and avoids verification errors.

How It Works

Properties Controls:

• Site Key – Your Google reCAPTCHA v2 public key [get from Google reCaptcha Console (link)]

• Instance ID – Unique identifier required when using multiple reCAPTCHAs on the same page.

• Display Mode – Choose between: Checkbox: Shows the familiar “I'm not a robot” checkbox captcha with a visual challenge when needed.Invisible: Uses invisible captcha technology to verify users silently for seamless form security.

• Theme – Light or Dark appearance (checkbox mode only).

• Show Status Toast – Toggle verification messages for invisible mode, helping users understand the anti spam process.

• Language Code – Enter language code (en, es, fr, hi, ar, zh-CN, etc.) or leave empty for browser auto-detection.

• Debug Mode – Enable console logging for troubleshooting verification flow (disable in production)

• ARIA Label – Accessibility label for screen readers

Verification Flow:

1. Checkbox Mode: User clicks checkbox → Solves visual challenge if needed → Checkbox automatically ticks → Form submits securely

2. Invisible Mode: User clicks submit → Verification runs silently → Challenge appears only if suspicious behavior is detected → Auto-submits on success

The component automatically blocks form submission until verification is complete, acting as a dependable spam blocker and displaying helpful error messages if verification fails.

Key Features

1. Security & Protection:

   • Enterprise-grade bot protection powered by Google

   • Blocks automated spam and malicious submissions

   • Free up to 10,000 verifications per month with high burst limits

   • Prevents duplicate submissions and form abuse

   • Strengthens overall form security against brute force and automated attacks

2. Two Verification Modes:

   • Checkbox Mode: Classic “I'm not a robot” checkbox captcha with visual challenges

   • Invisible Mode: Advanced invisible captcha for zero-friction spam prevention

3. Seamless Framer Integration:

   • Works natively with Framer forms - no custom code required

   • Automatic form submission blocking until verified

   • Built-in validation error messages

   • Smooth scroll to widget on validation failure

   • Supports multiple forms with unique Instance IDs

4. User Experience:

   • Fully responsive on all devices and screen sizes

   • Real-time verification status with toast notifications

   • Light and dark theme options

   • Multi-language support across 75+ languages

   • Accessibility-optimized with ARIA labels and screen reader support

   • Smooth animations and clear visual feedback

5. Developer-Friendly:

   • Zero coding required - configure everything via the properties panel

   • Debug mode for troubleshooting verification and bot prevention flow

   • Clear error messages for mismatched keys

   • Detailed console logging during development

   • Production-ready with automatic cleanup

6. Performance:

   • Lightweight and optimized for fast loading

   • Async script loading prevents render blocking

   • Efficient state management

   • Minimal impact on form submission speed while maintaining strong anti spam protection

Use Cases

• Contact Forms: Protect contact forms from spam submissions and bots while maintaining a clean, professional appearance with checkbox or invisible verification.

• Newsletter Signups: Use invisible captcha to verify subscribers without friction, reducing fake signups and improving spam prevention.

• Lead Generation: Ensure high-quality leads by filtering out bots and automated tools, improving conversion data accuracy.

• Survey & Feedback Forms: Protect survey data from bot manipulation and maintain data integrity.

Requirements

Active Google reCAPTCHA v2 Site Key (free from Google)Component must be placed inside a Framer form elementSite Key type must match Display Mode (Checkbox or Invisible)

Perfect for production use, this google captcha solution combines powerful bot protection, reliable spam prevention, and seamless form security in one easy-to-use recaptcha widget - fully tested, accessible, and optimized for modern websites.

Made with ❤️ by Soyeb

Refund Policy: Due to the digital nature of these components, all sales are final, and once delivered they cannot be returned or refunded. Please review product details and demos before purchasing, and feel free to reach out if anything is unclear.

Have questions or need a custom Framer component? Reach out at creator.nitso@gmail.com