Como criar um FORMULÁRIO DE CONTATO com Elementor Pro?
o olá pessoal tudo bom thiago regis aqui no vídeo de hoje eu vou trazer mais informações a respeito de formulário de contato com elemento e o wordpress eu fiz o primeiro vídeo mostrando como era fácil e rápido colocar um formulário de contato através de alimenta algumas pessoas me perguntaram a respeito dos campos como fazer para configurar então eu vou trazer um exemplo claro do que eu fiz aqui em um formulário no meu site e vou explicar um pouquinho sobre os campos como que a gente faz
para configurar esses campos tá bom então vamos lá para minha tela e aqui na tela essa é uma das páginas dentro do meu site chamado thiago regis mkt.com.br e essa é uma área é uma página onde eu falo a respeito das minhas palestras o que eu já fiz o que eu faço e tem alguns depoimentos de clientes né e amigos que já tem vídeo alguma forma oi e aí aqui eu tenho um formulário de contato olha só formulário ele tem o campo nome telefone e-mail nome da empresa número de participantes da p alestra onde
vai ser a palestra tem mais campos e tem uma área que ele solicite maiores informações e aqui embaixo eu tenho algumas fotos no álbum de fotos da última palestra que eu fiz então esse formulário é que o que que acontece quando a pessoa preenche este formulário e ele automaticamente encaminha os dados da pessoa para dentro do meu e-mail e aí é muito simples de configurar isso quando a gente usa as ferramentas corretas então este meu site esta minha página que ela é feita é dentro de um cms
chamado wordpress e eu uso uma ferramenta dentro do wordpress que é um construtor de página chamado elemento e através dele que eu construir todo meu site e esse formulário aqui tão se você ficar mente do formulário eu vou mostrar agora como que eu fiz a configuração dele churrasco da minha tela no formulário para cá oi pra só esse aqui é o dashboard do elemento é o painel do page builder do elemento e aí eu tenho toda a estrutura do meu site configurei estrut urei tudo através aqui aqui na parte
do formulário como que eu faço para inserir-se formular aqui tiago primeiro ponto se você tá começando a só elemento agora quando você clica aqui ó nesses nove pontinhos ele traz o grid de ferramentas do elemento tão tá aqui ó todo o grid de ferramentas e aqui eu tenho a ferramenta forma quando eu clico nessa ferramenta ea para cá olha só que acontece e ela já me traz esses campos aqui prontos para eu poder trabalhar e no caso do meu formulário que já está pronto eu vou excluir esse daqui olha
só eu configurei ele da forma que eu queria na maneira como eu queria então eu vou te mostrar aqui como que eu fiz então lembrando eu arrasto para cá clica aqui né no uniforme arrasto para cá quando eu arrasto para cá olha só que ele vai aparecer ele vai aparecer isso aqui ó primeiro os campos do formulário então eu tenho campo nome telefone e-mail empresa número de participantes local da palestra e mais informações todos esses campos e stão aparecendo aqui em são os campos que estão aqui ó nome
nome telefone telefone e-mail e meio empresa empresa número de participantes uma de participantes por aí vai tá todos os campos que estão aqui eles estão aqui e aí como que eu faço para configurar esses campos então imagina que eu coloquei o formulário aqui oi e esse formulário está com essas informações então vamos lá primeiro ponto aqui ó nome tão nome eu tenho o campo o nome e o placeholder nome se eu quisesse colocar aqu i sei lá o sobrenome olha só parece escrito sobrenome então aqui em
placeholder é o que aparece aqui dentro do campo e o nome do label é o nome do campo é o nome do campo que não aparece aqui mas se eu quisesse por exemplo deixar o leigo aparecendo olha só quando eu vim aqui em label raid o show olha só ele aparece vendo então aqui onde eu faço essa configuração eu deixei ele aids né deixa ele ocultado porque eu acho que o formulário fica mais curtinha fica mais sucinto hoje eu v ou estar aqui para nós aqui em type é onde eu escolhi o tipo de campo então por
exemplo aqui é o campo nome é um campo de texto nome então eu vou colocar o campo text a é aqui é um campo de telefone então aqui no formulário no campo telefone olha só que eu coloquei coloquei o tipo hotel e aqui no e-mail eu coloquei o tipo texto mas eu posso colocar o tipo e-mail a tudo isso aqui são configurações que são muito importantes são muito relevantes a hora que você configurar o teu form ulário empresa é um campo de texto tradicional é o número de participantes é que eu coloquei
text mas poderia ser number por exemplo e eu posso definir o número mínimo o número máximo poderia colocar aqui sei lá de cinco participantes até 50 participantes posso colocar isso ou deixar eles têm as informações local da palestra é um campo de texto tradicional e no campo de os detalhes é uma text área é uma área de texto por quê porque ela é maior eu vou precisar inserir mais informaç ões enfim aqui você consegue definir os vários tipos de campos que você pode configurar no seu formulário e
isso é muito legal porque dependendo do seu formulário você faz a configuração ideal para ele tá aqui eu posso definir olha só se eu quero que os campos sejam grandes sejam super pequenos sejam médios deixar colour e como médio vai é só isso aqui essa configuração do campo dos campos aqui a configuração do botão de envio então qual o texto do botão solicitar maiores informações foi extenso que eu coloquei aqui poderia colocar enviar eu poderia posso colocar o texto que eu quiser aqui eu consigo
definir também é o tamanho do botão olha só maior médio consigo definir o alinhamento dele isso é muito legal aqui eu configuro as ações que esse formulário vai ter então depois que a pessoa preencher todo o formulário e ela clicar aqui que que vai acontecer eu tenho algumas ações que eu posso criar primeira ação é enviar um e-mail tão sempre alguém preencher isso d aqui eu recebo um e-mail informando que a pessoa preenche o formulário eu posso criar uma segunda ação de e-mail que é fazer todo
esse processo de enviar né só que eu posso enviar para outra pessoa também e aí eu tenho algumas outras opções olha só posso redirecionar então ela essa pessoa é preencher esse daqui é preencher o formulário eu posso direcionar ela para uma outra página para o ou e eu tenho meio chip por exemplo eu posso fazer com que o líder né os dados essa pessoa carn e uma base meu chip a base drip daquele campagne do que é correspon sem fim melhor light eu posso abrir o pati tá legal a pessoa acabou
de preencher luz abre o pato ali na tela então todas essas configurações são possíveis através do formulário e aqui como eu defini e-mail olha só que legal eu venho aqui eu tenho as configurações e meia então sempre que a pessoa preencher isso aqui o tiago regis mkt@ofertasbmc.com.br tulo contato via web site solicitação de informações sobre palestra e aqui e mensagem eu vou receber todos os campos foram preenchidos aqui porque o define como o fields aqui isso vai vir através de um e-mail gmail
com o nome às vezes e vai ter enviado pelo thiago reis mkt então todas essas informações que eu coloquei aqui servem para poder configurar o recebimento deste e-mail tá é que eu tenho algumas outras configurações adicionais opções adicionais opções adicionais olha só mensagem sucesso mensagem de mensagem de campos obrigatórios men sagens inválidas então tudo isso eu consigo configurar por aqui feito isso o atualizar aqui o meu site já está o formulário pronto agora vou preencher thiago telefone
ou dois três quatro cinco seis sete oito nove dez onze doze vou para qualquer número meu e-mail thiago regis mkt roupa gmail.com empresa trmk te número de participantes da palestra vão ser 25 pessoas o local alphaville e palestra teste e aí eu quero solicitar maiores informações a mensagem enviada com sucesso em breve retornaremos o contato então nesse momento partir desse momento o e-mail tá chegando lá na minha caixa de entrada e vamos ver se isso de fato aconteceu e te olha só contato via
site nome telefone e-mail a empresa número de participantes onde vai ser a palestra e os detalhes da palestra então é dessa forma que funciona a configuração de um formulário de contato através do elemento existem várias outras formas existem tem algumas ferramentinhas aqui dentro alguns macetes muito inter essantes por exemplo imagina que você tem um e-book você tem um e-book é esse book você quer encaminhar assim que a pessoa preencher lá para receber o buquê você quer encaminhar um e-mail para
a pessoa que preencheu com o link para essa pessoa baixar e consegue fazer tudo isso por aqui sem precisar de nenhum tipo de ferramenta eu vou gravar um vídeo para falar a respeito disso em algum momento é porque eu tenho e-books e eu já uso essa essa forma então eu vou gravar um vídeo para expl icar para vocês como faz para e para fazer o envio do link do e-book para esse mês tá então é isso espero que você tenha gostado do vídeo espero que tenha te ajudado a fazer essas criações de formulários
com elemento e em breve a gente tem muito mais dicas de elementos de construção de sites você gostou deixe seu like ativo sininho aí e se inscreve eu vou sempre soltar conteúdo muito bacanas voltados à construção de site elementor wordpress então para você que é web designer para voc ê quer programador quer designer que quer aprender a fazer site ganhar dinheiro na internet sempre vai ter dica aqui conteúdo bacana para você se aprimorar e óbvio como está ganhar dinheiro na internet tá bom é isso
muito obrigado e até o próximo vídeo valeu e aí
0 Comentários