What is hCaptcha?
hCaptcha is a type of CAPTCHA (Completely Automated Public Turing test to tell Computers and Humans Apart) that is designed to protect websites from spam, bots, and other automated attacks. CAPTCHAs are used to ensure that only humans can complete certain actions on a website, such as filling out a form or creating an account.
Enable hCaptcha
Component → Copy our light mode component or our dark mode component directly into your site.
From Scratch →
1) If you are using a custom Webflow signup form, then you will need to add a div to your form with the attribute data-ms-hcaptcha="light" or data-ms-hcaptcha="dark". Use "light" to create a light mode Captcha and "dark" for dark mode.
Note: The hCaptcha element is an iframe and has a max width of 302px. You can make the box more compact by adding the attribute data-size="compact". More info in the hCaptcha Docs.
#) Publish your site.
3) Navigate to the settings page in Memberstack, scroll all the way down, and click "Enable hCaptcha during signup." Click Save at the top right.
Disable hCaptcha
1) Navigate to the settings page in Memberstack, scroll all the way down, and click the checkbox next to "Enable hCaptcha during signup." Click Save at the top right.
Comments
6 comments
Hey guys! Looks lime this might not be working??
Hey Fran 👋 My test sites are working 🤔 What seems to be the issue? I'll take a closer look once I know more.
https://hcaptcha-light.webflow.io/
Hey Duncan from Memberstack thanks for the response! If you look at this URL https://odaia-2-0.webflow.io/ec/tk-3791429663/access-exclusive-content
I embedded everything as the article says but no hCaptcha is showing up
And I do have it activated under the Memberstack settings, which for some reason always shows me the prompt of "Discard changes?" even if I didn't do anything or if I clicked on Save
hcaptcha apparently supports just a tick box option (easy mode). The current implementation gives my users (in multiple testings) two complex puzzles to complete on my webflow signup which creates a lot of friction in the user experience.
Can this setting be changed globally? I can't see an option in memberstack.
Danny James can you share where you found the checkbox option? I'm not seeing it, but that would be a great feature for us to enable.
Hi Duncan, thanks for the reply... I believe I read it somewhere mentioning "Easy" mode most of the time will present a tick box. If you're going to include a feature though adding google's reCAPTCHA would be far more useful as it's also what webfow uses natively etc. Eg we already use this for webflow contact forms etc... so having a universal method would be ideal, and webflows integration also allows us to set our own complexity via the google tool etc.
Please sign in to leave a comment.