Como Criar um Formulário de Contacto Gratuito com Elementor (Da Forma Fácil)

Quer criar um formulário de contacto Elementor gratuito?

Um formulário de contacto é vital para todos os tipos de websites. Ao incluir campos apropriados no seu formulário, pode recolher as informações exatas de que necessita dos seus leads, garantindo uma comunicação eficaz.

Neste tutorial, vou mostrar-lhe a melhor forma de adicionar um formulário de contato à sua página Elementor gratuitamente. Esta opção funciona muito bem com todas as versões do Elementor e é completamente 'sem código'!

Como Criar um Formulário de Contacto Elementor Gratuito

O Elementor facilita o design de uma página de contactos, mas não lhe dará um formulário de contacto funcional gratuitamente por si só. Irá combiná-lo com um plugin de formulários gratuito para gerir o formulário em si, e toda a configuração demora cerca de cinco minutos do início ao fim.

A razão pela qual precisa de um segundo plugin deve-se ao custo. O widget de formulário integrado do Elementor está bloqueado atrás do Elementor Pro, a versão paga, e o Elementor gratuito não inclui um formulário de contacto de todo.

Portanto, em vez de atualizar apenas para recolher mensagens, adicionará uma gratuitamente com o WPForms, que funciona com todas as versões do Elementor. Se quiser a análise completa, aqui está como o Elementor Forms se compara ao WPForms.

Passo 1: Instalar e Ativar o WPForms

Para adicionar um formulário de contactos ao Elementor gratuitamente, irá combiná-lo com um plugin de formulários, e o WPForms é aquele que eu escolho sempre.

É o construtor de formulários mais fácil para iniciantes no WordPress, e o construtor de arrastar e soltar faz sentido no momento em que o abre.

O que mais gosto é que a versão gratuita WPForms Lite é mais do que suficiente para um formulário de contactos. A integração do WPForms com o Elementor permite-lhe depois colocar qualquer formulário que crie diretamente numa página do Elementor.

A primeira coisa que vai querer fazer é instalar o plugin WPForms. Para fazer isto, abra o seu painel do WordPress e navegue para Plugins » Adicionar Novo.

Agora, procure por WPForms e clique em Instalar quando o encontrar. A instalação levará apenas alguns segundos.

Depois de feito, o botão Instalar agora mostrará Ativar. Pressione Ativar para terminar de configurar o WPForms no seu site. É assim tão simples!

Ótimo! O WPForms está agora pronto a usar no seu site. Antes de criar o seu primeiro formulário, vamos instalar o Elementor.

Experimente o WPForms Gratuitamente

Passo 2: Obtenha o Plugin WordPress Elementor

Pode instalar o Elementor seguindo exatamente os mesmos passos destacados acima. Simplesmente vá para Plugins » Adicionar Novo, procure por Elementor e instale-o.

Com as instalações concluídas, pode agora prosseguir e criar o seu formulário de contacto, como mostramos no próximo passo.

Passo 3: Crie o seu Formulário de Contacto Elementor

Pode começar imediatamente a criar o seu formulário de contacto navegando para WPForms » Adicionar Novo.

Isto carregará o construtor WPForm em poucos segundos. Comece por nomear o seu formulário para que possa identificá-lo facilmente se mais tarde precisar de fazer alguma edição.

Desloque-se um pouco para baixo e verá os modelos de formulário. Se estiver a usar o WPForms Lite, terá dezenas de modelos gratuitos para escolher.

Mais tarde, pode atualizar para o Pro para aceder a mais de 2.100 modelos de formulários WordPress para apoio ao cliente, marketing e várias outras categorias.

Como precisamos de um formulário de contacto, o Modelo de Formulário de Contacto Simples gratuito é ideal para os nossos propósitos neste post.

Pode procurar este modelo na caixa de pesquisa e clicar no botão Usar Modelo quando ele aparecer no seu ecrã.

Depois de ter escolhido um modelo, o construtor WPForms abrirá. A interface de utilizador do WPForms foi concebida para ser super fácil de usar por qualquer pessoa.

À esquerda, pode ver todos os campos que estão disponíveis para adicionar ao seu formulário de contacto. À direita, pode ver uma pré-visualização em tempo real do seu formulário.

