Crie formulários incríveis usando o widget de formulário Elementor

Os formulários de contato são uma parte essencial dos negócios online. Funciona como uma ponte para conectar o comprador e o vendedor. Os formulários de contato são igualmente benéficos para uma loja de comércio eletrônico on-line ou mesmo para o seu blog. Quais os possíveis benefícios que você pode obter usando os formulários de contato? Neste artigo, discutiremos esses benefícios.

Como impulsionar seu negócio / site usando formulários de contato?

1. Melhore seus erros usando as avaliações dos leitores

Depois de instalar o formulário de contato em seu site, os visitantes começarão a se comunicar com você usando o formulário de contato. Eles podem apontar seus erros, dar novas ideias ou dar feedback sobre os recursos de seus produtos. É uma maneira fácil de descobrir o que as pessoas procuram especificamente em seu produto.

2. Proteja seu e-mail filtrando spam

Se você instalou o formulário de contato em seu site, não precisará colocar o ID do email em outro lugar. Dessa forma, os spammers não conseguem encontrar seu endereço de email para atacar.

3. Formulário de contato para fins múltiplos

Os formulários de contato podem ser usados ​​de várias maneiras; pode ser usado para feedback, solicitação de suporte de propostas comerciais ou solicitações de vendas.

4. Melhore sua taxa de conversão

Quando o cliente entrar em contato com você por meio de formulários de contato, provavelmente será convertido após comunicações efetivas. Portanto, há grandes chances de melhorar suas taxas de conversão.

Por que usar o widget Elementor Forms para criar formulários de contato?

Elementor é de longe um dos mais populares plugin criação de páginas disponíveis para WordPress. Ele vem com um elemento de widget de formulários que permite criar facilmente diferentes tipos de formulários para seu blog ou site.

Aqui está uma olhada em alguns dos prós e contras de usar o widget Elementor Forms para dar uma ideia do que ele tem a oferecer:

Prós: Principais recursos

  • Toneladas de opções poderosas para ajudá-lo a personalizar o layout, o espaçamento e a estrutura de seus formulários.
  • Obtenha controle total do design para estilizar os elementos do seu formulário com diferentes cores e tipografia para combinar com sua marca e a estética geral do site.
  • Mais de 10 campos incluindo nomes, e-mail, número de telefone, data, hora, campo de senha e muito mais. Isso permite que você colete facilmente diferentes tipos de dados de seus leitores / visitantes.
  • Espaço dedicado para armazenar e gerenciar todos os dados de envio de formulários. Opção de editar, excluir e filtrar os dados e até exportá-los.
  • Suporte para formulários de várias etapas. Divida um formulário longo em vários segmentos para que os usuários não fiquem sobrecarregados.
  • Integre seu formulário de contato com mais de 30 serviços poderosos de automação de marketing.

Contras

  • O suporte ao cliente demora a responder.
  • Você pode encontrar dificuldades após atualizar a versão mais recente, portanto, faça um backup do seu site antes de atualizar o plugin cada vez.
  • Não disponível com a versão Elementor Free. Você precisa obter a versão Pro para acessar os widgets de formulários.

Preços do widget Elementor Forms

O widget de formulário de contato Elementor vem com a versão Elementor Pro e você terá que comprar o pacote completo para o seu site. A licença de site único vem com mais de 90 widgets profissionais junto com um widget de formulário de contato por US$ 49/ano.

Como criar um formulário de contato usando o Elementor

Agora que você tem uma ideia básica do que o Elementor Form Widget tem a oferecer, vamos ver um passo a passo rápido sobre como usá-lo para criar um formulário de contato para o seu site.

Etapa 1: adicione o widget de contato Elementor à sua página

Vá para a página onde deseja colocar o formulário de contato. Pode ser sua página inicial, Sobre nós ou uma página de contato dedicada para esse assunto.

Depois de selecionar a página, clique em Editar com Elementor na barra de ferramentas superior para alternar o construtor de páginas Elementor.

Isso abrirá o construtor Elementor com uma lista de todos os widgets Elementor na barra lateral esquerda.

