criar um formulário estilo typeforms no wordpress

Como criar um formulário de conversação no WordPress (2 maneiras)

Está à procura de uma forma de criar um formulário de conversação no WordPress?

Dar aos seus utilizadores uma forma de preencher formulários como se estivessem a ter uma conversa é uma excelente forma de reduzir o abandono de formulários e aumentar as suas taxas de conclusão de formulários.

Neste artigo, vamos mostrar-lhe como criar um formulário interativo no WordPress utilizando 2 métodos diferentes.

Pretende incorporar um formulário de conversação numa página? Salte para o nosso tutorial sobre o addon Lead Forms: O Lead Forms oferece-lhe todas as vantagens dos formulários de conversação e permite-lhe também incorporar o seu formulário numa publicação ou página!

Quais são as vantagens de um formulário em linha conversacional?

Há muitas vantagens em criar formulários que imitam conversas reais:

  • Mais fácil e rápido de preencher, o que aumenta o número de formulários preenchidos
  • Pessoal e envolvente para os utilizadores
  • Pode ser preenchido apenas com um teclado, o que aumenta a acessibilidade do formulário
  • A natureza interactiva melhora a experiência do utilizador

Crie o seu formulário de conversação agora

Como criar um formulário de conversação no WordPress

Existem duas formas de criar um formulário de conversação utilizando diferentes addons WPForms.

  • Formulários de conversação: Este addon permite-lhe replicar um formulário ao estilo do Typeform no WordPress. O formulário abre numa nova janela para uma experiência sem distracções. A principal desvantagem de um formulário de conversação é que ele não pode ser incorporado numa página existente.
  • Formulários de leads: Este addon permite-lhe criar um formulário de conversação que pode ser incorporado em qualquer publicação ou página. O addon de formulários de contacto é excelente se pretender gerar mais contactos ou publicar um formulário atrativo de várias etapas para substituir um formulário normal.

Aqui está um exemplo de um formulário criado no addon Formulários de leads:

Exemplo de formulário de contacto

Neste tutorial, vamos concentrar-nos na utilização de Formulários de conversação, uma vez que lhe dá a experiência clássica de uma alternativa ao Typeform.

Passo 1: Criar um novo formulário no WordPress

A primeira coisa que precisa de fazer é instalar e ativar o plugin WPForms. Para obter mais detalhes, consulte este guia passo a passo sobre como instalar um plugin no WordPress.

De seguida, terá de criar um novo formulário. Pode criar qualquer número de formulários online utilizando o WPForms e os seus mais de 2.000 modelos de formulários WordPress.

Pode adicionar campos adicionais ao seu formulário arrastando-os do painel da esquerda para o painel da direita.

Personalizar um inquérito de feedback do cliente no WPForms

Em seguida, clique no campo para efetuar quaisquer alterações. Também pode clicar num campo de formulário e arrastá-lo para reorganizar a ordem no seu formulário online.

Lembre-se, independentemente do tipo de formulário em linha que criar, pode dar-lhe um layout de formulário de contacto conversacional de página inteira.

Passo 2: Instalar o complemento Conversational Forms

Quando o seu formulário WordPress estiver pronto, terá de instalar e ativar o addon WPForms Conversational Forms.

Este addon é a forma de transformar o seu formulário WordPress recém-criado num formulário interativo.

Para o fazer, vá a WPForms " Addons e encontre o Addon Conversational Forms.

Clique em Instalar Addon para o instalar e ativar.

Instalar o addon Conversational Forms

O addon Formulários de conversação está agora pronto a ser utilizado. Mas primeiro, vamos dar uma olhadela rápida às definições gerais do formulário que pode querer configurar antes de criar o seu formulário de conversação sem distracções.

Passo 3: Configurar as definições do formulário

Existem muitas definições a configurar depois de ter personalizado o formulário para que este tenha o aspeto que pretende.

Definições gerais

Para começar, aceda a Definições " Geral.

Aceder às definições gerais de um formulário

Aqui pode alterar coisas como o nome do formulário, a descrição e a cópia do botão de submissão.

Também pode ativar funcionalidades adicionais de prevenção de spam para manter o seu sítio Web protegido contra envios de formulários indesejados, adicionar etiquetas de formulários e muito mais.

