Para recolher com êxito informações dos visitantes no seu sítio WordPress, é essencial um formulário bem concebido. O Elementor oferece-lhe funções poderosas que são fáceis de utilizar. Este guia mostrar-lhe-á passo a passo como criar um formulário apelativo e funcional com o Elementor.
Principais aprendizagens
- Pode adicionar diferentes campos de entrada e opções para recolher informações específicas.
- É importante definir campos obrigatórios para garantir que os dados importantes são sempre fornecidos.
- As opções de personalização, como o esquema, os textos dos botões e as notificações por correio eletrónico, são cruciais para a experiência do utilizador.
- A definição de mensagens de erro é importante para dar feedback ao utilizador se algo estiver errado.
Guia passo-a-passo
Para criar um formulário no Elementor, siga estes passos pormenorizados:
1. Adicionar formulário
Inicie o Elementor e adicione o widget de formulário à sua página. Pode encontrar o widget de formulário no painel do Elementor. Basta arrastá-lo para a posição desejada na sua página.
2. configurar campos
No passo seguinte, pode configurar os vários campos do formulário. Pode começar com um campo de texto para o nome. Por exemplo, dê ao campo o nome "O seu nome". A etiqueta aparecerá no formulário para que os utilizadores saibam quais as informações que têm de introduzir.
3. Adicionar um campo de correio eletrónico
Agora, adicione um campo de correio eletrónico. Dê-lhe o nome claro de "O seu endereço de correio eletrónico". Defina o campo como obrigatório para que os utilizadores não possam ignorar o e-mail. Desta forma, garante-se que a informação é necessária para processar os dados do utilizador.
4. Disposição dos campos
Se quiser que os campos sejam apresentados uns ao lado dos outros, pode ajustar a largura da coluna para os campos. Defina a largura para 50% para obter uma distribuição uniforme ou selecione as larguras pretendidas.
5. inserir campos adicionais
Se pretender recolher mais informações, adicione campos adicionais - por exemplo, outro campo de texto para o número de telefone. Também pode utilizar a opção aqui para definir os campos como obrigatórios, se necessário.
6. botão de personalização
Agora vem o botão. Pode colocá-lo no centro e ajustar o seu tamanho. Altere o texto do botão de "Enviar" para "Enviar" para que seja mais fácil para os utilizadores compreenderem.
7. Definir a notificação por correio eletrónico
Configure a notificação por correio eletrónico que é enviada quando o formulário é submetido. Introduza o seu próprio endereço de correio eletrónico no campo correspondente. Este passo garante que recebe as submissões.
8. personalizar mensagens
Introduza o assunto e a mensagem que gostaria de receber. Por exemplo, pode personalizar o assunto como "Subscrição da newsletter" e a mensagem com os campos preenchidos. Utilize códigos curtos para inserir as informações de forma dinâmica.
9. Definir mensagens de erro
Uma função importante é a definição de mensagens de erro para os campos obrigatórios. Active-as para garantir que os utilizadores sabem se se esqueceram de alguma coisa. Isto garante uma melhor experiência do utilizador.
10. Testar o formulário
Quando tudo estiver configurado, teste o formulário. Preencha os campos para garantir que o e-mail é enviado corretamente e que o feedback funciona como pretendido.
Resumo
Usar o Elementor para criar um formulário não só lhe dá a flexibilidade para recolher dados, mas também a capacidade de criar um design bem pensado. Ao seguir os passos deste guia, pode garantir que o seu formulário é funcional e de fácil utilização. Desde os campos de entrada até às notificações de correio eletrónico e mensagens de erro, tudo ajudará a garantir que obtém as informações de que necessita.