Agora arraste o widget de formulário Elementor para a página e veja como ele ficará na sua página.

Etapa 2: como criar os campos do formulário

O formulário básico consiste em alguns campos principais; tal como

  • Nome
  • Endereço de e-mail
  • mensagem

Mas você também pode criar muitos outros campos personalizados para restringir as perguntas de qualificação dos clientes. Também ajudará você a obter as credenciais do cliente de acordo com este orçamento.

Então, para adicionar campos personalizados, clique em "Adicionar item". 

Depois de abrir o item Adicionar novo, seu formulário de contato ficará assim.

Há uma lista enorme de tipos de campos que você pode usar. Alguns deles são os seguintes

  • Texto.
  • O email
  • Área de texto.
  • URL.
  • Tel.
  • Rádio.
  • Selecione.
  • Caixa de seleção.

Após o tipo de campo, há outro campo, "Rótulo". A opção de rótulo está visível na parte superior do tipo de campo, então selecione-a com sabedoria.

O próximo campo é "espaço reservado". O espaço reservado são os textos que aparecerão no campo antes que o usuário insira qualquer informação no campo.

A configuração Obrigatório é ativada quando um usuário falha ao enviar os campos obrigatórios. Não permitirá que o usuário envie o formulário até que os campos especificados sejam preenchidos.

A última opção é a largura da coluna; você pode alinhar os campos selecionando a largura da coluna personalizada.

Configurações da guia Avançado

O valor padrão é enviado quando nenhum outro valor é enviado. O ID do campo é armazenado para os dados do campo. O código curto pode ser usado para inserir o campo em qualquer lugar.

Etapa 3: estilize seu formulário de contato de acordo com o tema da sua marca

 Você pode usar uma opção de estilo personalizado para alterar a aparência do formulário conforme a aparência da sua marca. No editor, você pode estilizar formulário, campo, botão e mensagens. Você terá uma ampla variedade de opções para estilizar seu formulário de contato, desde espaçamento, preenchimento, cores, tamanho de campos, rótulos, entradas e botões.

(Opcional) Etapa 4: configurar as opções de envio de formulário

Ao clicar em E-mail, você verá várias opções para ação de e-mail. Se você não gosta de preencher novamente o contato, você pode simplesmente ir com os pré-preenchidos. Aqui está um breve detalhe de como o formulário de inscrição funcionará.

Para . Você pode enviar e-mails para um único destinatário ou vários destinatários de uma vez. Insira o endereço de e-mail para o qual deseja enviar o formulário.

Assunto: mencione o assunto do e-mail enviado ao cliente

Mensagem: você pode adicionar detalhes dos campos a serem enviados do seu formulário. Ou você pode usar os códigos de acesso

Do Email: este é o Email que você usará para obter os formulários enviados

Do nome: escolha um nome que você gostaria de enviar junto com o e-mail.

Responder para: por padrão, esse é o ID do administrador do site e você pode alterá-lo quando quiser.

CC : enviar e-mails para vários endereços de e-mail usando CC

BCC : mesma função do CC, você pode usar o Bcc para enviar e-mails para vários destinatários.

Depois de concluir a edição do campo, pressione o botão Enviar para enviar o formulário. Você pode optar por enviá-lo como texto sem formatação ou HTML.

(Opcional) Etapa 5: configuração de mensagens personalizadas no formulário de contato

Você pode configurar mensagens personalizadas de acordo com as ações dos clientes. Depois que o cliente preencher o formulário, ele receberá instantaneamente mensagens personalizadas com base em suas ações. Dessa forma, você terá uma abordagem mais direta e personalizada com seu cliente.

Para ativar uma mensagem personalizada, clique em "Opções adicionais" e ative "Mensagens personalizadas" em "Sim".

Você pode ver diferentes campos; como mensagens de sucesso aparecerão assim que o cliente enviar o formulário com sucesso. Uma mensagem de erro aparecerá se o cliente não enviar o formulário, e da mesma forma a mensagem obrigatória aparecerá quando os campos obrigatórios não forem preenchidos e o formulário for enviado.

