Elementor Forms: Como criar um formulário de contato Elementor

Publicados: 2022-06-07

O Elementor é um dos construtores de páginas mais populares, com altas funcionalidades e vastos recursos. Mas pode surpreendê-lo que eles não tenham um construtor de formulários multifuncional em seu painel. O que o Elementor Form oferece é muito simples e direto. Se você quiser usar opções mais avançadas, como aceitar pagamentos ou realizar pesquisas, ainda precisará de um plug-in de criação de formulários dedicado. Além disso, para gerenciar envios de formulários, você precisa instalar um plug-in adicional para gerenciar suas entradas com o Elementor. Neste artigo, vamos aprender como fazer o melhor Formulário de Contato Elementor e gerenciar dados com o mesmo plugin.

Fluent Forms é o construtor de formulários mais amigável para iniciantes. Baixe agora e comece a criar lindas formas GRÁTIS!!!

Como criar um formulário Elementor

Mostraremos dois métodos de criação de um formulário de contato Elementor para ajudá-lo a escolher conforme sua necessidade.

Crie um formulário de contato com o Elementor Pro
Melhor maneira de criar um formulário de contato Elementor (de graça)

Crie um formulário de contato com o Elementor Pro

Se você quiser criar um formulário com o Elementor, precisará comprar o Elementor pro. Com a licença pro, você pode acessar o widget de formulário e criar seu formulário dentro do construtor de páginas Elementor. Você também terá acesso a um número enorme de modelos de formulário. Além disso, você terá vários recursos interessantes que podem transformar seu site.

Etapas de criação de um formulário de contato com Elementor –

1. Adicionando o formulário Elementor à sua página

Para adicionar um formulário à página, você precisa abrir uma página ou adicionar uma nova e clicar em editar com Elementor. Agora procure por Formulários na barra de widgets do lado esquerdo. Se você não tiver a licença pro, não poderá aproveitar esse recurso.

Agora arraste e solte o widget na página em que deseja criar seu formulário Elementor. Você verá um formulário de contato básico na sua página.

2. Adicionando campos diferentes ao seu formulário Elementor

Você pode ver que o formulário Elementor tem vários recursos em sua manga. Você só precisa explorar e criar seus formulários desejados em minutos. Agora, que tal você precisar de campos e opções diferentes, em vez dos pré-preenchidos. Você pode adicionar mais de 18 campos aos seus formulários Elementor e estes são –

Texto
E-mail
Área de texto
URL
Telefone
Rádio
Selecionar
Caixa de seleção
Aceitação
Número
Encontro
Tempo
Upload de arquivo
Senha
HTML
Escondido
reCAPTCHA
Pote de mel

Esse é um bom número de tipos de campo para jogar. Você pode criar diferentes formulários com este construtor de formulários. Agora você precisa personalizar as configurações e projetar seu formulário para torná-lo atraente.

3. Configurando o envio do formulário

Após o envio do formulário, você pode configurar o diretório de e-mail e os dados que deseja obter do envio do formulário. Isso não é ciência de foguetes. Você pode configurar todas as opções como –

Para
Sujeito
Mensagem
Do email
De nome
Responder a
CC
BCC

Todas as opções para enviar um e-mail.

4. Projete seu Formulário Elementor

Há um punhado de opções para projetar seu formulário. Desde a alteração da largura das colunas até a alteração da cor de fundo do seu formulário, desde a configuração do espaço reservado até a alteração da tipografia, você pode fazer o que quiser com seu formulário.

Vá para a opção Estilo para dar uma aparência única ao seu formulário.

Por que o formulário Elementor não é suficiente para você

Em primeiro lugar, você não pode aproveitar todas as opções de um plug-in de construtor de formulário normal nos formulários Elementor. No entanto, oferece apenas o básico. Se você tentar criar formulários diferentes e analisar os dados, precisará de outro construtor de formulários em sua pilha de tecnologia do WordPress.

Em segundo lugar, não há recursos internos para gerenciar envios. Você precisa instalar outro plugin para fazer isso. O que não é um passo ideal para o seu site. Você precisa escolher um plug-in de criação de formulários que ofereça vários campos, funcionalidades e integrações, além de um serviço de gerenciamento de dados para analisar seus leads.

Em terceiro lugar, o Elementor vem com um widget de código de acesso que ajuda a integrar qualquer plugin do WordPress que tenha uma opção de código de acesso. Embora você possa usar o widget de código de acesso do Elementor para adicionar seus formulários, você não pode personalizar o seu formulário usando o Elementor. É por isso que você precisa escolher um construtor de formulários que possa ser editado no layout Elementor, pois eles oferecem complementos essenciais para isso.

Melhor maneira de criar um formulário de contato Elementor (de graça)

Os formulários são um dos principais componentes de qualquer site. Desde a captura de leads até a realização de pesquisas, desde o recebimento de pagamentos até a realização de questionários, um construtor de formulários moderno deve ter essas opções em seu pacote.

Além disso, você deve poder personalizar o formulário no layout do Elementor para dar uma aparência vibrante e atraente. Muitos construtores de formulários têm o recurso de código de acesso, mas você não pode editá-los sem o pacote Elementor.

