Pular para o conteúdo

Curso Gratuito de Contact Form 7 WordPress – Mago CF7

Paulo Felipe
Por Paulo Felipe,
Front-end na Nano Incub.
Publicado em 29 de julho de 2020

Seja muito bem vindo ao Curso Gratuito de Contact Form 7 – Mago CF7.

Nesse curso de CF7 iremos conhecer e aprender a utilizar os principais recursos que o Contact Form 7 oferece para customizarmos os formulários de contatos de nosso site.

Estruturamos o curso de uma maneira simples para tirar dúvidas pontuais, vamos trabalhar com vídeos curtos e específicos para cada tema que abordaremos.

Nós do Nano Academy temos a missão de te formar um Mago no CF7, iremos te acompanhar durante todo o processo que passaremos, auxiliando nas suas dúvidas e sugestões através dos comentários, então não se acanhe e participe conosco nessa jornada que te levaremos do absoluto ZERO de conhecimento no Contact Form 7 à um nível profissional no que se tratar de formulário de contatos com o CF7 no WordPress.

O que você aprenderá a grosso modo nesse Curso gratuito de Contact Form 7:

- Visão geral do plugin (como instalar, criar formulário, entender o shortcode e mostrar o form no seu site);

- Aba Form – Passaremos por todas as opções de campos que o Contact Form 7 oferece, aplicaremos na prática como utilizar cada um dos campos;

- Aba Mail – Nesse ponto iremos aprender a configurar nosso formulário, definir destinatário, enviar cópia e cópia oculta, configurar o corpo do e-mail para que os dados cheguem corretamente no destinatário, criar um e-mail de resposta automática para o usuário receber assim que ele enviar com sucesso o contato.

- Aba Mensagens – Aprenderemos como editar todas as mensagens que o Contact Form 7 emite após enviar um formulário, quando dá algum tipo de erro ou quando os requisitos do campo não são cumpridos.

- SMTP – Aprenderemos aqui a deixar o formulário funcionando efetivamente validando o SMTP usando como exemplo os principais servidores de hospedagem.

- Truques – Essa etapa será dedicada para ensinar alguns “exquemas” para facilitar a vida, como por exemplo criar um redirecionamento de página após o envio do form, escolher com base num campo de seleção para qual página será redirecionado e para qual e-mail será enviado o contato, como criar máscaras nos campos do formulário entre outros.

- Contact Form 7 + Bootstrap – Aprenderemos aqui a utilizar o framework Bootstrap junto ao Contact Form 7 e termos assim muuuuita liberdade para criar layouts diferentes em nossos formulários. Utilizaremos CSS para estilizar os formulários do nosso jeito. *Pode ficar tranquilo, estarei do seu lado para explicar todos os códigos CSS que utilizaremos 😉

- Add-On – Iremos conhecer as principais extensões para Contact Form 7 e inserir funcionalidades incríveis, como por exemplo salvar os contatos dos forms no banco de dados do WordPress, criar um formulário multistep, criar campos condicionais entre outros.

**Para não perder nenhuma aula aproveitar 100% o curso, inscreva-se no Canal e Ative o sininho para receber notificações de novas aulas**

Dica Hack – Aumente a velocidade de reprodução das aulas para 1.5x que fica TOP =D

Abraço e te vejo nas aulas!!

E aqui finalizamos mais um tutorial que dessa vez foi a pedido de um Incuber. 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:

  • Vá até o canal e Larga o Like nessa P#&%@
  • 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 ????

Faça como o Thiago Salgueiro e interaja com a gente, gostamos que de ajudar! Compartilhe suas dúvidas, experiências e resultados.

Espero que esse tutorial tenha te ajudado a ter mais clareza sobre como deixar o layout de um formulário com Contact Form 7 em duas colunas.

Quer aprender mais sobre Contact Form 7?

Veja outros tutoriais sobre o assunto:
Como instalar e configurar o Contact form 7 – PT 1/2
Como instalar e configurar o Contact form 7 – PT 2/2 – Configurando SMTP
Salvar contatos enviados pelo Contact form 7
Como inserir Google reCAPTCHA no Contact Form 7
Criar redirecionamento de página no Contact Form 7 após envio
Escolher destinatário com base na opção do select Contact Form 7
Inserir e Editar Placeholder no Contact Form 7

Compartilhe esse post

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