Como Criar um Formulário de Contato - Com Elementor Pro
e fala pessoal que o bruno da escola de sites nesse vídeo de hoje eu vou te ensinar a fazer um formulário de contato para ou uma página de contato que você tenha ou também dá para você adaptar e colocar ali em outras seções do seu site e nesse vídeo aqui eu vou utilizar duas ferramentas diferentes então a primeira vai ser da forma que eu faria se eu tivesse fazendo um site de um cliente ou um site por uma empresa minha que é utilizando o elementor pro que a gente fala em vários tutoriais aqui na
escola de sites mas também pensando em vocês que não tem o elemento o próprio eu vou mostrar nesse vídeo aqui como que a gente faz um formulário parecido utilizando um plugin gratuito então esse tutorial aqui transitorial que serve para os dois mundos mas não deixe de ver se tu é o completo que eu acho que vai te dar várias facadas em várias dicas bem legais é isso aí vamos começar então beleza vamos começar aqui a botar a mão na massa para isso tutorial específico aqui eu separei um modelinho
aqui bem legal bem atual de um modelo de uma página de contato temos ainda que site que tem várias páginas início produtos só que ficou aqui na o contato quero uma página mais ou menos igual a essa aqui acho que isso aqui tá bem legal a gente só vai precisar agora escolher aqui formulário de contato para preencher esse espaço vazio aqui que ficou faltando então separei uma coluna aqui justamente pra isso e como eu falei o primeiro plugin que a gente vai utilizar para usar o formulário de contato
vai ser o meu preferido o mais intuitivo de todos a função formes do elementor pro ele já tá aqui instalado no site são se você já tem ele será utilizar esse elemento aqui de formulário mas só para passar rapidinho aqui com vocês para quem não tem o elemento pro embaixo aqui na descrição dos nossos vídeos tem sempre um link aqui da plataforma oficial utilizando esse link você garante que tá comprando da fonte oficial do elemento e você também ajuda bastante a gente aqui a continuar produzindo
esse conteúdo de altíssima qualidade aqui para vocês para quem está começando e tem apenas um site a gente recomenda essa licença aqui personal de apenas um site ela custa $49 é uma pergunta que o pessoal manda é muito para gente é que que acontece depois desse um ano se perde a licença ea resposta é não você continua podendo utilizar todas as funções do elementor pro que você tinha até a última atualização que você fez a única diferença é que depo is deste um ano se você não renovar sua licença
e eles dão desconto aqui para você renovar mas se você não renovar você não vai ter direito a novas atualizações a novas funções o que para muita gente não é nenhum problema tá isso aqui vale a pena demais e toma um certo cuidado para você não baixar isso aqui de outras fontes que não são oficiais da elemento porque algumas pessoas já mandaram mensagem aqui para gente que tiveram o site bloqueado por usarem um software ilegal que contin ha arquivos maliciosos o servidor que você tiver usando tem
total direito de tirar o seu site do ar hora que você pode estar comprometendo a sua segurança e pior ainda a segurança dos seus clientes do pessoal tiver acessando o seu site mas beleza então compre sempre de plataformas oficiais que você não tá ei ei classic aqui no final que você vai ser redirecionado para a página de checkout confere aqui está tudo certinho e você tem duas opções pagar ou no cartão de crédito e aí talvez você precisa habilitar a função internacional dele ou então você também
pode escolher a forma de pagamento que como paypal e finalizar o check-out se você tiver dúvidas de como que instala no metrô no seu site dá uma olhadinha em como instalar o elemento pro tem um vídeo que eu explico o passo-a-passo vou deixar o link também na descrição talvez você finaliza esse processo que está pronto para continuar o tutorial vamos lá olha só como vai ser muito simples a gente fazer esse formulá rio eu vou simplesmente clicar e arrastar aqui na função formes nem vou passar o
algumas boas práticas aqui que eu gosto de utilizar nesse tipo de formulário a primeira coisa que a gente vai ver é esse nome do formulário você não precisa mudar isso aqui mas é sempre bom deixar isso aqui organizado para você não se perder no futuro além disso por padrão ele já vem aqui com três itens que é o nome e-mail e mensagem todos inglês aqui pra gente a mente mudar o nome que eles aparecem n o nosso formula eu esse aqui é o nome o tipo de input aqui do usuário vai ser como texto e a
gente pode mudar que a lei bow e o placeholder placeholder é o que aparece aqui dentro do campo de preenchimento pode marcar também se essa opção é obrigatória ou não e o tamanho desse campo sentido colocar aqui em cinquenta por cento e o e-mail também cinquenta por cento eles vão preencher aqui dando sem por cento e a mensagem que vai ficar embaixo eu normalmente costumo deixar isso aqui em cem porcento mesmo com exceção em formulário somente de e-mail e eu vou mostrar uma dica bem legal para
deixar isso aqui de uma forma que tá bem na moda e fica bem legal no seu site mas continuando aqui que poderia fazer de ções de meio e aqui em mensagem também mesma coisa ou simplesmente escrever mensagem e vamos ver aqui outros possíveis campos que a gente pode criar então para isso eu vou simplesmente ficar aqui em adicionar ele tem que a gente pode clicar aqui em type e sele cionar uma das várias opções que a gente tem eu não vou passar por todas elas mas eu sugiro vocês é uma uma e dando uma
olhadinha nela por exemplo se a gente quisesse que usuário entrasse um site de poderia colocar aqui o campo de url mas além disso às vezes você quer que o seu usuário selecione uma opção específica que poderia ser os estados do brasil então tão rio de janeiro são paulo distrito federal enfim você vai colocando aqui uma lista de opções e vai aparecer aqui para o seu usuário seleciona uma delas ou então se fossem várias opções a gente poderia também colocar aqui um checkbox para eles selecionando
e a gente tem essa opção dele ficar um em cima do outro ou então na horizontal aqui ou até mesmo um campo desse usuário aceita os termos e condições se você colocar ela como obrigatória usuário não vai conseguir enviar esse formulário a menos que ela esteja selecionado e aí como eu disse tem várias outras opções aqui dá uma olhadinha nelas inclusive uplo ad de arquivos e também esse caption é um fator de segurança que para evitar spans e usuários hipóteses preenchendo os seus formulários é isso
aqui a gente precisa fazer uma e internamente lá noite parça mas é bem facinho pode ficar um tópico para um outro tutorial e se vocês quiserem mas beleza como esse aqui é um formulário para pessoa receber um orçamento vamos colocar aqui uma opção que faça sentido nesse contexto a gente que fosse o select por exemplo e aqui poderiam ser áreas da nossa empresa então escolha um serviço e aqui teria marketing conteúdo pela edição de vídeo cursos e usuário poderia escolher aqui uma dessas opções e se
a gente quisesse colocar antes da mensagem mas a gente vem aqui e arrastar esse item número 4 aqui para cima agora voltando aqui para boas práticas porque eu gosto de fazer é tirar esse lei boa aqui deixar somente o nosso placeholder eu acho que fica mais bonito pode também fazer modificações aqui no botão de enviar eu vou colocar aqui como enviar o poderia ser solicitar orçamento entrar em contato e também vou deixar aqui alinhamento dele na direita para ele ficar aqui nesse espacinho qual que
você pode escolher a opção que que e nesse caso eu vou deixar aquele na direita poderia também adiciona o item se você segue aqui o nosso canal você deve estar mais que acostumada se você não segue ainda já fico convite se inscreve em nosso canal para não perder os próximos vídeos e também daquela moralzinha pra gente está passando sempre um conteúdo sensacional então deixa um like nesse vídeo e um comentário deixando suas dúvidas aí se você tiver elogios e sugestões também e beleza vamos
próximo tópico aqui que vai ser esse actions after subir então o que que a gente quer que esse formulário faça depois que o usuário clica aqui enviar isso aqui que eu acho sensacional do formulário do elemento o próprio ele tem várias opções aqui que você consegue automatizar muitos processos de uma maneira muito fácil por padrão ele tá sentado aqui para enviar um e-mail com todas essas informações aqui do seu usuário você pode mudar para qual e-mail você deixa de receber e também qual o título
dessa mensagem e o conteúdo dela aqui por padrão ele já vem aqui preenchendo todos os campos que usuário e além disso temos outras opções aqui as minhas preferidas que eu mais utilizo é a integração com o meu time pequeno um serviço de e-mail marketing apesar de tem vários outros aqui e outra fu nção que eu uso bastante também é esse redirect que vai fazer com que o seu usuário vá para uma outra página que você criou então se você criou uma página de obrigado por preencher o formulário aqui na
escola que sai a gente tem algumas delas você poderia colocar o link dela aqui ou até mesmo link externo se você quisesse também é possível traduzir todas as mensagens para português se você quiser e é claro fazer todas aquelas modificações daquela maneira super simples Português (ge
0 Comentários