Este tópico visa fomentar o conhecimento na nossa comunidade, principalmente no que tange ao uso do reCAPTCHA no Checkout e trazer uma forma simples e fácil de checar se a sua loja VTEX está usando a v3 desta ferramenta.
Primeiramente, cabe aqui ressaltar que esse tutorial será feito baseado em uma ferramenta chamada DevTools.
O que é o DevTools?
O Chrome DevTools é um conjunto de ferramentas para desenvolvedores da Web integradas diretamente no navegador Google Chrome. Essas ferramentas permitem inspecionar o HTML (DOM) renderizado e a atividade de rede das suas páginas.
Como checar se a minha loja possui o reCAPCTHA v3 utilizando essa ferramenta?
Para checar se a sua loja está utilizando a v3 desta ferramenta basta acessar o seguinte caminho:
https://www.{{host}}.com.br/checkout
Após isso, será necessário abrir o DevTools, para isso, clique com o botão direito do mouse na página e selecione Inspecionar . Outra opção é pressionar Command + Option + C
(Mac) ou Control + Shift + C
(Windows, Linux, Chrome OS).
Selecionar a aba “Console”:
E então e inserir no console o comando “vtex.recaptchaV3
”, se este comando retornar “true
” é sinal de que o reCAPCTHA v3 está rodando corretamente na UI do checkout.
Caso ainda tenha alguma dúvida sobre o assunto, sinta-se à vontade para perguntar por aqui!
Karina Mota
Partner Field Software Engineer | VTEX