Como estilizar e personalizar o formulário de contato Elementor

Com Elementor, criar formulários de contato é mais fácil do que nunca. Tudo que você precisa é arrastar e soltar alguns widgets, personalizando as configurações conforme sua necessidade, e pronto.

No entanto, personalizar ou estilizar um formulário de contato Elementor de maneira eficaz pode mudar muito a aparência de seus formulários de contato. Um formulário de contato simples e fácil de entender sempre obterá mais respostas do que formulários obscuros e confusos. É por isso que o formulário personalizado Elementor é tão importante.

Você pode simplesmente criar, estilizar e personalizar o Elementor. No entanto, neste artigo, você aprenderá como personalizar um formulário de contato elementor com o construtor de formulários MetForm.

Por que você deve usar um formulário de contato Elementor

Aumentar a taxa de conversão
Quando um usuário encontra uma forma de manter contato com você e tirar dúvidas relevantes sobre os produtos ou serviços que você oferece, a possibilidade de conversão aumenta muito. Também diminui a taxa de rejeição. 

Obter feedback: Um formulário de contato personalizado Elementor pode ser uma excelente maneira de ouvir os usuários do seu site. Se você deseja melhorar seu serviço ou enriquecer a experiência do usuário, considere adicionar um formulário de feedback ao seu site.

Acompanhe as consultas: Quando qualquer visitante do seu site lhe envia uma consulta por meio de um formulário de contato personalizado do WordPress, ela vai para um e-mail que você forneceu ou para a lista de entradas do painel do WordPress. Isso ajuda você a acompanhar as consultas facilmente. 

Filtrar Spam: Um formulário de contato Elementor irá salvá-lo de spammers. Se você postar seu endereço de e-mail em seu site, há uma chance de receber inúmeras mensagens de spam.
Como resultado, você pode não encontrar as mensagens importantes quando precisar delas. Um formulário de contato no Elementor com recurso de proteção contra spam só entregará mensagens de pessoas reais, não de bots ou spammers. 

Uso múltiplo: Você pode aproveitar um formulário de contato por vários motivos. Seja para receber feedback, candidaturas a empregos, consultas de vendas ou solicitações de suporte, um formulário de contato é tudo que você precisa em seu site. 

O que você precisa para criar um formulário personalizado Elementor?

Você só precisa de dois plug-ins em seu site WordPress para começar a criar formulários de contato Elementor:

1. Construtor de páginas Elementor
2. Construtor de formulários MetForm

Neste guia prático, orientarei você sobre como criar um formulário de contato Elementor usando o construtor de páginas Elementor e MetForm.

MetForm, que é um plugin de formulário de contato personalizado, tem uma versão profissional e uma versão gratuita. Embora a versão gratuita tenha todos os recursos básicos necessários para criar um formulário de contato Elementor, a versão profissional permitirá que você explore alguns campos e recursos avançados. Além disso, você dificilmente encontrará esses recursos avançados em qualquer outro formulário de contato Elementor gratuito ou profissional, por exemplo Elementor Contact Form 7, wpfroms, Ninja Forms, etc.

Quando se trata do Elementor, você pode usar o Elementor Pro ou a versão gratuita. 

 Sem mais delongas, vamos em frente:

Instale o plug-in de formulário de contato personalizado MetForm

Se você tiver o Elementor instalado, tudo o que você precisa é instalar o construtor de formulários MetForm em seu site WordPress. É um plugin freemium de criação de formulários WordPress que apresenta as funcionalidades básicas e avançadas de um construtor de formulários padrão. Este é o processo de instalação do MetForm: 

1. No painel de administração do WordPress, vá para Plug-ins ➜ Adicionar novo 
2. Procurar "MeFormulário”No campo de plug-ins de pesquisa no canto superior direito.
3. Encontre MetForm no resultado pesquisado e clique em “instale agora” 
4. Ativar MetForm.

Crie e personalize o formulário de contato Elementor do zero

Agora que você tem tudo que precisa para criar formulários de contato personalizados em WordPress com Elementor, vamos em frente e criar um formulário de contato do zero.

