Illumina mostra como reconstruir a
página de contato usando o Elementor Pro.
E, especificamente, vamos trabalhar com
o elemento elementar pro form.
Vou para o backend.
E antes de tudo,
vou desativar
o plug-in de formulários WP que não precisávamos mais.
Então, vou desativar.
E vamos voltar para a página de contato.
E, obviamente, quando eles vão
dizer qualquer formulário de contato mais.
Mas vou para Editar com Elementor agora.
Como é claro que estamos usando elementos são profissionais,
temos o elemento formulário,
que é absolutamente fantástico.
Você vai encontrá-lo no profissional,
você vê aqui mesmo formulário.
Vou me deixar clicar aqui e
realmente remover esse bloco
porque não tínhamos mais as formas lipídicas.
Mas não tome nenhum formulário e, em seguida, basta colocá-lo
no título Fale Conosco.
Assim como com o plugin WP forms por padrão,
você terá um formulário de contato muito,
muito simples
que terá três campos de nome,
e-mail, mensagem, aqui mesmo.
Esses são os campos que você pode adicionar.
Outro campo como você clicar em
Adicionar item aqui, onde você tem o tipo,
você terá diferentes tipos de combustíveis.
Você pode adicionar hora do dia.
Ele pode até adicionar uploads de arquivos.
Portanto, se você quiser que seus possíveis assinantes
ou clientes anexem arquivos para enviar para você,
você tem esse campo.
Você também pode integrar elementar com a captura do Google.
E então você pode usar a versão recapture
um e a versão três aqui para segurança.
E então você também tem como o honeypot e assim por diante,
não adicionando campos adicionais.
Então, vou deixar esses três.
No entanto, isso é claro muito subjetivo,
mas prefiro não ter os rótulos.
Eu prefiro que acabasse de colocar os detentores em vez de
cada campo indicando que tipo de campo é esse.
Então, vou em frente e esconder o rótulo.
Então, basta ter uma mensagem de e-mail de nome.
Agora, para editar os combustíveis reais,
você clica dentro de cada um nome de amostra específico.
Vou clicar em Nome e
convidar aqui Eu posso alterar o rótulo em si,
posso alterar o espaço reservado.
E é claro que vamos fazer com que seja necessário.
E então, sob avançado,
você terá coisas como o ID, bem como
o código curto que faremos uso muito, muito em breve.
O mesmo acontece com o e-mail aqui.
É necessário e, em seguida, a mensagem, é claro
todos fazem a mensagem, se necessário, também.
Você pode fazer com que esse campo seja menor ou maior
dependendo dos seus gostos, e é isso.
Certo? Aqui você tem o tamanho de entrada
para a imputa real para cada campo.
Você pode torná-lo pequeno, médio, grande.
Cabe inteiramente a você.
Você tem botões.
Você quer fazer os botões de tamanho médio, tamanho grande,
mas esse é apenas o botão de envio em si.
Você pode alterar o texto aqui para
o próprio botão enviar, e assim por diante.
Agora, é aqui que as coisas ficam muito, muito picantes.
Ações após o envio, o que acontece
depois que o usuário clicou em Enviar?
Bem aqui?
Por padrão, as ações já foram ativadas.
Colete envios,
que mostrarei em apenas um segundo.
E, em seguida, envie um e-mail, porque esses dois estão ativos por padrão,
você clicou em envios
aqui e depois tem e-mail.
Agora coleta envios que você realmente veria
no back-end.
Deixe-me mostrar-lhe rapidamente.
Você verá no back-end,
assim que as pessoas começarem a enviar
o formulário de contato aqui, onde você
tem elementar em envios da UCI
aqui, você pode ter envios.
E é aqui que você começa a
ver o nome da pessoa e assim por diante,
fato, realizará
um experimento muito, muito, muito em breve.
Mas é isso para os envios.
Agora, envie um e-mail aqui.
Você deseja receber um e-mail informando que alguém
enviou um formulário de contato em seu site.
Aqui, você pode escolher
o endereço de e-mail para receber identificação.
Claro, vou colocar minha própria luz de e-mail de administrador lá.
E, claro, por padrão, você tem que submeter
nova mensagem do nome do seu site.
Você pode personalizar isso, é claro.
Em seguida, a mensagem conterá todos os campos.
No entanto, aqui você tem o e-mail do,
do nome que deseja usar ou escolher
os dados fornecidos pelo usuário.
Basicamente, o e-mail do deve ser o e-mail,
todo o usuário.
O que você quer fazer aqui é isso, ok?
Você iria para os campos do formulário, acessaria
e-mail, vá para Avançado e,
em seguida, convidaria aqui,
pegaria o código curto.
Então copie o código curto,
volte aqui para e-mail.
E qualquer pessoa aqui por e-mail.
Não era simplesmente colar
o ID do e-mail para que você possa
realmente ver o e-mail da pessoa
e, em seguida, do nome também,
fazer exatamente a mesma coisa, ir para o campo Nome Avançado e,
em seguida, simplesmente pegue o atalho para o campo de nome.
Volte para o e-mail e, em seguida, forneça aqui do nome.
Basta colar isso.
E então eles respondem para serem definidos para o e-mail,
é claro, porque você gostaria de responder ao
endereço de e-mail da pessoa.
E é isso.
Você pode adicionar seu CC, você é cego,
cego, cópia e assim por diante.
Você também pode adicionar os metadados aqui, como
a página que você é uma pessoa real visitada,
a data, a hora e assim por diante.
Sin como HTML ou plano.
Isso é muito, muito, muito subjetivo.
Isso dependerá do provedor de serviços de e-mail.
Se também tiver passos frase
lambda squiggly, mostre o que é isso.
Se você voltar para seus campos de formulário,
talvez você queira criar
como se talvez você formará é realmente muito,
muito longo por algum motivo e você queira dividi-lo.
Quando você estiver adicionando seu item no tipo,
você terá uma etapa.
Depois de ter o passo agora, você tem o próximo.
Então, após a etapa, você pode começar
a adicionar mais campos novamente.
Então, o que acontece é quando eles preenchem
os combustíveis falsos na primeira seção e clicam em Avançar.
Ele os levará para a próxima seção para o formulário,
isso é basicamente o que as etapas,
como você pode ver, este é o primeiro passo aqui.
E então você pode ver o passo dois lá à direita.
É para isso que é usado.
as etapas que são Configurações.
E então você também tem as opções adicionais como Ei,
você quer personalizar mensagens como, ok,
o senso térmico com sucesso,
você entrará em contato com você em 24 horas, coisas assim.
Você tem essa opção aqui.
Mas eles me deixarão esquecer de voltar para
as ações após o envio, você tem muitos,
além de envios clicados, e-mail,
você pode ter e-mail para você
pode redirecioná-los para
um página separada. Você tem um webhook.
E, claro, se você estiver usando
um software de gerenciamento de e-mail como nosso Mailchimp,
campanha ativa, você também pode conectá-los aqui.
Você pode conectá-los ao Slack Discord,
abrir também fornecer uma mensagem pop-up.
Então você tem muitas opções para configurar.
Turno alternativo. O que acontece depois que
o usuário enviar o formulário?
É basicamente isso.
Vamos ir em frente e fechar esse.
E isso é, vou seguir em frente agora e simplesmente atualizar.
E, claro, vamos dar uma olhada na
nova página aqui.
Opa, minha internet está se comportando mal.
Mais uma vez.
Minhas desculpas. Certo.
Isso agora você pode ver
o novo Formulário de Contato
construído com elementos de limão Pro Arte.
Vou mostrar um exemplo dos envios.
Vou pausar o vídeo e simplesmente
enviar uma mensagem e então
você verá os resultados aqui.
Bem-vindo de volta.
E como você pode ver agora,
eu realmente enviei para formulários de contato,
preenchidos para entrar em contato de um a sete navegadores.
Um de John James e depois um
de Bob Billy em yahoo.com.
Agora, eu deveria ter apontado isso anteriormente.
Para o formulário de contato,
você pode alterar o nome
aqui, onde você tem o nome do formulário.
Então você pode ver que eu só vou ter que mudar o
meu para o formulário de contato.
E notei isso quando envio
o primeiro formulário das academias John.
Você pode ver o formulário correto, a nova forma de Nemo.
É por isso que o novo formulário porque não alteramos o nome.
Então, na segunda vez que mudei o nome para formulário de contato,
enviei um novo formulário da mobilidade e
é aí que agora pode dizer que o outono agora
diz nosso formulário de contato.
Então é basicamente isso.
Você tem as IDs, você tem
a página que o formal enviou.
E, claro, você pode ver a mensagem real em si.
Então você clica em ver aqui.
Você pode ver o nome completo, o e-mail e,
em seguida, a mensagem real do usuário e convidado.
Você tem as informações de metadados adicionais
quando a mensagem foi enviada,
qual navegador foi usado e assim por diante.
É basicamente assim que o formulário de contato
com o Elementor Pro Walks. Obrigado por assistir.
Vejo você na próxima aula.