Redirecionar para a página de agradecimento após o envio do formulário de contato 7
Se você estiver usando o plugin Contact Form 7, provavelmente sabe que quando um usuário preencher um formulário de contato e clicar no botão Enviar, ele não redirecionará para nenhuma página. Em vez disso, este plugin processa os dados do usuário por meio do Ajax e mantém o usuário na mesma página.
Este é um fluxo normal para a maioria dos formulários. Mas e se você quiser que o usuário redirecione para a página de agradecimento ou para qualquer página personalizada de um site após o envio do Formulário de Contato 7? Se você é quem está procurando, continue lendo.
Por que precisa redirecionar para outra página?
Para fins de análise, o proprietário do site normalmente mantém uma página de sucesso ou de agradecimento no site. Quantos usuários são redirecionados para essas páginas calcula a taxa de sucesso da campanha. A página de agradecimento é usada para rastrear suas conversões. Além disso, além de mostrar conteúdo como ‘Obrigado por sua consulta. Entraremos em contato com você em breve. ‘, Você pode fazer muito mais coisas na mesma página.
Dependendo do seu site, você faria as seguintes táticas na página de agradecimento.
- Exibir uma promoção
- Adicione links ao seu melhor conteúdo
- Peça aos leitores para fazerem uma pesquisa
- Participe da sua comunidade
- Exibir depoimentos
- Peça a eles para compartilharem seu site
- Mostrar um vídeo
- Peça feedback
- Peça a eles para segui-lo nas redes sociais
Estas são algumas dicas que você pode aplicar à página. Você pode exibir qualquer coisa que possa ajudá-lo.
Redirecionar para a página de agradecimento após o envio do formulário de contato 7
Espero que você esteja convencido da importância da página de agradecimento para o seu site. A seguir, vamos ver como fazer o redirecionamento no plugin Contact Form 7.
O plugin Contact Form 7 fornece eventos DOM diferentes que podem ser utilizados por vários motivos. Para este tutorial, podemos usar os eventos ‘wpcf7mailsent’ ou ‘wpcf7submit’.
O evento ‘wpcf7mailsent’ é disparado quando o e-mail é enviado no envio do formulário. Um evento ‘wpcf7submit’ dispara no envio de um formulário de contato. O usuário pode escolher qualquer evento no seguinte código JavaScript. Você pode colocar o código abaixo footer.phpapós uma wp_footer()chamada.
<script>
document.addEventListener( 'wpcf7mailsent', function( event) {
location = "<?php echo get_bloginfo('url'); ?>/thank-you";
}, false );
</script>Aqui, estou assumindo que seu slug de página é ‘obrigado’. Ajuste este slug de acordo com suas páginas.
Vá em frente e experimente. Você deve redirecionar para sua página de agradecimento após o envio do formulário de contato. Eu gostaria de ouvir seus pensamentos e sugestões na seção de comentários abaixo.
Artigos relacionados
- Como salvar envios do formulário de contato 7 para o banco de dados do WordPress
- Como adicionar a lista de países ao formulário de contato 7
- Remova o CSS e JS do formulário de contato 7 quando não for necessário