23:48 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 criar um formulário com várias etapas utilizando o Contact Form 7 no WordPress.
Eu indico esse recurso para formulário grandes que tenham “categorias” de perguntas, no qual em cada etapa tenham perguntas pertinentes à um assunto diferente.
O processo macro consiste em:
– Instalar e ativar o plugin “Contact Form 7 Multi-Step Forms“;
– Criar um formulário diferente para cada etapa;
– Criar uma página diferente para cada etapa;
– Inserir o shortcode do formulário de cada etapa em sua respectiva página;
– Fazer as configurações para as etapas funcionarem;
– Configurar o corpo do e-mail que será enviado;
– Testar;
– Deixar o Like e se inscrever no canal caso não seja inscrito ainda!
Código utilizado no formulário da Etapa 1
<label>
Nome
[text* nome]
</label>
<label>
E-mail
[email* email]
</label>
[multistep etapa-1 first_step "http://SEU-DOMÍNIO/etapa-2"]
<button type="submit">Próxima</button>
<p>Etapa 1 de 3</p>
Código utilizado no formulário da Etapa 2
<label>
Endereço
[text* endereco]
</label>
<label>
Número
[text numero]
</label>
[multistep etapa-2 "http://SEU-DOMÍNIO/etapa-3"]
[previous "Voltar"]
<button type="submit">Próxima</button>
<p>Etapa 2 de 3</p>
Código utilizado no formulário da Etapa 3
<label>
Assunto
[text assunto]
</label>
<label>
[textarea mensagem]
</label>
[multistep etapa-3 last_step send_email]
[previous "Voltar"]
<button type="submit">Enviar</button>
<p>Etapa 3 de 3</p>
Modelo do corpo do e-mail para o exemplo acima (Colocar na aba mail da última etapa do formulário)
<h3>Contato via Site</h3> Nome: [nome] E-mail: [email] Endereço [endereco] Número [numero] Assunto [assunto] Mensagem [mensagem]