Pular para o conteúdo

Curso Mago Contact Form 7

Passar Valor De Um Formulário Para Outro No Contact Form 7 WordPress

  • Aula 40
  • 16:27 minutos de vídeo

FalaÊ Incuber beleza? Seja muito bem-vindo a mais uma aula do Curso gratuito Mago Contact Form 7 do Nano Academy. Aqui é o Paulo Felipe e nessa aula eu vou te ensinar como Passar Valor De Um Formulário Para Outro No Contact Form 7 utilizando um simples código JavaScript que preparei especialmente para você.

Esse recurso é indicado para formulários que precisam pré-coletar alguns dados do usuário e depois redirecioná-lo para outro formulário e seguir com o processo necessário. O que vamos fazer aqui é ao redirecionar o usuário para outro formulário, esse formulário já ficará com os campos que o usuário preencheu na etapa anterior preenchidos automaticamente.

Professor

Paulo Felipe

Front-end na Nano Incub.
Estudou banco de dados na FATEC de Indaiatuba/SP, é formado pela equipe Nano Incub de desenvolvimento, é neurótico por autoconhecimento, pai, skatista, slackliner e doido por ensinar.

Material de Apoio

Campos utilizado no Formulário 01

[text nome id:nome placeholder "Seu nome"]

[email email id:email placeholder "Seu e-mail"]

Campos utilizado no Formulário 02

[text nome default:get placeholder "Seu nome"]

[email email default:get placeholder "Seu e-mail"]

[text endereco default:get placeholder "Seu endereço"]

Se você for utilizar no footer, o código é o abaixo:

<script>
    document.addEventListener('wpcf7mailsent', function(Event) {
        if ('47' == Event.detail.contactFormId) {
            location.replace('http://php72.nano.docker/mago-cf7/formulario-02/?nome=' + jQuery('#nome').val() + '&email=' + jQuery('#email').val());
        }
    }, false);
</script>

Se você está acompanhando o curso e já tem o seu arquivo .JS customizado, segue o código para ser inserido na função WPCF7MAILSENT:

if ('47' == Event.detail.contactFormId) {
            location.replace('http://php72.nano.docker/mago-cf7/formulario-02/?nome=' + jQuery('#nome').val() + '&email=' + jQuery('#email').val());
        }