Passo 1

Crie uma página de formulário de contato Elementor acessando Páginas ➜ Adicionar novo. Dê ao formulário um título adequado e clique em “Editar com Elementor”. 

Passo 2

No campo de pesquisa do widget Elementor, pesquise MetForm. Arraste e solte na área de conteúdo do Elementor. 

Etapa 3

À esquerda, clique em “Editar formulário”. 

Se você estiver criando um formulário pela primeira vez ou quiser criar um formulário completamente novo, clique em “Novo“. 

Se você salvou o 'de' que você criou anteriormente, você pode editá-los clicando em “Selecione o formulário“. 

Passo 4

Para começar a criar um formulário do zero, basta clicar no modelo de formulário de contato em branco. Se você optar por usar a biblioteca de modelos de formulário de contato pré-fabricados oferecida pelo MetForm, poderá escolher qualquer formulário da lista de modelos de formulário.

Como começaremos do zero, vamos prosseguir com o modelo em branco do formulário de contato.

Etapa 5

Agora, você verá uma janela pop-up com a área de conteúdo e a área de widgets do Elementor.

A área do widget Elementor consiste em todos os widgets do MetForm e Elementor. 

Para começar a fazer o formulário, adicione novas seções da área de conteúdo do Elementor de acordo com os requisitos do formulário que você vai criar.

Etapa 6

Arraste e solte os widgets necessários para dar forma ao seu formulário. 

Como estilizar e personalizar elementos do formulário de contato Elementor

Agora que você arrastou e soltou todos os widgets necessários em seu formulário elementor, você pode editá-los como desejar. 

Para personalizar qualquer campo ou botão do formulário, basta clique no botão ou campo da área de conteúdo Elementor. 

Você pode fazer alterações no conteúdo e no estilo dos campos do formulário. Além disso, você também pode explorar a guia avançada para adicionar mais funcionalidades. Quando terminar, publique a página do formulário de contato. 

Personalizando todo o formulário de contato no Elementor

Se seu objetivo é personalizar todo o formulário que você está criando, explore as configurações de formulário que o MetForm vem com. 

Debaixo de Configurações Gerais, há opções para personalizar as seguintes configurações principais de um formulário: 

1. Título do formulário
2. Mensagem de sucesso 
3. Login obrigatório (Sim/Não)
4. Capturar dados do navegador do usuário (Sim/Não)
5. Ocultar formulário após envio (Sim/Não)
6. Armazenar entradas de formulário no banco de dados (Sim/Não)
7. Título da entrada
8. Limitar total de entradas (definir o número)
9. Contar visualizações (sim/não)
10. Parar a rolagem vertical (ativar/desativar)
11. Redirecionar para (para onde os usuários serão redirecionados após o envio do formulário)

Envie um e-mail de confirmação aos usuários com uma cópia do envio

Se você deseja enviar um e-mail de confirmação para as pessoas que preencheram o formulário de contato personalizado do WordPress, acesse Formulário do MetForm Configurações ➜ Confirmação Aba. Alternar "E-mail de confirmação para o usuário”para Sim e preencha os seguintes campos: 

1. Assunto do email
2. E-mail de
3. Resposta por e-mail para
4. mensagem de agradecimento

Como notificar o administrador sobre o envio de um novo formulário? 

Quando um novo formulário de contato é enviado, ele geralmente é salvo no banco de dados de entradas do MetForm (se habilitado nas configurações gerais). 

No entanto, se quiser ser notificado sobre novos envios, você também pode personalizar isso na página Guia Notificação das configurações de formulário do MetForm. A guia de notificação vem com os seguintes campos: 

1. E-mail de notificação para administrador (alternar sobre)
2. Assunto do email
3. Email para
4. E-mail de
5. Resposta por e-mail para
6. Nota do administrador

Quais campos de formulário você deve usar em seu formulário de contato Elementor?

Diferentes tipos de formulários requerem diferentes campos de formulário. Se você estiver criando um formulário de contato simples no Elementor, apenas alguns widgets simples, como texto, e-mail, telefone, captcha e widgets de botão de envio, são suficientes para você. 