O Fluent Forms oferece total flexibilidade para editar e personalizar seus formulários no construtor de páginas Elementor. O widget Formulários do Elementor inclui várias opções para alterar a cor e a tipografia de cada campo do seu formulário. Você pode estilizar o conteúdo geral do texto do formulário conforme sua escolha.

Você pode escolher a cor da fonte, tamanho, tipo e muitas outras opções para o formulário do seu site que combinam perfeitamente com a aparência do seu site.
Você pode ter acesso a opções de tipografia para cada conteúdo de texto do formulário.
As opções de cores para todos os campos do formulário também estão disponíveis.
Além disso, opções específicas de cor e tipografia para rótulos de formulário, mensagens de erro e mensagens de sucesso

Você também pode acessar todos esses recursos principais do Fluent Forms –

Mais de 50 campos de entrada e mais de 70 modelos pré-criados para brincar
Endereço de preenchimento automático e preenchimento automático de arrastar e soltar
Proteção contra spam multicamadas
Visualização e análise de dados conforme a necessidade
Upload de arquivos e gerenciamento de dados
Formulários de conversação
Módulo de teste
Lógica condicional
Recurso de página de destino

Agora que você conhece os benefícios de usar o Fluent Forms, vamos criar o Elementor Contact Forms em um instante.

Como adicionar um formulário de contato Elementor

A maneira mais simples de configurar um formulário de contato Elementor é com o Fluent Forms. Você não precisa instalar diferentes complementos separadamente, como outros construtores de formulários, nem precisa personalizar o formulário fora do Elementor.

Aqui estão as etapas para criar formulários de contato Elementor com formulários fluentes

Instale e ative o Fluent Forms Pro

A instalação do Fluent Form é semelhante à instalação de qualquer outro plugin do WordPress. Você pode instalá-lo e ativá-lo no painel do WordPress ou baixá-lo do WordPress.org, se desejar.

Para instalar a partir do painel do WordPress, vá ao Painel de administração do WordPress e clique em Plugins → Adicionar novo. Agora, procure por Fluent Forms, clique em Instalar e, em seguida, Ative o plug-in.

Para baixar do WordPress.org, clique neste link do Fluent Forms e faça o download. Agora vá para o painel de administração do WordPress e clique na opção Adicionar novo a partir de plugins. Agora carregue o arquivo .zip e procure por Fluent Forms na lista de seus plugins instalados, clique em Ativar.

Embora o Fluent Forms tenha um número enorme de campos e funcionalidades na versão gratuita, você precisa atualizar para a versão pro para acessar todos os recursos do Fluent Forms. Veja os recursos do Fluent Forms Pro vs. Free aqui.

A atualização para a versão Pro é bastante simples, clique no link para saber como atualizar para o Fluent Forms Pro.

Faça um formulário de contato Elementor

Com o Fluent Forms, você cria formas bonitas e criativas em poucos minutos. Para criar um formulário de contato Elementot, acesse o painel do WordPress e passe o mouse sobre Fluent Forms do lado esquerdo. Clique na opção Novo formulário.

Uma nova página aparecerá, clique em New Blank Form e você será redirecionado para a interface do editor de formulários.

Adicione campos conforme sua escolha para criar um formulário de contato para seu site. Adicionamos a opção Nome, E-mail, Assunto e Sua Mensagem para nosso formulário de contato simples do Elementor.

A personalização como permanecer e posicionar o rótulo é muito simples no Fluent Forms. Você também pode configurar a lógica condicional para seus campos para criar um formulário mais avançado. Mas como estamos simplificando, não precisamos de outros campos para preencher o formulário. Formulários longos podem ser esmagadores para os usuários, você pode usar o formulário de várias etapas ou o formulário de conversação para evitar o abandono do formulário.

Agora salve o formulário e copie o shortcode. Você pode usar o recurso de código de acesso do Fluent Forms que funciona com todos os construtores de páginas disponíveis, incluindo Elementor, Oxygen, Divi, Visual Composer e assim por diante. E esse recurso oferece suporte direto ao widget Elementor em seu formulário, para usar um plug-in a menos.

Personalize os formulários como quiser e poderá acessar inúmeras opções do Elemetor. Do alinhamento do texto de entrada ao redimensionamento e reformulação dos campos de entrada, da adição de cores de fundo clássicas e gradientes à alteração da tipografia. Você pode fazer o que quiser com seus formulários Elementor.

Pensamentos finais

Não importa se você usa formulários para diversão ou negócios, um formulário bonito e bem polido sempre atrai as pessoas. O construtor de páginas Elementor vem com tudo, menos um construtor de formulário nativo multifuncional. Com o Fluent Forms, você pode ter tudo e criar o contato Elementor desejado.

Além disso, você pode publicar seu formulário em uma página diferente ou dentro de um blog, onde quiser. Experimente alguns layouts e designs diferentes, experimente diferentes opções de campo e crie seus formulários Elementor conforme sua escolha. Esperamos que este artigo tenha lhe dado a direção para criar um formulário de contato Elementor para o seu site WordPress.

Obtenha o Fluent Forms Pro

Se você tiver alguma dúvida, comente abaixo. Deixe-nos saber como podemos melhorar nosso plugin e siga-nos em nossas plataformas de mídia social.