Latest SeedProd News

Tutoriais, Dicas e Recursos do WordPress para Ajudar a Crescer Seu Negócio

como criar um typeform

Como Criar um Formulário Estilo Typeform no WordPress (Passo a Passo) 

Written By: avatar do autor Stacey Corrin
avatar do autor Stacey Corrin
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.
    
Reviewed By: avatar do revisor Turner John
avatar do revisor Turner John
John Turner is the co-founder of SeedProd. He has over 20+ years of business and development experience and his plugins have been downloaded over 25 million times.

Quer aprender como criar um formulário estilo Typeform no WordPress sem tocar em uma única linha de código?

Eu construí dezenas de formulários conversacionais para meus próprios sites e, neste guia, mostrarei como criar sua própria alternativa ao Typeform usando o WPForms.

Você terminará com um belo formulário de uma pergunta por vez que se parece com o Typeform, mas funciona perfeitamente dentro do WordPress sem códigos de incorporação ou contas externas.

Passos rápidos para criar um Typeform no WordPress:

Qual é a Melhor Alternativa ao Typeform para WordPress?

WPForms melhor plugin de formulário do WordPress

A melhor alternativa ao Typeform para WordPress é o WPForms. O WPForms é um plugin construtor de formulários que oferece recursos poderosos que tornam a criação de formulários para WordPress super fácil. É um dos plugins de formulário mais fáceis de usar e ideal para iniciantes.

Melhor ainda, o WPForms permite que você crie formulários diretamente no WordPress para que possa publicá-los sem sair do seu site. E os modelos de formulário prontos ajudam você a criar qualquer tipo de formulário com apenas alguns cliques.

Além disso, o WPForms inclui um construtor de arrastar e soltar, lógica condicional e formulários conversacionais. Assim, você pode criar sua própria alternativa ao Typeform diretamente no WordPress.

Para este guia, usaremos o plano WPForms Pro, que inclui todos os recursos avançados que você precisa para criar um formulário como o Typeform. A versão gratuita não oferece as opções de formulário conversacional de que precisamos.

Por que não conferir esta análise do WPForms detalhada para todos os detalhes?

Criação de Formulários Web Estilo Typeform no WordPress

Construir um formulário semelhante ao Typeform é útil quando você deseja ter um tom mais amigável em suas pesquisas. Preencher um formulário como este é quase como ter uma conversa com um amigo. Isso torna o usuário mais propenso a continuar respondendo às suas perguntas.

Além disso, os formulários conversacionais reduzem o comprimento da sua página da web mostrando as perguntas uma de cada vez. Isso mantém os usuários engajados e felizes em continuar.

Eles também são úteis quando você deseja criar formulários mais longos que geralmente entediam os usuários, como:

  • Formulários de registro
  • Formulários de candidatura de emprego
  • Formulários de contato detalhados
  • Pesquisas de múltipla escolha
  • Formulários de pedido e muito mais.
  • Formulários de upload de arquivos

E como você pode adicionar um toque criativo aos formulários do tipo conversacional, isso pode ajudar a reduzir o abandono de formulários.

Vamos aprender como criar um formulário do Typeform para WordPress.

Passo 1: Instale o WPForms para Criar um Formulário Estilo Typeform no WordPress

Para começar, adquira uma cópia do WPForms e instale e ative o plugin. Para obter ajuda sobre como instalar um plugin do WordPress, confira este guia passo a passo.

Após ativar o plugin, vá para WPForms » Configurações e adicione sua chave de licença.

Você pode encontrar sua chave de licença na área da sua conta WForms após fazer login.

Verificar chave de licença do WPForms

Adicione sua licença e clique no botão Verificar Chave.

Passo 2: Ative o Addon de Formulários Conversacionais do WPForms

Após verificar sua chave de licença, você precisará ativar o Complemento de Formulários Conversacionais para WPForms.

Para fazer isso, vá para WPForms » Complementos e localize a opção de formulários conversacionais. Em seguida, clique em Instalar Complemento.

Instale o Addon de Formulários Conversacionais para aprender como criar um typeform

Você notará que o status mudará para Ativo em verde, em vez de vermelho para inativo.

Status ativo do Addon de Formulários Conversacionais

Com este complemento, você pode criar formulários no estilo Typeform do WordPress do zero, além de transformar formulários existentes em formulários conversacionais.

E como estamos criando um formulário de pesquisa neste tutorial, você também precisará seguir o mesmo processo para instalar e ativar o Complemento de Pesquisas e Enquetes para usar os recursos avançados de pesquisa.

Ativar o Addon de Pesquisas e Enquetes

Passo 3: Crie um Novo Formulário de Pesquisa Conversacional como o Typeform

Embora os formulários conversacionais sejam ótimos para formulários web mais longos, manteremos as coisas simples mostrando como criar um formulário de pesquisa no estilo Typeform.

Para criar um novo formulário de pesquisa, vá para WPForms » Adicionar Novo. A página a seguir exibe uma ampla variedade de modelos de formulário que você pode usar para lançar rapidamente um novo tipo de formulário.