Notificações de formulários

As notificações são uma excelente forma de enviar um e-mail sempre que um formulário é submetido no seu sítio Web.

Aceder às definições de notificações de um formulário

De facto, a menos que desactive esta funcionalidade, sempre que alguém submeter um formulário no seu sítio, receberá uma notificação sobre isso.

Para obter ajuda com este passo, consulte a nossa documentação sobre como configurar notificações de formulários no WordPress.

Se precisar de enviar mais do que uma notificação, por exemplo, para si próprio, para um membro da equipa e para o visitante do seu site, consulte o nosso tutorial passo a passo sobre como enviar várias notificações de formulário no WordPress.

Além disso, se quiser manter a consistência da marca nos seus e-mails, pode consultar este guia sobre como adicionar um cabeçalho personalizado ao seu modelo de e-mail.

Cabeçalho de correio eletrónico personalizado

Confirmações de formulários

As confirmações de formulário são mensagens que são apresentadas aos visitantes do sítio quando estes submetem um formulário no seu sítio Web. Estas mensagens informam as pessoas de que o formulário foi processado e dão-lhe a oportunidade de as informar sobre os passos seguintes.

Abrir as definições de Confirmações para um formulário de inquérito

O WPForms tem 3 tipos de confirmação:

  1. Mensagem. Uma mensagem simples que é apresentada quando alguém submete um formulário no seu sítio Web, agradecendo-lhe e informando-o dos passos seguintes.
  2. Mostrar página. Redirecionar os utilizadores para outra página do seu sítio Web, como uma página de agradecimento.
  3. Ir para URL (Redirecionar). Enviar os visitantes do site para um site diferente.

Se pretender apresentar confirmações diferentes aos visitantes do site com base no seu comportamento, não se esqueça de ler sobre como criar confirmações de formulários condicionais.

Clique em Guardar no canto superior direito do criador de formulários quando tiver terminado de configurar as definições do seu formulário.

Passo 4: Configurar as definições dos formulários de conversação

Agora que tem as definições gerais do seu formulário configuradas, está na altura de configurar as definições do formulário de conversação.

Para o fazer, vá a Definições " Formulários de conversação no criador de formulários e active a opção Ativar modo de formulário de conversação.

Ativar o modo de formulário de conversação

Quando o fizer, verá uma série de definições que pode personalizar de acordo com as suas necessidades.

Título e mensagem do formulário

Para começar, dê ao seu formulário um título que será apresentado aos visitantes do seu sítio. Isto é bom para que as pessoas saibam do que se trata o seu formulário e que ação pretende que elas tomem enquanto lá estão.

Definir o título e a mensagem do formulário para um formulário de conversação

Em seguida, pode adicionar uma mensagem curta para os visitantes do seu sítio verem. Isto dá-lhe a oportunidade de acrescentar algumas informações adicionais para que as pessoas saibam o que esperar quando preenchem o seu formulário.

Permanente

Sempre que ativar o modo de formulário de conversação para o seu formulário online, a extensão Conversational Forms cria automaticamente um permalink único para si.

Definir o permalink para um formulário de conversação

Pode alterar este permalink se quiser, ou deixá-lo como está.

De qualquer forma, este é o URL que utilizará em campanhas de correio eletrónico, ligações internas e até publicações em redes sociais quando quiser que as pessoas cliquem na ligação do seu formulário de conversação e visitem o seu sítio.

É muito fácil de configurar, e é por isso que o WPForms é a melhor alternativa ao Typeform.

Logótipo do cabeçalho

A próxima coisa que pode fazer para personalizar a página de destino do seu formulário interativo é adicionar um logótipo. Clique em Carregar imagem e escolha a imagem que pretende adicionar à página de destino do formulário.

Adicionar um logótipo de cabeçalho a um formulário de conversação

Também pode remover qualquer marca WPForms activando a definição Hide WPForms Branding (Ocultar marca WPForms ).

Esquemas de cores e barra de progresso

Uma das melhores coisas sobre o addon WPForms Conversational Forms é que você pode personalizar sua página de destino de formulário interativo para ter um esquema de cores que corresponda à marca da sua empresa.

O esquema de cores que escolher determinará a cor de fundo da página de destino do formulário e dos botões do formulário.