Etapa final: publicar seu formulário de contato

Depois de concluir todos os procedimentos de configuração e estilo de seu formulário de contato, é hora de publicá-lo para o mundo. Basta clicar no botão atualizar e seu formulário de contato ficará visível em sua página.

Bottom Line

É super fácil criar um formulário de contato usando o widget Elementor pro . Ele vem com um construtor de formulário de contato fácil de arrastar e soltar e opções altamente personalizáveis ​​que se destacam de outros plugin no mercado. Você pode usar facilmente alterar seu estilo e esquema de cores de acordo com sua marca. Além disso, você terá muitos outros widgets bonitos, mais de 300 modelos profissionais e um pacote completo de construtor pop-up. É um construtor de páginas WordPress completo, equipado com todos os widgets e recursos necessários, portanto; você não precisa comprar nenhum outro construtor de páginas para personalizar seu site. Além disso, permite integração com mais de 30 serviços de marketing; é por isso que é um dos plugin no mercado.

Então, agora é a sua vez. Qual plugin formulário de contato é mais adequado para você? Mencione na seção de comentários.

6 ideias sobre “Criar formulários incríveis usando o widget de formulário Elementor”

  1. Ja leuk hoor, disse wist ik allemaal al.
    Wat ik wil kan ik nergens vinden.

    Ik wil de letterkleur wijzigen van de tekst no placeholder.
    Ik heb alles op donkergrijs gezet, maar op mijn site blijven de placeholderteksten lichtgroen: bijna onleesbaar voor mijn klanten.

    Ajude waar moet ik op klikken.

    PS Ik heb elementor pro

  2. Bom dia,

    Comente faire pour recevoir des pièces jointes via ce formulaire elementor en faisant en sorte que les pièces jointes soient dans le mail de réception et non to télécharger sur le server?

    Merci d'avance

    Mélanie

  3. Krásný den :),
    používám elementor pro a jejich formulář.
    Poskládala jsem si takový dotazník pro zákazníka, ale potřebovala bych některá pole skrýt s tím, že si je zákazník přes nějaké tlačítko odkryje a vyplní, když bude potřebovat. Jde para nějakým způsobem udělat? Například tam bude pole “popiš jak chceš, aby stránka vypadala” Zákazník vyplní název stránky a do toho pole “popiš jak chceš, aby stránka vypadala” napíše popis.
    Ale ten zákazník může mít více stránek, které bude chtít takhle popsat. Tak si to představuju tak, že tam bude tlačítko nebo ikona plus, na kterou když klikne, tak se objeví znovu tohle pole a bude ho moct vyplnit a tak dále. Je to možné? Nebo znáte jiný způsob, jak by se to dalo udělat? Děkuji předem za váš čas u trávení u tohoto komentáře.
    Doufám, že mi rozumíte. PS: Vůbec nevím, jestli se tu mluví česky nebo anglicky, je to pro mě trošku matoucí. Tak píšu raději é překladem. (Omlouvám se za svojí angličtinu)

    Um lindo dia :),
    eu uso o elementor for e sua forma.
    Compilei esse questionário para o cliente, mas precisaria ocultar alguns campos para que o cliente possa revelá-los e preenchê-los quando precisar. Há alguma forma de fazer isso? Por exemplo amp um campo “descreva como você quer que a página fique” O cliente preencherá o nome da página e no campo “descreva como você quer que a página fique” escreverá uma descrição. Mas o cliente pode ter mais sites que ele queira descrever assim. Então imagino que haverá um botão ou um ícone de mais, que ao ser clicado, esse campo reaparecerá e poderá preenchê-lo, e assim por diante. Possível? Ou conhece outra forma de fazer?
    Agradecemos antecipadamente pelo seu tempo em gastar este comentário.
    Eu espero que você me entenda. PS: Eu não sei se se fala tcheco ou inglês aqui, é um pouco confuso para mim. Então eu prefiro escrever com uma tradução também. (Sinto muito pelo meu inglês)

Deixe um comentário

Seu endereço de e-mail não será publicado. Os campos obrigatórios estão marcados com *