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
3 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
Please sign in to leave a comment.