criar um formulário estilo typeforms em wordpress

Como Criar um Formulário Conversacional no WordPress (2 Formas)

Procura uma forma de criar um formulário conversacional no WordPress?

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

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

Quer incorporar um formulário conversacional numa página? Salte para o nosso tutorial sobre o suplemento Formulários de Contacto: Formulários de Contacto dá-lhe todos os benefícios dos formulários conversacionais e permite-lhe incorporar o seu formulário numa publicação ou página também!

Quais são os Benefícios de um Formulário Online Conversacional?

Existem muitos benefícios em criar formulários que imitam conversas reais:

  • Mais fáceis e rápidos de preencher, o que aumenta a conclusão dos formulários
  • Pessoal e envolvente para os utilizadores
  • Podem ser preenchidos usando apenas o teclado, o que aumenta a acessibilidade do formulário
  • A natureza interativa melhora a experiência do utilizador

Crie o Seu Formulário Conversacional Agora

Como Criar um Formulário Conversacional no WordPress

Existem 2 formas de criar um formulário conversacional utilizando diferentes suplementos WPForms.

  • Formulários Conversacionais: Este suplemento permite-lhe replicar um formulário estilo Typeform no WordPress. O seu formulário abre-se numa nova janela para uma experiência sem distrações. A principal desvantagem de um Formulário Conversacional é que não pode ser incorporado dentro de uma página existente.
  • Formulários de Contacto: Este suplemento permite-lhe criar um formulário conversacional que pode ser incorporado em qualquer publicação ou página. O suplemento formulários de contacto é ótimo se quiser gerar mais contactos, ou publicar um formulário atraente de vários passos para substituir um formulário regular.

Aqui está um exemplo de um formulário criado no suplemento Formulários de Contacto:

Exemplo de Formulário de Leads

Neste tutorial, vamos concentrar-nos em usar Formulários Conversacionais, pois dá-lhe a experiência clássica de uma alternativa ao Typeform.

Passo 1: Criar um Novo Formulário no WordPress

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

Em seguida, terá de criar um novo formulário. Pode criar qualquer número de formulários online usando WPForms e os seus mais de 2.100 modelos de formulários WordPress.

Pode adicionar campos adicionais ao seu formulário arrastando-os do painel esquerdo para o painel direito.

Personalizar um inquérito de feedback do cliente no WPForms

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

Apenas lembre-se, não importa que tipo de formulário online crie, pode dar-lhe um layout de formulário de contacto conversacional de página inteira.

Passo 2: Instalar o Suplemento Formulários Conversacionais

Assim que o seu formulário WordPress estiver pronto, terá de instalar e ativar o suplemento Formulários Conversacionais do WPForms.

Este suplemento é como poderá transformar o seu formulário WordPress recém-criado num formulário interativo.

Para fazer isto, vá a WPForms » Suplementos e encontre o rotulado Suplemento Formulários Conversacionais.

Clique em Instalar Suplemento para o instalar e ativar.

Instalação do complemento Formulários Conversacionais

O suplemento Formulários de Conversa está pronto a usar. Mas primeiro, vamos dar uma vista rápida às definições gerais do formulário que poderá querer configurar antes de criar o seu formulário de conversa sem distrações.

Passo 3: Configurar as Definições do Seu Formulário

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

Definições Gerais

Para começar, vá para Definições » Geral.

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

Aqui pode alterar coisas como o nome do seu formulário, a descrição e o texto do botão de envio.

Também pode ativar funcionalidades adicionais de prevenção de spam para manter o seu website seguro contra submissões de formulário indesejadas, adicionar etiquetas ao formulário e mais.

Notificações de Formulário

As notificações são uma ótima forma de enviar um e-mail sempre que um formulário é enviado no seu website.

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

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

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

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

Adicionalmente, se quiser manter a consistência da marca nos seus emails, pode consultar este guia sobre como adicionar um cabeçalho personalizado ao seu modelo de email.

Cabeçalho de Email Personalizado

Confirmações de Formulário

As confirmações de formulário são mensagens que são exibidas aos visitantes do site depois de estes submeterem um formulário no seu website. Informam as pessoas que o seu formulário foi processado e dão-lhe a oportunidade de lhes informar quais são os próximos passos.

Abertura das 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 é exibida depois de alguém submeter um formulário no seu website, agradecendo e informando quais são os próximos passos.
  2. Mostrar Página. Redireciona os utilizadores para outra página no seu website, como uma página de agradecimento.
  3. Ir para URL (Redirecionar). Envia os visitantes do site para um website diferente.

Se quiser exibir confirmações diferentes aos visitantes do site com base no seu comportamento, certifique-se de ler sobre como criar confirmações de formulário condicionais.

Clique em Guardar no canto superior direito do construtor de formulários assim que terminar de configurar as definições do seu formulário.

