How do you set the badge position with reCAPTCHA v3?

Question

I would like to use an inline badge with v3, but there is no documentation on badge position for v3.

Answer 1

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.