Validate users in the background. By default only the most suspicious traffic will be prompted to solve a captcha.

For additional information, check the Google developer website section for the widget.

Badge position The position of the widget badge on the page. Inline will allow you to control the CSS of the widget.
bottom right Bottom right
bottom_left Bottom left
inline Inline
Make responsive For the inline badge only: use CSS transformations to attempt and fit the content. This may not always work, depending on how forms are created by your template
Legal info Show or hide the Google's mandatory legal information
Note you can skin the text by using the .legal CSS class
Tab index
The tab index of the widget in the form
CSS classes Classes you want to affect to the outer most layer of the widget
CSS styles Styles you want to use to improve the look of the widget. Styles will be minimized.
Note you cannot hide the widget with CSS. If you do, the captcha won't work
The name of an optional callback function, executed when the user submits a successful response. The function must pass a token variable.
You can override the default callback, packaged with the plugin, by providing your own callback function
Expired callback
The name of an optional callback function, executed when the reCAPTCHA response expires and the user needs to re-verify
Error callback
The name of an optional callback function, executed when reCAPTCHA encounters an error (usually network connectivity) and cannot continue until connectivity is restored. If you specify a function here, you are responsible for informing the user that they should retry.

Note When using badges and not showing legal info, the plugin will attempt to hide the reCaptcha field label from the form.

Note Invisible reCaptcha requires javascript. It has no support for browsers without JavaScript enabled.

How to make the inline badge responsive

Use the Make responsive option. It will add a jQuery script that will handle the resizing of the badge through CSS3 transforms.
You could also do it manually with code like:

@media screen and (max-width: 640px) {
    .g-recaptcha {
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform: scale(.8);
        -webkit-transform: scale(.8);


The reCaptcha widget will be fully translated IF the language requested is supported by Google. The fallback language is set to en-GB. For the list of supported languages, please check Google's website.


Problem I cannot see the bottom or left badges

Solution Try the inline version first. If you see the widget, that means it is working. Therefore, if you do not see the badges, the template may hide them. Try and give a z-index value to the .grecaptcha-badge CSS class.

Problem Even the inline version does not work

Solution You may have to get new keys from Google for the invisible widget (Go to Google)

Problem The inline widget is cut off on one of the sides (the shadow is removed)

Solution add a margin to the widget with CSS, for instance:

@media screen and (max-width: 640px) {
    .g-recaptcha { margin: 0 3px }

Related tutorials and topics