Guia do formulário de contato final do Elementor

Todo proprietário da web quer construir relacionamentos bons e de longo prazo com seus clientes e prospects. É aí que entra o formulário de contato. Adicionar formulários de contato ao seu site é altamente recomendado porque ajuda seus clientes em potencial a chegar até você e ajuda a coletar dados sobre os visitantes do seu site.

Sem dúvida, os usuários do WordPress têm acesso a vários plugins de formulários de contato e vários recursos. Isso torna a criação de formulários fácil e perfeita para os usuários. E se você também puder criar formulários usando o widget Elementor Contact Form?

Como criar formulários de contato usando o Elementor

O widget Elementor Contact Form permite personalizar e adicionar qualquer tipo de formulário de contato ao seu site em poucos minutos. Ele vem com todos os recursos e campos necessários para permitir uma interação perfeita com seu site. Deve-se notar que os formulários de contato são um recurso da versão Pro do Elementor.

Isso significa que você precisa atualizar para o Elementor Pro para criar formulários. Agora que estabelecemos esse fato, vejamos as etapas simples para criar seu formulário de contato usando o Elementor.

Guia passo a passo para usar o Elementor para criar um formulário de contato

Você pode adicionar formulários de contato ao seu site por meio de dois métodos. Existe o método pago, que requer a instalação dos widgets Elementor e Elementor Pro. Há também o método gratuito, que requer a instalação de um plug-in de terceiros. Vamos nos concentrar no Elementor Pro neste guia.

Etapa um: encontre o widget de formulário de contato do Elementor na infinidade de widgets disponíveis na sua página do Elementor. Clique para abrir a página que você deseja incluir no formulário de contato.

Com a opção de arrastar e soltar, você pode adicionar widgets facilmente em uma página no Elementor, mas esta postagem analisa o processo abrangente de criação de um formulário de contato com o widget de formulário de contato no Elementor Pro.

Etapa dois: o formulário de contato do Elementor vem com campos pré-preenchidos para áreas básicas, como Nome, E-mail e Mensagem. A próxima etapa é personalizar o formulário padrão para se adequar ao que você deseja. Para fazer isso, navegue até a seção Conteúdo nas configurações do formulário e adicione “Campo do formulário.

Para o Nome do formulário, dê-lhe um título. Em seguida, clique nos campos do formulário. Aqui, você pode adicionar quantos campos desejar. Você pode duplicar e excluir à medida que cria os campos.

Você encontrará várias opções de campo que você pode usar, incluindo Text, Email, URL, Checkbox, Textarea, Tel, Select, Radio, Acceptance, Number, HTML, Hidden, Password, Honeypot, reCAPTCHA e reCAPTCHA V3, entre outros .

Você pode brincar com os recursos para ver o que funciona e o que você pode adicionar ao seu formulário de contato. A guia Avançado permite explorar mais opções para personalizar seu formulário. Confira isso também para ver se você vai gostar dos recursos inerentes a ele.

Terceiro passo: Personalize e crie seu botão Enviar com base no que você deseja. Ele tem diferentes campos que você pode ajustar e personalizar para se adequar a você, incluindo Tamanho, Largura da Coluna, Texto do Botão, ID do Botão, Ícone e Alinhamento. Explore esses recursos para adicionar estilo e elegância ao seu formulário de contato.

Etapa quatro: configurar o menu "Ações após o envio" Normalmente, quando um usuário envia um formulário em seu site, você deseja que os visitantes do site tenham algum tipo de feedback ou resposta para mostrar que o formulário foi enviado. Isso não é automático. Você precisa configurar a seção “Ações após o envio” para obter o que precisa.

Clique na seção “Ações após o envio” em seu formulário e clique no campo “Adicionar ação”. Você verá diferentes opções, como Webhook de e-mail, Discord, Popup, ActiveCampaign, GetResponse e Slack, entre outros. Selecione qualquer uma das opções para adicionar ações após o envio.

Por exemplo, se você escolher a ação Email, o formulário de contato adicionará uma guia para Email. Você pode configurar um e-mail para ser enviado a um usuário que lhe enviou um e-mail por meio de seu formulário de contato. Preencha as opções e defina as condições para personalizar a ação do formulário.

Deve-se notar que o Elementor oferece inúmeras opções de ações que você pode explorar. Então, novamente, você pode considerar outros serviços de terceiros para torná-lo mais simples. Alguns dos serviços de terceiros que você pode explorar incluem Hubspot, Mailchimp, Drip, Convertkit e Slack, entre outros. Todas essas são integrações embutidas no Elementor, facilitando o acesso e o uso.

Etapa Cinco: Esta etapa permite que você personalize sua mensagem para os usuários quando algo acontece quando eles preenchem um formulário. Por exemplo, quando eles enviam um formulário com sucesso ou há um erro, eles devem receber uma mensagem.

Para configurar isso, clique em “Opções Adicionais” e escolha Sim ou Não para “Mensagens Personalizadas”. Edite as quatro mensagens padrão para o que você deseja que seus usuários vejam. Essas mensagens são Mensagem de sucesso, Mensagem de erro, Mensagem obrigatória e Mensagem inválida.

Etapa seis: estilize e personalize seu formulário de contato Elementor para torná-lo único e não chato. O Elementor oferece opções de estilo personalizadas que você pode usar. Para fazer isso, clique na guia "Estilo" e revise as opções e configurações disponíveis. Você pode usar qualquer um deles para alterar o estilo completo do formulário de contato.

Etapa 7: você configurou com sucesso seu formulário de contato do Elementor e o próximo e último estágio é publicá-lo. Para fazer isso, clique no botão “Atualizar” localizado na parte inferior do formulário.

Isso publicará seu formulário e tornará a página ativa e acessível para os visitantes do seu site. Você pode começar a coletar dados e leads de assinantes do seu site.

Conclusão

O tipo de formulário de contato que você deseja criar determinará os recursos que você usará no Elementor. No entanto, este post forneceu o básico de como criar um formulário usando esta ferramenta. Como mencionado, você só pode acessar o recurso Formulário de contato na versão Pro do Elementor. Custa cerca de US $ 49 para comprar uma versão pro da ferramenta. Os recursos disponíveis valem cada centavo que você paga por ele.