Um formulário de conversação com um esquema de cores azul

Para facilitar as coisas, demos-lhe vários esquemas de cores fantásticos para escolher, que sabemos que ficarão bem em qualquer situação.

Utilizar o seletor de cores para definir o esquema de cores para um formulário de conversação

Se não gostar de nenhuma das cores predefinidas, pode sempre utilizar o seletor de cores e escolher uma cor personalizada.

Também tem dois estilos de barra de progresso à escolha:

  1. Percentagem: mostra aos utilizadores, em termos de percentagem, o estado em que se encontram durante o preenchimento do formulário.
  2. Proporção: mostrar aos utilizadores quantos campos do formulário já preencheram, para que saibam quantas perguntas ainda têm de responder.

Os estilos de barra de progresso para formulários de conversação no WPForms

Depois de configurar todas as definições da sua página de destino do formulário de conversação, pode clicar no botão Pré-visualizar formulário de conversação perto do topo para ver o aspeto do seu formulário quando estiver ativo.

Quando tudo estiver como pretendido, clique em Guardar.

Agora o seu formulário está ativo e pronto para começar a aceitar envios!

Crie o seu formulário de conversação agora

Em seguida, reduzir o abandono de formulários

E pronto! Agora já sabe como criar um formulário interativo no WordPress. Agora, as pessoas que têm o URL exclusivo ou um link para a página de destino do seu formulário interativo poderão visualizá-lo e preenchê-lo.

Se está à procura de mais formas de combater o abandono de formulários, consulte este artigo sobre como reduzir o abandono de formulários e aumentar as vendas.

Então, de que está à espera? Comece a usar o mais poderoso plugin de formulários do WordPress hoje mesmo.

E não se esqueça, se gostou deste artigo, siga-nos no Facebook e no Twitter.

Divulgação: O nosso conteúdo é apoiado pelos leitores. Isso significa que se você clicar em alguns de nossos links, podemos ganhar uma comissão. Veja como o WPForms é financiado, por que isso é importante e como você pode nos apoiar.

Equipa editorial

A equipa editorial do WPForms é composta por especialistas em WordPress e especialistas em crescimento de pequenas empresas. Somos apaixonados por ajudar empresários e proprietários de sites a ter sucesso.Saiba mais

O melhor plug-in de criação de formulários de arrastar e soltar do WordPress

Fácil, rápido e seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.

Active o JavaScript no seu browser para preencher este formulário.

4 comentários sobre "Como criar um formulário de conversação no WordPress (2 maneiras)"

  1. Estou um pouco confuso. Precisava de um formulário simples para o site que estou a construir. Os formulários WP pareciam perfeitos. Criei o primeiro em alguns minutos. Preenchi-o e enviei-o para o testar (o meu próprio e-mail está listado como administrador e único utilizador no site WP. Não vi onde poderia introduzir outro e-mail, por isso presumi que receberia o formulário preenchido). Esperava recebê-lo no meu correio eletrónico. NÃO ESTÁ A ACONTECER O que é que me está a escapar?

  2. O formulário de conversação pode ser incorporado noutra página do meu sítio em vez de utilizar o permalink que cria? Quando tento incorporá-lo, muda para um formulário tradicional em vez do formulário de conversação tipo typeform.

    Além disso, existe alguma forma de remover a mensagem adicionada automaticamente "Active o JavaScript no seu browser para preencher este formulário"?

    1. Olá Bri - Atualmente, não temos a funcionalidade de incorporar o Formulário de conversação numa página normal. Concordo que isso seria ótimo e colocarei isso em nosso rastreador de solicitação de recursos. Enquanto isso, você pode considerar dar uma olhada no complemento Formulários de leads como uma solução alternativa.

      Para corrigir o erro de Javascript que está a ver, sugiro que consulte a nossa documentação aqui.

Adicionar um comentário

Ficamos satisfeitos por ter escolhido deixar um comentário. Tenha em atenção que todos os comentários são moderados de acordo com a nossa política de privacidade e que todas as hiperligações são nofollow. NÃO utilize palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Este formulário é protegido pelo Cloudflare Turnstile e aplicam-se a Política de Privacidade e os Termos de Serviço da Cloudflare.