Formulário de Contato Wordpress Elementor (WP Forms Elementor)
olá no vídeo de hoje eu vou te mostrar como adicionar um formulário ao seu site wordpress dessa forma seu visitante ao poder entrar em contato com vocês uma forma mais simples ou de repente até a solicitar orçamento de um serviço se você gostou dessa ideia se inscreva no canal para receber mais dicas de como construir o seu site e sejam bem-vindos para mais um vídeo seu filho e fernando foi especialíssimo de praias eo juiz te mostrar como adicionar um formulário de contato ao seu site e seu site
que eu estou criando no clipe em contato ele me direciona para essa parte onde deveria ter um formulário por ainda não tem então frente só não formulário aqui lembrando que eu estou utilizando a versão gratuita do elemento e todos os pudins que eu utilizei até agora nesse projeto foram para o pulinho gratuito se você quer aprender como chegar nessa etapa desse site vou deixar os links lá embaixo onde eu já te mostrei como contratar uma hospedagem como instalar o wordpress como instal ar esse tema
deixar esse menu fixo e agora vamos adicionar um formulário nesse site certo e para isso basta clicar em na sua área administrativa que você acessa via wp-admin coloque seu login e senha clique em plugins adicionar novo a pesquisa pelo a wb fox eu vou deixar o link também não descrição do pudim mas é o clube inglês que ursinho fofinho e disse vai clicar em instalar e ativar e fica aqui em no menu que deve performs adicionar novo e ele já te dá algumas opções um formulário simples um para mim os
lá era o outro planta sugestões no site ou em branco vamos clicar no simples aqui por padrão ele já traz esse formulário com o nome sobrenome e-mail e mensagem só para organização caso você tenha mais formulário a gente coloca o nome aqui formulário de contato nos clicar em salvar e aí o que volta aqui no nosso painel e vamos agora em páginas para gente ver as páginas quem já criou né ou fica aqui eu sou utilizando o elemento para editar esse site e assim func ionamento abre o que me ajuda muito
eu gosto de sempre ficar navegação ele abre esse navegador zinho geralmente ele vem se o outro se arrasta deixei aqui no cantinho e agora você vai rolar até a sessão que você quer por exemplo aqui a sessão de contato né caso você queira para organizar-se após definir o nome no para ela ao contato é um próxima vez que você abrir o site você sabe o que você quer deitar na parte de contato só pode ficar direto na parte de contato fica aqui em editar e está faz contato editar quando eu abro essa
coluna está vazia como eu tô utilizando elemento ele já me dá o suporte sem precisar digitar nada só para eu pesquisar o w perform e ele vai abrir esse good graça aqui do próprio wordpress quando eu clico aqui ele já busca os formulários que eu tenho no caso nós só temos um formulário mas caso você tenha mais um formulário você coloca o nome do formulário que você definiu e já carrega aqui vamos atualizar e fica aqui em visualizar para abrir a página que a gente está editando e a visualizar
basta clicar nesse olho sem muito agradecer a página que ninguém conhece clica aqui em contato e já direciona trazendo que o formulário já tá bonitinho só que assim só para gente deixar um padrão e só para gente ver um pouquinho como funciona esse clubinho vamos deixar aqui na parte enorme só um campo e também deixar eles todos do mesmo tamanho certo então vamos voltar aqui no nosso pouquinho aqui em campos clicar sobre a pa rte de nome aqui em formatar ao escrever aqui em simples que ele deixou
um campo só em opções avançadas ele dá a opção de ser pequeno médio que eu também que tava ou grande vamos deixar a grande é porque o primeiro a mesma coisa obrigatório como grande e agora também quero adicionar um novo campo quero um campo de telefone se eu chegar aqui no telefone ele pede para eu ir para versão pro mas não queremos a versão prólogo se manter na versão gratuita só que a gente pode colocar o tele fone como simples tanto de texto gente aqui clica nele e arrasta para cá óleo sem
código nenhum maravilhoso né são os três aqui em campo de texto a gente ficou bem que celular por exemplo ele não vai ser em campo obrigatório não acho que não precisa mas caso você queira só marcar e para deixar tudo padronizado vamos deixar grande também e aqui comentário uma mensagem vamos deixar sua mensagem pronto é assim que eu quero no meu site sua mensagem maravilha ou no salvar uma nosso aqui vamo lá área eu vou tá aonde estava gritando e vamos atualizar e a maravilha ficaram todos
mesmo tamanho ficou bonitinho assim agora tá vendo que o botão ele ficou o nosso nesse exemplo que eu tô mostrando ele um site todo vermelhinho tá o botão azul e tá pequenininho se eu voltar aqui para editar ele não me dá opção de editar o botão se eu for que me conformar em configurações ele não me dá a opção de mexer no botão tá vendo que é aqui em notificações ele vai mandar para o e-ma il do administrador né é professor usuário admin que tá no site ou caso você queira adicionar o meu remédio
você digita aqui ó e-mail arroba que você quer entendeu escrever gmail tá errado ele não tem problema não só sei colocar vírgula e colocar cássia queira mudar o assunto do e-mail só alterar aqui o nome que está enviando você muda esses dados aqui tá então vamos voltar aqui em campos percebi que a gente não tem o o edital botão enviar uma opção que a gente tem né porque essa opç ão vai aparecer só na versão paga mas como na versão gratuita vamos ficar aqui com o botão direito em inspecionar
elemento abrir essa telinha aqui com esses vários códigos não se preocupa se vai clicar neste ícone zinho aqui que ele seleciona o elemento que a gente acreditar e vamos clicar sobre o botão tá vendo que ele seleciona as coisas fica sobre o botão ó e aqui nesse primeiro vamos clicar aqui em cima esse código não se preocupe que eu vou deixar para você mas vamos escre ver aqui ó background que é o fundo e vamos definir aqui uma coisa genérica que qualquer e apagou né não relaxa fica aqui sobre o
ícone zinho da cor agora você passa o mouse sobre a cor que você quer se você quer fazer empresa vermelho para o que eu quero eu vou clicar aqui e ele ficou vermelhinho jeito que eu quero mas ele tá pequeno quero que ele fez mesmo tamanho tô aqui e vou ser um código para deixar ele sem por cento ó tá vendo o grandão só que eu não passo o mouse aqui eu já digitei quando ao passar o mouse ele ficava azul então quê que eu vou fazer agora vou ficar aqui em personalizar em frente adicionar esse
código zinho no site para ele poder mostrar aqui eu não sei clicar em personalizar ele vai ver alguma tela provavelmente alguma configuração que vai estar diferente não tem problema mas você precisa pesquisar por customizar o css tá isso aqui ó pesquisa por css clica sobre ele ele vai dar alguma coisa parecida com essa tela aqui certo eu vou deixar o código na descrição do vídeo e esse código zinho aqui e você vai só copiar e colar aqui você rola aqui ó para baixo ele tinha tá vendo aqui que o
botão ele já tá prontinha né vamos a pó só para te mostrar se eu apagar ele volta a ficar azul certo eu eu vou colar vou explicar bem resumidamente aqui deixa o botão 100% aqui é a cor do botão esse código que é o código html do se o botão que eu não posso mouse ele com um pouquinho mais claro eu coloquei um código da é mais claro só você pesquisar o código da cor coloca aqui tá bom então aqui aí te deixa o botão maior dessa forma de a gente adicionar um formulário né com bonitinho publicar
voltar no nosso site e atualizar aqui já tá até pão né como você já podem ver bom e que está um formulário no site e lê validadas eu clico em enviar ele mandou preencher os campos obrigatórios se eu preenchi que usados em e aí e aí e ele me dá alguma sugestão para mudar mas tá certo aqui o celular não precisa aqui eu c olocar testes a ficar enviar o botãozinho muda o texto para enviando se liga para seu obrigado pelos contratar que a gente já contato em breve esta mensagem caso você
queira personalizar só você clica aqui em configurações e que você pode mandar aquela mensagem linha também ou então você pode direcionar para uma nova página você coloca aqui o link da url o link da página que você quer ou você não é você pode aqui também clicar aqui em mostrar página você abre as páginas já estão configurados dentro do seu próprio site aqui só tem um homem porque eu só tenho a rom mas caso você tem uma página de obrigado era só você colocar uma página de obrigado que ele é
direcionar para baixo nível obrigado ou aqui também caso você quer ficar uma página externa nosso site é só você colocar esse link aqui clicar em salvar e ele volta aqui para página e executa direitinho então se você gostou desse vídeo deixa o seu like alguma dúvida deixa aqui nos comentários se inscreva também para receber mais dicas manda esse vídeo para quem precisa também colocar um forno e o seu site e eu sou felipe fernandes muito obrigado por assistir esse vídeo até aqui e fica com deus e
até a próxima
0 Comentários