Para configurar o recaptcha deve acessar o site:
https://www.google.com/recaptcha/intro/v3.html
Recaptcha V3
1) Criar conta no Google Recaptcha clicando em Admin console
2) Adicionar novo site
3) Escolher V3 e adicionar o domínio do site
4) Caso você deseje, é possível adicionar o recaptcha em 3 lugares: checkout, cadastro de cliente e contato
No cadastro de cliente, o arquivo: src/Flexy/Ftwo/Store/Bundle/StoreBundle/Resources/views/Include/Form/customer.html.twig deve conter a linha, essa linha fica dentro da tag html form:
{% if store.googleReCaptcha.isActive %} {{ store.googleReCaptcha.tokenV3|raw }} {% endif %} |
No arquivo /src/Flexy/Ftwo/Store/Bundle/StoreBundle/Resources/views/Customer/create.html.twig deve conter
{% extends 'FlexyFtwoStoreBundle:Layout:base.html.twig' %} {% block javascriptHead %} {% if store.googleReCaptcha.isActive %} {{ store.googleReCaptcha.scriptTagHeadV3|raw }} {% endif %} {% endblock %} {% block javascript %} {% if store.googleReCaptcha.isActive %} {{ store.googleReCaptcha.scriptTagFooterV3|raw }} {% endif %} {% endblock %} |
Lembrando de verificar se no base tem o bloco javascriptHead declarado, se não tiver adicionar {% block javascriptHead %}{% endblock %} dentro da tag html head, assim como também verificar se no template que está adicionando os códigos já existe um bloco {% block javascript %}{% endblock %}, se existir, deve ter cuidado para não gerar erro 500. Nestes casos deve apenas colocar o if do recaptcha dentro do bloco.
Para checkout src/Flexy/Ftwo/Store/Bundle/StoreBundle/Resources/views/Checkout/index.html.twig colocar a linha abaixo dentro do form de finish:
<form action= "{{ path(" flexy_ftwo_store_checkout_finish ") }}" method= "post" > {% if store.googleReCaptcha.isActive %} {{ store.googleReCaptcha.tokenV3|raw }} {% endif %} |
E no início desse arquivo ter:
{% extends 'FlexyFtwoStoreBundle:Layout:base.html.twig' %} {% block javascriptHead %} {% if store.googleReCaptcha.isActive %} {{ store.googleReCaptcha.scriptTagHeadV3|raw }} {% endif %} {% endblock %} {% block javascript %} {% if store.googleReCaptcha.isActive %} {{ store.googleReCaptcha.scriptTagFooterV3|raw }} {% endif %} {% endblock %} |
Lembrando de verificar se no base tem o bloco javascriptHead declarado, se não tiver adicionar {% block javascriptHead %}{% endblock %} dentro da tag html head, assim como também verificar se no template que está adicionando os códigos já existe um bloco {% block javascript %}{% endblock %}, se existir, deve ter cuidado para não gerar erro 500. Nestes casos deve apenas colocar o if do recaptcha dentro do bloco.
Pro contato arquivo src/Flexy/Ftwo/Store/Bundle/StoreBundle/Resources/views/Contact/index.html.twig
Adicionar a linha dentro do form, por exemplo:
{% if store.googleReCaptcha.isActive %} {{ store.googleReCaptcha.tokenV3|raw }} {% endif %} </div> <hr> <input type= "submit" class = "btn-default-1" value= "Enviar" > </form> |
E início do arquivo deve conter:
{% extends 'FlexyFtwoStoreBundle:Layout:base.html.twig' %} {% block javascriptHead %} {% if store.googleReCaptcha.isActive %} {{ store.googleReCaptcha.scriptTagHeadV3|raw }} {% endif %} {% endblock %} {% block javascript %} {% if store.googleReCaptcha.isActive %} {{ store.googleReCaptcha.scriptTagFooterV3|raw }} {% endif %} {% endblock %} |
Lembrando de verificar se no base tem o bloco javascriptHead declarado, se não tiver adicionar {% block javascriptHead %}{% endblock %} dentro da tag html head, assim como também verificar se no template que está adicionando os códigos já existe um bloco {% block javascript %}{% endblock %}, se existir, deve ter cuidado para não gerar erro 500. Nestes casos deve apenas colocar o if do recaptcha dentro do bloco.
Para validar se na tela, contato, cadastro e checkout esteja funcionando o recaptche, você deve inspecionar a tela (CTRL+U) e procurar pelo script grecaptcha.ready function() e validar se está preenchido:
Comentários
0 comentário
Por favor, entre para comentar.