### [Como alterar o tema do reCAPTCHA no Google Checkbox v2](https://wpforms.com/developers/how-to-change-the-captcha-theme-on-google-checkbox-v2-recaptcha/)

**Publicado:** 14 de outubro de 2019
**Autor:** Umair Majeed

**Resumo:** Este tutorial mostrará como alterar o tema padrão do Google reCAPTCHA de claro para escuro usando JavaScript. 

**Conteúdo:**

Gostaria de fazer com que seu reCAPTCHA combine com o tema escuro do seu site? Embora o Google Checkbox v2 reCAPTCHA venha com um tema claro por padrão, você pode facilmente mudar para um tema escuro usando um simples trecho de JavaScript. Essa melhoria é perfeita para sites com esquemas de cores escuras ou quando você deseja uma aparência mais sofisticada.

Este guia mostrará como alterar o tema do reCAPTCHA de claro para escuro.

## Entendendo os temas do reCAPTCHA

Por padrão, o reCAPTCHA é exibido com um tema claro. No entanto, o Google oferece uma opção de tema escuro integrada que você pode ativar por meio de uma simples alteração de atributo.

Essa alteração de tema se aplica a:

- Google Checkbox v2 reCAPTCHA
- Invisible reCAPTCHA v2
- hCAPTCHA

## Pré-requisitos

Antes de alterar o tema, certifique-se de que você:

1. Criou um formulário no WPForms. Se precisar de ajuda, consulte nosso guia sobre [como criar um formulário](https://wpforms.com/docs/creating-first-form/).
2. Configurado o reCAPTCHA no seu formulário. Para obter instruções de configuração, consulte nossa documentação sobre [como configurar o reCAPTCHA no WPForms](https://wpforms.com/docs/how-to-set-up-and-use-recaptcha-in-wpforms/).
3. Ativado o Google Checkbox v2 reCAPTCHA na guia **Configurações** do seu formulário » **Proteção contra spam e segurança**.

![Ative o Google reCAPTCHA no seu formulário na guia Geral das configurações do formulário](https://wpforms.com/wp-content/uploads/2019/10/wpforms-change-captcha-theme-settings.jpg)## Adicionando o código de alteração do tema

Para mudar para o tema escuro, adicione este trecho de código ao seu site. Se precisar de ajuda para adicionar código personalizado, consulte nosso tutorial sobre [como adicionar trechos de código](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/).

Este código funciona adicionando um atributo `data-theme="dark"` ao elemento reCAPTCHA. Para opções adicionais de personalização, você pode consultar o [Guia do desenvolvedor do reCAPTCHA do Google](https://developers.google.com/recaptcha/old/docs/customization).

Depois que o código for adicionado ao seu site, o tema do captcha será definido como **Escuro**.

![Com o código acima, agora você pode alterar o tema do captcha para escuro](https://wpforms.com/wp-content/uploads/2019/10/wpforms-dark-theme-google-captcha.jpg)E é isso! Você alterou com sucesso o tema do captcha de **Claro** para **Escuro**. Em seguida, gostaria de personalizar a aparência do texto do seu formulário? Confira nosso guia sobre [estilização do texto de preenchimento para campos de formulário](https://wpforms.com/developers/style-placeholder-text-for-form-fields/).

## Ação de referência

[wpforms\_wp\_footer\_end](https://wpforms.com/developers/wpforms_wp_footer_end/ "Usando a ação wpforms_wp_footer_end")

**Categorias:** Extensão

**Tags:** Complemento Captcha Personalizado, Javascript, JS

---