Prevent Spam with hCaptcha

Article author
Duncan from Memberstack

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.

Screen_Shot_2022-12-19_at_3.38.35_PM.jpg

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. 

Was this article helpful?

Comments

3 comments

  • Comment author
    Fran

    Hey guys! Looks lime this might not be working??

    1
  • Comment author
    Duncan from Memberstack

    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/

    0
  • Comment author
    Fran
    • Edited

    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

    0

Please sign in to leave a comment.