Snipets utilizados para realizar o processo de redirecionamento de página com base na opção do select no Contact Form 7.
O shortcode abaixo será utilizado para criar o campo de select no seu formulário. Esse cara é inserido no corpo do seu form, basta copiar e adequar os nomes para a sua realidade.
[select* interesse id:op-interesse include_blank "Startups" "WordPress" "Desenvolvimento"]
Maravilha, antes de continuarmos, faça o teste para ver se está tudo funcionando como deveria em seu site, você deve obter um resultado parecido com o da imagem abaixo:
Segue abaixo o snipet para ser inserido dentro do arquivo main.js ou footer.php, basta apenas seguir um dos processos ensinados no vídeo.
//Se for colocar o códio no main.js, lembre-se de retirar as tags <script>
<script>
document.addEventListener('wpcf7mailsent', function (Event) {
// Altere o 136 pelo ID do seu formulário.
if ('136' == event.detail.contactFormId) {
// se for mudar o nome da variável 'opinteresse' lembre-se de mudar em todos os lugares que ela aparece
var opinteresse = document.getElementById("op-interesse").value;
// Mude os nomes dos values para os nomes que estão no seu select.
// Mude o link para qual cada opção levará o usuário após enviar o formulário.
if (opinteresse == "Startups") {
location = 'https://www.youtube.com/channel/UChy3qxl2x92wkBJxJ2n895A';
} else if (opinteresse == "WordPress") {
location = 'https://academy.nanoincub.com.br';
} else if (opinteresse == "Desenvolvimento") {
location = 'http://nanoincub.com.br';
}
}
}, false)
</script>
Depois de seguir o que foi ensinado no tutorial, basta você testar e ver se tudo deu certo como deveria.