Eu apenas criei a página do blog e agora
deixei construir outra página muito importante,
e essa será a página de contato.
Agora, idealmente, é claro, na sua página de contato você quer
ter algum tipo de formulário de contato,
talvez até algum mapa do Google.
Se você tiver uma localização física.
Ou não temos uma localização física,
mas vamos adicionar um formulário de contato.
Agora, existem vários plugins
por aí para criar formulários de contato.
E, de fato, se você estiver usando
a versão paga do elemental,
você terá o elemento do formulário.
Mas estamos usando a versão gratuita do elemental.
Então, vamos instalar outro plugin.
E esse plugin é chamado de plugins do WP Forms.
Então deixe-me digitar formulários WP.
E é o único aqui.
Tudo bem, então vamos em frente, instalar.
E agora vamos ativar o plugin.
Tudo bem, então vamos seguir em frente e clicar
em criar seu primeiro formulário aqui.
O bom deste plugin em particular é que ele se
integra muito bem com o elementar.
Vou digitar um nome aqui.
Então esse será o formulário de contato.
Esse será o nome deste formulário.
Formulário de contato está aqui.
Você tem nossos diferentes modelos,
escolherão o fator de forma de contato simples.
Podemos ver a demonstração aqui.
Você pode ver que esta é a demonstração aqui.
Muito, muito simples.
Você terá o nome, e-mail e, em seguida, campos de mensagem.
Então isso deve se adequar aos nossos propósitos,
vou seguir em frente e simplesmente clicar em Usar modelo.
Isso é por si só, mas só vai fazer
algumas alterações
na forma como o plug-in funciona como estão aqui,
você tem os campos disponíveis
para você com a versão gratuita,
há uma versão paga onde você tem acesso a
esses campos extravagantes e
aos campos de pagamento e assim por diante, mas não precisamos deles.
Então o gengibre que vou fazer aqui seria
editar o campo de nome.
Então, vou simplesmente clicar no interior.
E aqui você tem o formato.
Eu prefiro o formato simples em que você tem apenas
uma única linha para o nome.
Mas você forçou o meio,
último e o primeiro, o último, e assim por diante.
No Avançado, você pode alterar
o tamanho do campo para lançar dois pequenos,
dependendo do seu gosto e do que você preferir.
Você pode adicionar seus óculos CSS aqui.
Você também tem lógica inteligente,
que, opa, sinto muito por isso.
Esqueci.
Isso só está disponível com a versão paga de qualquer maneira,
para as opções de campo.
É isso. Assim, você pode voltar aqui e adicionar
campos adicionais, como caixas de seleção suspensas.
Se você quisesse.
Em configuração aqui,
sinto muito, nas configurações,
seja aqui, é aqui que você pode
alterar coisas como o próprio nome do formulário.
Você pode alterar o texto
do botão e influenciar aplicativos.
É aqui que você pode
configurar os tipos de notificações que deseja
receber sempre que alguém enviar
o formulário de contato.
Queremos ser notificados aqui por padrão,
o e-mail do administrador associado ao
seu site WordPress estará aqui,
mas você pode adicionar seus próprios elementos de e-mail personalizados.
Mostre uma coisa, ok, bem aqui,
onde você tem do nome.
Por padrão, ele será definido como o nome do seu site,
mas fará muito mais sentido configurá-los para
o nome real da pessoa que envia a mensagem.
Então, aqui, clico em Mostrar tags inteligentes.
Basta escolher o campo nome,
ou seu FirstName, LastName,
dependendo do tipo de sensação que você tem para o nome.
E, em seguida, o mesmo para o e-mail também.
Simplesmente escolheremos o campo de e-mail.
E vou seguir em frente e simplesmente salvar.
Você tem as conformações aqui, bem como tudo bem,
o que acontece depois que eles preenchem o formulário de contato?
Eles recebem uma mensagem? Em caso afirmativo,
é aqui que você pode editar a mensagem.
Você pode mostrá-los em uma página específica e será
uma beleza especial de todos criados.
Você pode simplesmente redirecioná-los para
um URL externo se quiser ir.
Não vamos fazer nada disso.
Vamos em frente agora simplesmente PARA
economizar mais uma vez, feche isso.
Agora vamos para a página de contato.
Vamos em frente e editar a página
de tudo a partir do backend do WordPress.
Então, a partir daqui, vou clicar em editar
com o Elementor para que agora possamos
usar a interface Elementor e verificar isso.
Tudo bem, opa, esqueci de fazer uma magra.
Minhas desculpas.
Precisamos habilitar
os formulários WP são complementares para os plugins de itens essenciais.
Então, vamos fazer isso rapidamente.
Vou para átomos essenciais aqui.
Vamos para os elementos.
E então aqui você tem os elementos de estilo do formulário.
Você verá o WP Forms.
Vamos em frente e agora ativá-lo.
Você pode ver que você tem acesso a
outros tipos de formas, como formas fluentes,
Gravity Forms, que na verdade é muito, muito
bom Ninja Forms e assim por diante.
De qualquer forma, vamos seguir em frente e salvar nossas configurações.
E vou fechar isso.
Vamos atualizar esta página mais uma vez.
Ok, então a coisa sobre os formulários WE
é que, mesmo com a versão gratuita do elementar,
você terá acesso ao elemento.
Depois de instalar e ativar o plugin,
você pode vê-lo aqui no básico,
você tem formulários WP por Elemental.
Vou clicar em arrastar para dentro aqui.
E mostrarei a diferença entre este
e o fornecido por complementos essenciais.
Vamos voltar, rolar todo o caminho até aqui.
Vamos adicionar o dos
complementos essenciais em uma seção diferente.
Agora você vai ver a principal diferença, ok?
Este é o único para os átomos essenciais.
Vou escolher o contato para a
taxa de mortalidade. Ele diz selecionar formulário.
Vamos escolher isso. Agora, aqui.
Compare este com o aqui em cima.
Vamos com o dos elementos do primeiro.
Vamos escolher o formulário de contato também.
O problema é que você só
tem acesso ao tipo de formulário a ser escolhido.
As opções de exibição são boas.
Você quer filmar o nome do formulário,
descrição e depois avançado.
Não há nada mais nisso.
No entanto, para aquele com complementos essenciais,
você tem acesso a muito mais.
Você pode mostrar os rótulos da descrição, por favor, segure-a.
Você ainda tem nossas mensagens de erro.
Você quer mostrar mensagens de erro
ou deseja ocultá-las?
Por exemplo, se alguém
não preencheu o campo de nome e, em seguida,
pressionar Enviar, você deseja
exibir a mensagem de erro ou não.
Você tem acesso a muitas opções de estilo.
Você pode adicionar uma cor de fundo do formulário.
Você pode alinhar o formulário em suas margens de largura.
Você tem todos os tipos de opções de estilo para
os rótulos de título e descrição e assim por diante.
Todas essas opções de tempo,
você não as obtém
com o elemento fornecido pela
versão gratuita do elemental.
É por isso que prefiro usar
o fornecido por átomos essenciais.
Então vou seguir em frente e fechar este pelo Elemental.
Vamos caminhar sobre este.
Muito, muito simples.
Não vamos fazer grandes mudanças aqui, exceto
que simplesmente esconderemos o título da lista telefônica.
Todo mundo sabe que é um formulário de contato,
então não há necessidade de mudar nada aqui.
Uma coisa que faremos, porém,
é ocultar o título da página.
E depois adicionaremos nosso próprio título.
Tudo bem, e vamos simplesmente escolher este aqui como uma
tipografia de estilo H1 ir para
o estilo, que é principal.
E vamos simplesmente mais frio Cisne nosso Fale Conosco.
É isso.
Adicionaremos algum preenchimento aos valores do link da seção.
Vamos com 50 no topo e depois 50 abaixo.
Na verdade, pense nisso.
O Fale Conosco é realmente um livro muito, muito grande.
Tudo bem, vamos apenas alinhar este para o meio.
E vamos apenas adicionar algum padrão para
o formulário real em si.
Vou clicar no elemento do formulário.
Vamos para Avançado.
E também adicionaremos algum preenchimento também.
Basta dar-lhe alguma distância entre
o título real e o próprio formulário.
Então vá em frente e atualize.
Isso é o que vou seguir em frente agora e ver a página.
E é isso para a página Fale Conosco.
Agora, novamente, você pode tornar isso um pouco mais emocionante.
Você pode ir com talvez duas colunas
oposição à seção.
A primeira coluna você pode adicionar uma
imagem de alguém que talvez ligue ou
alguém envie um e-mail, coisas assim.
Portanto, existem diferentes maneiras de modificar
a página Fale Conosco e torná-la mais
emocionante se você quiser.
Mas isso é muito, muito simples,
muito simples, e atende aos nossos propósitos.
Então, obrigado por assistir e
verei você na próxima aula.