Pular para o conteúdo

Criar redirecionamento de página no Contact Form 7 WordPress

Paulo Felipe
Por Paulo Felipe,
Front-end na Nano Incub.
Publicado em 13 de agosto de 2019

Salve Salve Incuber beleza? Aqui é o Paulo Felipe trazendo mais uma dica rápida pra você, dessa vez iremos aprender a Criar redirecionamento de página no Contact Form 7 após o envio da mensagem do usuário.

Esse recurso é muito utilizado quando você tem uma página customizada para mostrar algo ao usuário depois que ele enviou um contato. Por exemplo: Quem nunca preencheu um formulário de contato de algum empreendedor digital e após o envio do formulário foi redirecionado para uma página na qual é mostrado um “Conteúdo secreto” somente para a lista vip de contatos? =D

Agora que você já sabe do que vamos falar nesse post, vamos ao que interessa.

Assista o vídeo do processo e se preferir continue a leitura e acompanhe o processo escrito

Como criar redirecionamento de página no Contact Form 7

Eu vou partir do princípio de que você já tem um conhecimento básico de contact form 7 e de como criar páginas no WordPress

Sendo assim segue uma visão geral do processo:

Criar redirecionamento de página sem plugin para Contact Form 7 WordPress

Com base na imagem acima, você irá acessar o formulário do Contact Form 7 que deseja inserir e redirecionamento, depois na aba Formulário você irá inserir o script abaixo no topo do editor de campos do CF7 :

<script>
 document.addEventListener('wpcf7mailsent', function (event) {
   location = 'http://seu-dominio.com.br/sua-pagina-customizada';
 }, false);
</script>

Agora é só substituir o link de exemplo pelo seu link oficial, salvar, inserir o shortcode do seu formulário na página que deseja, testar e VRAU!

E aqui finalizamos mais um tutorial, porém, por último e não menos importante segue o fluxo do que é necessário fazer para sair dessa postagem com a consciência de que você fez o melhor que podia fazer para ajudar o blog a alcançar cada vez mais pessoas:

  • Se você ficou com alguma dúvida, deseja acrescentar algum ponto no tutorial ou quer compartilhar como o conteúdo te ajudou é só deixar nos comentários;
  • Se esse post foi útil para você, compartilhe com a comunidade para que possa ajudar outras pessoas também;
  • Quer me fazer chorar de alegria? Se inscreva no nosso canal no Youtube 😉

Espero que esse tutorial tenha te ajudado a ter mais clareza sobre o processo de criar redirecionamento de página no Contact Form 7

Compartilhe esse post

Deixe o seu comentário, dúvida ou sugestão de novos tutoriais