How do you set the badge position with reCAPTCHA v3?

You can make the badge inline in V3 with just Javascript it’s just not documented yet.

Set your `render` parameter to `explicit` and add a `onload` parameter for the callback, `onRecaptchaLoadCallback` for example.

<script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=onRecaptchaLoadCallback"></script>

Then set up your callback like so and don’t forget to enter the id/DOM node of where you want your badge to go, in this case, the id is inline-badge.

<script>
    function onRecaptchaLoadCallback() {
        var clientId = grecaptcha.render('inline-badge', {
            'sitekey': '6Ldqyn4UAAAAAN37vF4e1vsebmNYIA9UVXZ_RfSp',
            'badge': 'inline',
            'size': 'invisible'
        });

        grecaptcha.ready(function() {
            grecaptcha.execute(clientId, {
                    action: 'action_name'
                })
                .then(function(token) {
                    // Verify the token on the server.
                });
        });
    }
</script>

Example

Source

Note:
Valid values for 'badge' are 'inline', 'bottomleft', 'bottomright', and 'bottom'.
'bottom' and 'bottomright' are synonyms.