How It Works

This example demonstrates how to use Procaptcha in invisible image mode with implicit rendering:

1. Include the Procaptcha script in the head of your document
2. Add the p-procaptcha class to your submit button
3. Add the data-sitekey attribute with your site key
4. Add the data-callback attribute with the name of your callback function
5. The CAPTCHA verification happens invisibly when the user clicks the button

The key elements are:

<script type="module" src="./assets/procaptcha.bundle.js" async defer></script>

<button 
    class="p-procaptcha" 
    data-sitekey="5Dw27DfJeD7kaYsnupSDKuBUvop49vGJmxoYDVpf7cCUY5n7" 
    data-callback="onSubmit"
    data-captcha-type="image">
    Submit
</button>