hCaptcha

hCaptcha

About hCaptcha

hCaptcha: Privacy-First CAPTCHA Protection for Your Framer Forms

Add enterprise-grade bot protection to your Framer forms with hCaptcha - the privacy-focused alternative to traditional CAPTCHAs.

This component integrates seamlessly with Framer's native forms, blocking spam submissions while respecting user privacy. Perfect for contact forms, signup pages, newsletters, and any form requiring human verification.

Key Features

  • Zero Coding Required: Add hCaptcha with just your site key -integrates effortlessly with Framer’s native forms.

  • Privacy-Focused: GDPR and CCPA compliant. No personal data collection or tracking.

  • Free Tier: Totally free for up to 100,000 requests per month, ideal for most websites seeking reliable bot protection and spam prevention.

  • Multiple Verification Modes: Choose between Checkbox (visible widget) or Invisible (automatic verification).

  • Mobile & Desktop Friendly: Responsive, with both normal and compact sizes to fit any layout.

  • Accessibility Compliant: Full keyboard navigation and WCAG 2.1 support, including proper ARIA labels.

  • Multi-Language Support: Auto-detects browser language with manual override, supporting 100+ languages.

Privacy and Security

  • No tracking or personal data collection

  • Enterprise-grade security trusted by thousands of sites

  • Helps ensure secure form submissions with no compromise to user privacy

Getting Started

  1. Create an Account on hCaptcha Dashboard to obtain your site key.

  2. Drag the hCaptcha component into your Framer project, placing it under the form.

  3. Paste your site key into the "Site Key" property control.

  4. Choose your Display Mode (Checkbox or Invisible).

  5. Customize theme, size, and language settings as needed.

  6. Publish your site - the component works automatically on live sites.

Properties Control

Advanced Features

  • Invisible Mode: Verification happens automatically when a user clicks submit, with optional status toasts for feedback.

  • Multiple Forms: Assign a unique Instance ID for each form to avoid conflicts (e.g., "contact-form", "newsletter-form").

  • Automatic Submission: Invisible mode auto-submits after successful verification.

  • Error Handling: Comprehensive error management with helpful user messages.

  • Challenge Timeout Handling: Token expiration management to keep the process smooth.

Customizable Appearance

  • Light and dark themes for checkbox mode

  • Normal (304×78px) or compact (164×144px) size options

  • Matches your site's design with ease

Developer-Friendly

  • Debug Mode for detailed logging and troubleshooting.

  • Canvas Preview to see how it fits within your design workflow.

  • Handles all hCaptcha callbacks (success, expired, error, challenge states) for seamless integration.

Why hCaptcha?

  • Seamless Integration: Works directly with Framer’s native forms without needing any code.

  • Global Support: 100+ languages, with auto-detection of the user's language.

  • Customizable: Fits your site’s aesthetic with theme and size options.

  • Cost-Effective: Free for up to 100,000 requests per month, making it perfect for most websites.

Ideal Use Cases

  • Contact Forms: Stop spam submissions while offering a seamless user experience.

  • Newsletter Signups: Protect your email list from automated bot subscriptions.

  • Lead Generation: Filter out bot submissions on landing pages.

  • Surveys Forms: Block spam responses while encouraging user engagement.

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 heysoyebali@gmail.com