Passo 4: Configurar as Definições dos Formulários Conversacionais

Agora que tem as definições gerais do seu formulário configuradas, é hora de configurar as definições do seu formulário de conversa.

Para tal, vá a Definições » Formulários de Conversa no construtor de formulários e ative a opção Ativar Modo de Formulário de Conversa.

Ativação do Modo de Formulário Conversacional

Ao fazer isto, verá um conjunto de definições que pode personalizar para satisfazer as suas necessidades.

Título e Mensagem do Formulário

Para começar, dê um título ao seu formulário que será exibido aos visitantes do seu site. Isto é útil para informar as pessoas sobre o que é o seu formulário e que ação pretende que realizem enquanto lá estiverem.

Definição do título e mensagem do formulário para um formulário conversacional

Em seguida, pode adicionar uma mensagem curta para os visitantes do seu site verem. Isto dá-lhe a oportunidade de adicionar alguma informação adicional para que as pessoas saibam o que esperar quando preencherem o seu formulário.

Ligação permanente

Sempre que ativar o modo de formulário de conversa para o seu formulário online, o suplemento Formulários de Conversa cria automaticamente um permalink único para si.

Definição do permalink para um formulário conversacional

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

De qualquer forma, este é o URL que usará em campanhas de e-mail, links internos e até publicações em redes sociais quando quiser que as pessoas cliquem no link do seu formulário de conversa e visitem o seu site.

É super fácil de configurar, razão pela qual o WPForms é a melhor alternativa ao Typeform.

Logótipo do Cabeçalho

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

Adicionar um logótipo de cabeçalho a um formulário conversacional

Também pode remover qualquer marcação WPForms ativando a definição Ocultar Marcação WPForms.

Esquemas de Cores e Barra de Progresso

Uma das melhores coisas sobre o suplemento Formulários de Conversa do WPForms é que pode personalizar a sua página de destino de formulário interativa para ter um esquema de cores que combine com a marca da sua empresa.

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

Um formulário conversacional com um esquema de cores azul

Para lhe facilitar as coisas, demos-lhe vários esquemas de cores excelentes para escolher, que sabemos que ficarão bem, independentemente do que escolher.

Utilizar o seletor de cores para definir o esquema de cores de um formulário conversacional

Se não gostar de nenhuma das cores pré-definidas, pode sempre usar 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 quão longe estão a preencher o seu formulário.
  2. Proporção: mostra aos utilizadores quantos campos do formulário completaram, para que saibam quantas perguntas restam para responder.

Os estilos da barra de progresso para formulários conversacionais no WPForms

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

Quando tudo parecer como deseja, clique em Guardar.

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

Crie o Seu Formulário Conversacional Agora

Em seguida, Reduza o Abandono de Formulários

E é tudo! Agora sabe como criar um formulário interativo no WordPress. As pessoas que tiverem o URL único ou um link para a página de destino do seu formulário interativo poderão visualizá-lo e preenchê-lo.

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

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

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

Divulgação: O nosso conteúdo é suportado pelo leitor. Isto significa que se clicar em alguns dos nossos links, poderemos ganhar uma comissão. Veja como o WPForms é financiado, porque é importante e como pode apoiar-nos.

Equipa Editorial

A Equipa Editorial do WPForms é composta por especialistas em WordPress e especialistas em crescimento de pequenas empresas. Somos apaixonados por ajudar empreendedores e proprietários de websites a terem sucesso. Saber Mais

O Melhor Plugin Construtor de Formulários Drag and Drop para WordPress

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

4 comentários em “Como Criar um Formulário Conversacional no WordPress (2 Formas)

  1. Estou um pouco confusa. Precisava de um formulário simples para o site que estou a construir. O WP forms parecia perfeito. Criei o primeiro em poucos minutos. Preenchi-o e submeti para testar (o meu próprio email está listado como o administrador e único utilizador do site WP. Não vi onde podia inserir qualquer outro email, por isso assumi que receberia a submissão completa do formulário.) Esperava recebê-lo no meu email. NÃO ESTÁ A ACONTECER. O que me está a escapar?

  2. O formulário conversacional pode ser incorporado noutra página do meu site em vez de usar o permalink que ele cria? Quando tento incorporá-lo, ele muda para um formulário tradicional em vez do formulário conversacional semelhante ao Typeform.

    Além disso, existe alguma forma de remover a mensagem adicionada automaticamente de “Por favor, ative o JavaScript no seu navegador para completar este formulário”?

    1. Olá Bri – Atualmente não temos a funcionalidade para incorporar o Formulário Conversacional numa página normal. Concordo que seria ótimo, e vou adicioná-lo ao nosso rastreador de pedidos de funcionalidades. Entretanto, pode considerar dar uma vista de olhos ao complemento Leads Forms 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

Temos todo o gosto que tenha escolhido deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com a nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

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