Por outro lado, se você deseja criar formulários como formulário de admissão, formulário de evento, formulário de reserva, etc., pode ser necessário usar campos de formulário diferentes e personalizá-los de acordo. 

Para facilitar o processo de escolha dos campos de formulário certos, o MetForm oferece dezenas de modelos para criar uma ampla variedade de tipos de formulário, como formulário de registro, Formulário de pesquisa WordPress, formulário de reserva etc. Verifique o modelos de formulário de demonstração aqui. Nesta lista, você também encontrará modelos de formulário de contato Elementor gratuitos para criar formulários de contato em poucos segundos.

Como incorporar os formulários de contato personalizados Elementor em qualquer página? 

Se você não deseja criar uma página para o seu formulário de contato Elementor, em vez disso, incorpore o formulário em qualquer página, o MetForm também permite que você faça isso. 

MetForm cria códigos de acesso individuais para todos os formulários que você cria. Além disso, você também terá códigos de acesso personalizados para formulários de contato no MetForm. Para encontrar o código de acesso de um formulário de contato específico que você criou, vá para Painel de administração do WordPress ➜ MetForm ➜ Formulários.

Lá você encontrará códigos de acesso de qualquer formato. Basta copiar o shortcode e colá-lo na página onde deseja incorporar o formulário de contato personalizado do WordPress. Bingo! 

Integrações que você pode usar para o formulário de contato Elementor

Se você usar MetForm, poderá integrar a API REST para enviar dados para API de terceiros. Fora isso, você pode integrar o formulário com Mailchimp, Google Sheet, MailPoet, Aweber, ConvertKit, GetResponse, ActiveCampaign, Zapier e Slack.

Defina se os usuários precisam se registrar/fazer login para preencher um formulário

Normalmente, qualquer pessoa pode preencher um formulário criado por você, a menos que você decida permitir que apenas usuários registrados ou logados o preencham. 

Portanto, se você deseja que apenas usuários logados preencham o formulário, habilite o sistema de login. 

Por outro lado, você também pode permitir que os usuários se registrem e preencham o formulário. 

Para habilitar o login e cadastro do usuário, acesse Configurações do formulário e clique na aba Autenticação. Você terá a opção de ativar e desativar o login e registro do usuário para seu formulário elementor.

Como adicionar métodos de pagamento a um formulário criado com Elementor? 

Se você estiver usando MetForm para criar seu formulário de contato Elementor, vá para o Configurações de formulários e depois clique no Pagamento aba. 

Aqui você encontrará métodos de pagamento como PayPal e Listra que você pode usar para receber pagamentos de seus clientes. Você deve configurá-los manualmente e depois alternar a forma de pagamento SOBRE para os formulários com os quais deseja receber pagamentos. 

Como integrar sistemas CRM aos formulários de contato Elementor?

Você pode integrar seu formulário de contato elementor com Contato Hubspot, Formulários Hubspot, Contato Zoho, e Escoteiro de ajuda. 

O que todos vocês precisam fazer é integrar os CRMs de sua preferência, habilitando-os e configurando-os a partir do CRM aba.

Como converter envios de formulário de contato em postagem

É um dos melhores recursos do MetForm. MetForm permite converter os envios de formulários em postagens individuais. Basta acessar as configurações do formulário e clicar na guia “Postar”. Ative o Formulário para Postagem e faça as configurações necessárias. Isso é tão simples quanto isso.

Palavras Finais

Agora você conhece dezenas de maneiras de criar um formulário Elementor ou formulário personalizado Elementor. Tudo que você precisa é do construtor de páginas Elementor e do construtor de formulários MetForm. Então, não espere mais. Comece a fazer seus formulários de contato personalizados Elementor e personalize-os como quiser. E por último mas não menos importante, você também pode criar uma página de contato completa usando MetForm. 

Se você tiver alguma dúvida ou dúvida, sinta-se à vontade para nos informar através da caixa de comentários.