You can get all the bot-blocking benefits of hCaptcha without explicitly rendering our checkbox widget. hCaptcha client/server interactions occur in the background, and the user will only be presented with a hCaptcha challenge if that user meets challenge criteria.
Enterprise users: please see the Understanding Scores and Modes section for more details on configuring passive modes and selective challenges.
To ensure you are in compliance with the online privacy laws coming into force around the world, please include the following text and links on the page that includes an invisible hCaptcha:
The easiest way to do this is to assign an
.h-captcha class to any
input. Like before, you must add your site key in a
data-sitekey attribute assigned to the
<button> element. Additionally, all of the
data-* attributes are applicable here.
Just as before, the
response-token will be sent to the callback function upon successful completion of the hCaptcha challenge. If you attached the invisible hCaptcha to a submit button, you must specify a
data-callback to handle form submission. In most cases, you will want to use the callback to manually submit the form.
This works without change from the explicit rendering of the hCaptcha widget described here. The only difference is that if the
data-size="invisible" is present, the widget will be rendered in the background and only presented when a challenge is required.
hcaptcha.execute(widgetID) function to trigger that process on a given
For more information on the
hcaptcha.execute function and the
Start hCaptcha process in defined div container, with onclick trigger on button