Criar um Formulário de Pesquisa usando um modelo

Em seguida, com o prático construtor de formulários de arrastar e soltar, você pode reorganizar campos de formulário e outros elementos como desejar.

Novo construtor de formulários de pesquisa de arrastar e soltar

Depois de criar seu formulário, vá para a página de configurações para configurar as opções do formulário.

Passo 4: Personalize as Configurações e o Design do Formulário Conversacional

Para habilitar o recurso de formulários conversacionais, visite Configurações » Formulários Conversacionais. Em seguida, selecione a caixa de seleção intitulada Habilitar Modo de Formulários Conversacionais.

Ativar Modo de Formulário Conversacional

Após isso, você verá uma série de configurações que permitem adicionar um título, mensagem, logotipo e até mesmo um esquema de cores à sua página de formulário.

Mas isso não é tudo. Você pode até transformar um formulário normal em uma página de destino que inclui um formulário conversacional.

Primeiro, dê um título ao seu formulário. Mantenha-o curto e descritivo para prender a atenção do usuário.

Adicionar um Título ao Formulário Conversacional

Em seguida, adicione uma mensagem personalizada que os usuários verão antes de começar. Use este espaço para estimular os leitores e dar a eles um motivo para continuar.

Adicionar uma mensagem ao seu formulário WordPress estilo Typeform

Após isso, você verá a configuração do Link Permanente. Por padrão, o Complemento de Formulários Conversacionais gera automaticamente um link permanente com base no nome que você deu à sua pesquisa no início. Mas você pode alterá-lo facilmente inserindo o seu próprio.

Mantenha seu link permanente curto para facilitar a memorização.

Definir o Link Permanente para o seu formulário WordPress conversacional

O próximo passo é carregar seu logotipo. Isso mantém seu formulário consistente com sua marca.

Para iniciar o upload do arquivo de logotipo, clique em Carregar Imagem e localize o arquivo de logotipo em seu computador ou biblioteca de mídia.

Envie um novo logotipo para o formulário da sua pesquisa

Você também pode selecionar a caixa de seleção Ocultar Marca WPForms para ocultar menções ao WPForms na página do formulário ativo.

E se você quiser manter a consistência da marca, use a seção Esquema de Cores para escolher as cores da sua página. A ferramenta conta-gotas é útil para escolher a cor exata usada em todo o seu site.

Escolha seu próprio esquema de cores para o formulário

A configuração final da Barra de Progresso permite que você escolha se a barra de progresso será exibida como uma porcentagem ou proporção para a conclusão do formulário.

Passo 5: Salve e Publique seu Formulário Estilo Typeform no WordPress

Quando você tiver configurado suas definições, role até o topo do editor de formulários e clique em Visualizar Formulário Conversacional. E se você estiver satisfeito com a aparência de tudo, clique em Salvar.

Visualize e salve seu formulário no estilo typeform

Seu formulário agora está pronto para ser preenchido. Simplesmente direcione as pessoas para o link permanente que você criou anteriormente, e elas poderão começar.

Você criou um typeform no WordPress usando uma alternativa.

Você pode até compartilhar o link permanente nas redes sociais para alcançar um público maior. Basta copiar e colar seu link permanente em uma postagem em sua rede social desejada.

Perguntas Frequentes Sobre a Criação de um Formulário Estilo Typeform no WordPress

Can I use Typeform directly in WordPress without code?
You can embed a Typeform by pasting an embed code, but that requires leaving WordPress. Using WPForms lets you build Typeform-style conversational forms directly inside WordPress with no code.
Can I create multi-step surveys like Typeform in WPForms?
Yes. WPForms supports multi-page forms and one-question-at-a-time formats that replicate the Typeform experience.
Do I need the WPForms Pro plan to create conversational forms?
Yes. The free version of WPForms does not include the Conversational Forms addon, so you’ll need the Pro plan to access this feature.
Can I customize the design of my conversational form?
Yes. You can change the color scheme, add your logo, and edit the welcome message and progress bar so the form matches your brand.

Agora você sabe como criar um formulário no estilo Typeform no WordPress sem copiar códigos de incorporação ou usar ferramentas externas. Com o WPForms, você pode criar formulários conversacionais totalmente personalizados que mantêm as pessoas engajadas e ajudam você a coletar melhores respostas.

Se você também deseja controle total sobre as páginas onde seus formulários aparecem, experimente criá-los com o SeedProd. É a maneira mais fácil de projetar páginas de destino personalizadas no WordPress que convertem, e funciona perfeitamente com o WPForms.

Para mais ajuda com seus formulários, você pode gostar dos meus outros guias:

Obrigado por ler! Adoraríamos saber sua opinião, então sinta-se à vontade para participar da conversa no YouTubeXFacebook para mais conselhos e conteúdo úteis para expandir seus negócios.

avatar do autor
Stacey Corrin Content Marketing Specialist
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Nós apenas recomendamos produtos que acreditamos que agregarão valor aos nossos leitores.

[weglot_switcher]