Posicionar o reCAPTCHA v2

O reCAPTCHA está temporariamente suspenso pela plataforma. Na loja pública, o hook fica oculto e o formulário funciona sem desafio ou token, mantendo CSRF e as demais regras da conta. O exemplo preserva o ponto de montagem para reativação.

O formulário continua sendo HTML escrito em Liquid. Coloque data-recaptcha na posição em que deseja mostrar o desafio, como neste formulário de entrada:

<form method="post" action="{{ '/api/account/entrar' | storefront_url }}" data-buyer-form data-buyer-action="entrar" data-buyer-csrf="{{ buyer.csrf }}">
  <label for="login-email">E-mail</label>
  <input id="login-email" name="email" type="email" autocomplete="username" required>
  <label for="login-password">Senha</label>
  <input id="login-password" name="password" type="password" autocomplete="current-password" maxlength="512" required>
  <input name="returnTo" type="hidden" value="/conta">
  {% comment %}Durante a suspensão pela plataforma, o runtime oculta este hook.{% endcomment %}
  <div data-recaptcha></div>
  <p data-buyer-message role="status" aria-live="polite"></p>
  <button type="submit">Entrar</button>
</form>

Use dentro da página de conta, que fornece buyer.csrf. O mesmo hook atende cadastro, recuperação e redefinição de senha. Quando reativado, a plataforma monta o widget, envia o token e faz a verificação no servidor. Na prévia aparece uma demonstração. Não acrescente scripts do Google ou chaves ao tema.

As opções de aparência, mensagens, comportamento de revisões antigas e limites estão na referência dos formulários.