Se quiser personalizar o modelo, basta arrastar qualquer campo do formulário do painel esquerdo para o formulário à direita.

Pode adicionar listas pendentes e perguntas de escolha múltipla e também arrastar campos para cima e para baixo para os reorganizar no seu formulário.

Se quiser abrir as definições do campo, clique no campo uma vez no construtor. As definições aparecerão ao lado da pré-visualização do formulário no painel esquerdo.

Prossiga e clique em cada campo para o configurar como desejar. Quando terminar, clique em Guardar no topo.

A criar um formulário de inscrição em vez disso? Temos um tutorial separado para criar um formulário de inscrição personalizado no Elementor.

Existem todo o tipo de conveniências que pode desfrutar com o WPForms. Por exemplo, pode até usá-lo como uma porta de entrada para ligar Formulários Elementor com o Google Sheets!

Passo 4: Configure o E-mail e a Mensagem de Confirmação do Formulário

Agora vamos verificar as mensagens que serão enviadas quando o formulário for submetido. No construtor de formulários, clique em Definições e, em seguida, clique no item de menu Notificações à esquerda.

À direita, pode ver o e-mail de notificação que lhe será enviado quando o seu formulário for submetido. Pode personalizar o e-mail aqui, se desejar.

Reparou que o e-mail será enviado para {admin_email}? Isso é um marcador para o endereço de e-mail do Administrador no WordPress.

Pode eliminar {admin_email} e digitar o seu endereço de e-mail comercial aqui, ou alterar o endereço de e-mail do administrador no WordPress se estiver incorreto.

Em seguida, clique em Confirmações. Nesta tela, podemos personalizar a mensagem que aparece no front-end quando o formulário é submetido.

Isto é opcional, pelo que pode simplesmente deixar a mensagem padrão se estiver satisfeito com ela.

E é tudo! É hora de clicar no botão Guardar no topo. Pode fechar o construtor de formulários clicando no X no canto superior direito da janela do construtor de formulários.

Ótimo trabalho! O seu formulário Elementor está pronto e só precisamos de o publicar para o tornar ativo e começar a recolher informações.

Passo 5: Crie a sua página de Contactos no Elementor

Nesta etapa, construiremos uma página personalizada de Contacto Us utilizando o Elementor. No painel do WordPress, clique em Páginas e, em seguida, prima o botão Adicionar Nova.

Prossiga e digite o título da sua página no topo. Depois disso, clique no botão azul Editar com Elementor.

Isto irá iniciar a interface do construtor de páginas do Elementor, onde pode adicionar um formulário de contacto e personalizar outros elementos da página.

Espere alguns segundos para o Elementor carregar no seu navegador. À esquerda, verá diferentes elementos que pode adicionar à sua página.

Procure na secção Básica para encontrar o bloco WPForms, que pode usar para adicionar o formulário que criou anteriormente.

Prossiga e arraste e solte o bloco WPForms na sua página, depois clique na lista pendente para selecionar o formulário que acabou de criar.

Assim que selecionar o formulário, ele aparecerá na página. Ótimo trabalho! E terminámos de usar o construtor de formulários. Tudo o que precisamos de fazer agora é publicar a página de Contacto.

Passo 6: Estilize e Publique a sua página de Contactos no Elementor

Publicar a página de contacto é muito fácil com o Elementor. Mas sabia que também pode estilizar o seu formulário usando as opções do bloco WPForms do Elementor?

Para fazer isso, clique na área em torno do formulário incorporado na sua página para abrir as opções de bloco no painel esquerdo. Em seguida, clique na aba Estilo.

Sob esta aba, você verá os muitos Temas fornecidos que têm a imagem de fundo, cores e outras opções de estilo prontas para você.

Ou, você pode usar as opções abaixo dela para alterar manualmente os estilos do seu campo, rótulo ou botão.

Por exemplo, usámos as definições de Estilos de Botão para aumentar o tamanho, o raio da borda e a cor do botão em apenas alguns cliques.

Você pode acessar opções ainda mais avançadas clicando na aba Avançado. Isso inclui configurações para layouts de formulário, efeitos de movimento, fundos de página e muito mais.

Quando terminar de personalizar os estilos do formulário, é hora de publicar seu formulário. Simplesmente clique no botão Publicar na barra de ferramentas inferior.

Finalmente, clique em Dar uma Olhada para ver seu formulário de contato no seu site. E é isso! Sua página de contato do Elementor está ativa e pronta para receber respostas.

Crie o seu formulário de contactos gratuito no Elementor

Torne o seu formulário de contactos do Elementor à prova de spam

Um formulário de contactos público atrairá spam mais cedo ou mais tarde, pelo que bloqueá-lo antes que os bots o encontrem poupa-lhe uma limpeza mais tarde. A boa notícia é que cada formulário WPForms vem com proteção contra spam integrada ativada por defeito.

Isto inclui um honeypot anti-spam oculto que apanha bots básicos sem fazer com que os seus visitantes resolvam um puzzle irritante. Se o seu formulário começar a receber mais spam do que a proteção padrão consegue lidar, pode adicionar outra camada.

O WPForms também suporta um token anti-spam moderno, reCAPTCHA, hCaptcha e Cloudflare Turnstile nos seus planos pagos, para que possa escolher o método que se adequa ao seu público.

Essa proteção desde o primeiro dia é uma grande razão para escolher o WPForms aqui. Um formulário de contactos é um dos alvos mais fáceis no seu site para bots, e o honeypot lida silenciosamente com a maioria deles em segundo plano.

Especificamente para utilizadores do Elementor, veja como bloquear spam nos seus formulários Elementor com Akismet.

Perguntas Frequentes sobre a Criação de um Formulário de Contato Elementor

Os formulários de contacto do Elementor aparecem com frequência nos nossos comentários e pedidos de suporte. Aqui ficam as respostas às perguntas que os leitores mais fazem.

O Elementor tem um formulário de contacto?

Sim, mas apenas na versão paga. O bloco de formulários do Elementor faz parte do Elementor Pro, pelo que o plugin gratuito, por si só, não lhe permitirá criar um formulário de contacto.

A boa notícia é que pode adicionar um gratuitamente usando o bloco WPForms em vez disso. Terá de ter o WPForms e o Elementor instalados para aceder ao bloco WPForms ao editar a sua página no Elementor.

Como adiciono um formulário de contacto no Elementor gratuitamente?

Para adicionar um formulário de contacto usando a versão gratuita do Elementor, integre um plugin como o WPForms. Primeiro, instale e ative o plugin WPForms a partir do seu painel WordPress. Após ativado, crie um formulário usando o construtor WPForms, depois arraste o bloco WPForms para a sua página Elementor e selecione o seu formulário.

Como crio um formulário no Elementor?

Criar um formulário no Elementor pode ser facilmente feito com o plugin WPForms. Instale o WPForms a partir da sua secção de plugins WordPress e ative-o. Depois use a interface de arrastar e soltar do WPForms para construir o seu formulário antes de o adicionar a qualquer página Elementor.

Como crio um formulário de contato personalizado no Elementor?

O WPForms é uma ótima opção para criar um formulário de contacto personalizado no Elementor devido à sua flexibilidade e facilidade de uso. Após instalar e ativar o WPForms, abra o plugin e selecione Adicionar Novo para criar o seu formulário personalizado.

Personalize o seu formulário adicionando ou removendo campos de acordo com as suas necessidades. Assim que terminar, guarde o formulário. No Elementor, adicione o bloco WPForms na página onde deseja o formulário, selecione o seu formulário e publique a página.

Corrigir E-mails de Notificação do Formulário de Contato Elementor

Está a ter problemas em receber envios de formulários de contato do Elementor por e-mail? É fácil corrigir este problema para que receba sempre as suas notificações por e-mail. Consulte este guia para corrigir formulários de contato do Elementor que não enviam e-mail.

E se quiser saber mais sobre construtores de formulários adicionais para o Elementor, consulte este artigo sobre plugins de formulário de contato que funcionam bem com o Elementor para melhorar o envolvimento do utilizador nos formulários e, eventualmente, a sua geração de leads.

Obtenha o WPForms Gratuitamente

Pronto para construir o seu formulário? Comece hoje com o plugin construtor de formulários WordPress mais fácil. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de devolução do dinheiro em 14 dias.

Se este artigo o ajudou, por favor siga-nos no Facebook e Twitter para mais tutoriais e guias gratuitos do WordPress.