Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como criar formulários de conversação no WordPress (alternativa ao Typeform)

Em nossa experiência, formulários fáceis de usar que parecem mais humanos podem aumentar as taxas de conclusão de formulários do WordPress. Mas o uso de um formulário de contato tradicional, em que todas as perguntas são apresentadas de uma só vez, pode dificultar o alcance dessa meta.

É nesse ponto que os formulários de conversação podem ser de grande ajuda.

Os formulários de conversação usam uma abordagem de uma pergunta por vez. Esses formulários simulam uma conversa natural, cara a cara, o que torna o processo mais interativo e menos cansativo.

Neste guia, mostraremos a você como criar um formulário de conversação no WordPress. Abordaremos tudo, desde a seleção do plug-in de formulário correto até a personalização do formulário para combinar com o estilo do seu site.

How to Create Conversational Forms in WordPress

O melhor plug-in de formulário de conversação para WordPress (alternativa ao Typeform)

Antes, era difícil criar formulários de conversação em um site do WordPress porque não havia uma boa solução voltada para o WordPress.

Vários aplicativos SaaS ofereciam esse recurso, sendo o Typeform o mais popular. No entanto, ele tinha e ainda tem várias desvantagens:

  • O Typeform é uma ferramenta SAAS (software como serviço) que armazena os dados do formulário em seus servidores. Isso significa que você está confiando a segurança de seus dados a outra pessoa.
  • O Typeform é caro para pequenas empresas. Seus planos premium começam em US$ 25/usuário/mês e, se você precisar de mais recursos, pagará até US$ 83/mês.

Além disso, embora o Typeform ofereça um plano gratuito, ele é muito limitado. Por isso, pedimos à nossa equipe da WPForms que criasse uma alternativa ao Typeform para WordPress.

OConversational Forms da WPForms permite que você crie formulários interativos para WordPress sem os altos custos do Typeform.

Com esse complemento, você pode transformar qualquer formulário em um formulário de conversação em menos de 90 segundos. Ao contrário do Typeform, o WPForms é um plug-in de WordPress de código aberto, o que significa que todos os dados do formulário são armazenados em seu site, e não em um aplicativo de terceiros.

Além disso, o WPForms é mais econômico do que o Typeform. O plano anual custa US$ 199,50 e vem com formulários e pesquisas ilimitados e vários outros recursos avançados, inclusive o Conversational Forms Addon.

Vamos dar uma olhada em como criar facilmente um formulário de conversação no seu site WordPress.

Divulgação: O WPForms foi criado pela mesma equipe por trás do WPBeginner. É um de nossos plug-ins premium para WordPress.

Tutorial em vídeo

Subscribe to WPBeginner

Se você preferir instruções escritas, continue lendo.

Criando formulários de conversação no WordPress

A primeira coisa que você precisa fazer é instalar e ativar o plug-in WPForms.

O WPForms é o melhor plug-in de formulário do WordPress e é usado por mais de 6 milhões de sites. Ele também é o criador de formulários mais fácil de usar do mercado, graças ao seu editor de arrastar e soltar e a uma vasta biblioteca de mais de 2.000 modelos de formulários.

Observação: Você precisará de pelo menos o plano “Pro” para acessar o complemento Conversational Forms. Como leitor do WPBeginner, você pode obter 50% de desconto em todas as licenças do WPForms usando nosso cupom WPForms.

Para obter instruções detalhadas, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Após a ativação, você precisará visitar a página WPForms ” Configurações para verificar sua chave de licença. Você pode encontrar essas informações na área da sua conta no site do WPForms.

WPForms license key field

Em seguida, você deve acessar WPForms ” Addons e localizar o addon Conversational Forms.

Os formulários de conversação são úteis para reduzir o abandono de formulários. A interatividade e a abordagem de conversa face a face levam a uma taxa mais alta de preenchimento de formulários.

Isso é altamente eficaz nos seguintes tipos de formulários:

Esses formulários geralmente são mais longos e incluem mais campos. Se você exibir todas essas perguntas de uma vez, os usuários poderão se sentir sobrecarregados e abandonar o formulário.

Os formulários de conversação corrigem isso pedindo aos usuários que respondam a uma pergunta de cada vez. Em vez de um formulário longo e tedioso, eles parecem mais interativos e mantêm os usuários envolvidos.

Para instalar esse complemento, fique à vontade para explorar a página “Complementos” para localizar o complemento ou use a barra de pesquisa para encontrá-lo rapidamente. Depois de encontrá-lo, basta clicar no botão “Install Addon”.

Install Conversational Forms Addon by WPForms

Em seguida, o WPForms instalará e ativará o complemento Conversational Form em alguns segundos.

Quando você vir o status do complemento como “Ativo”, poderá começar a usá-lo. Você pode ativar formulários de conversação para qualquer formulário novo ou existente criado com o WPForms.

WPForms Conversational Forms addon active

Neste exemplo, mostraremos como criar um formulário de pesquisa de conversação.

Primeiro, vamos criar um formulário de pesquisa normal. Você pode fazer isso clicando em WPForms ” Add New (Adicionar novo ) na área de administração do WordPress. Em seguida, você pode escolher um modelo entre as opções disponíveis.

Para obter mais detalhes, consulte nosso guia passo a passo sobre como criar uma pesquisa no WordPress.

WPForms survey templates

É fácil criar um formulário com o WPForms usando sua interface simples de arrastar e soltar. Você pode arrastar os campos do formulário do lado esquerdo para o editor de formulários do lado direito.

Veja como é um exemplo de formulário de pesquisa do WPForms:

Editing Survey Form with WPForms

Depois de adicionar as perguntas do questionário, você pode ir para a guia Configurações ” Formulários de conversação no painel esquerdo.

Para ativar esse recurso, basta ativar o botão “Enable Conversational Form Mode” (Ativar modo de formulário de conversação).

Enable Conversational Form Mode in WPForms

Depois disso, você verá as configurações do formulário de conversação e as opções de personalização.

Essas opções permitem que você crie uma página de destino de formulário de conversação atraente com sua mensagem personalizada, logotipo, esquema de cores e barra de progresso.

WPForms' Conversational Form customization options

Agora, vamos tentar personalizar o complemento.

Na parte superior, você verá o campo “Conversational Form Title” (Título do formulário de conversação). Nesse campo, você pode inserir um título descritivo curto para seu formulário.

Por exemplo, “Por favor, responda à nossa pesquisa!”.

WPForms Conversational Form Title

Se, depois de fazer alterações, você quiser visualizar o formulário, poderá fazer isso facilmente.

Basta clicar no botão azul “Preview Conversational Form” (Visualizar formulário de conversação) à direita dos formulários de conversação.

Preview button for Conversational Forms WordPress

Em seguida, você pode rolar para baixo até o campo “Message” (Mensagem).

Aqui, você pode adicionar uma mensagem curta para incentivar seus usuários a preencher o formulário.

Conversational Form Landing Page Message

Ao rolar a tela do editor para baixo, você verá o campo “Permalink”.

Um permalink é um URL exclusivo para sua página de destino de formulário de conversação. O plug-in o cria automaticamente para cada formulário de conversação usando seu título. Mas fique à vontade para alterá-lo, se desejar.

Conversational Form Page Permalink Option

Ao configurar um permalink, certifique-se de que ele seja curto e simples. Você pode querer usar esse URL em suas campanhas de e-mail ou publicações em mídias sociais.

A próxima etapa na personalização de sua página de formulário de conversação é adicionar um logotipo de cabeçalho. Para isso, basta clicar no botão “Upload Image” (Carregar imagem) e selecionar uma imagem para carregar.

Upload Header Image in Conversational Form Landing Page

Abaixo disso, você verá uma opção de caixa de seleção para ocultar a marca WPForms em seu formulário do WordPress.

Vá em frente e marque a caixa ao lado de “Hide WPForms Branding” se não quiser exibir uma mensagem “powered by WPForms” na página de destino do formulário.

Se desejar, você também pode visualizar como a marca aparecerá clicando no botão azul “Preview Conversational Form” (Visualizar formulário de conversa) no canto superior direito. Em seguida, você pode decidir se deseja incluí-la ou não.

WPForms Branding in Conversational Form Landing page

Depois disso, há uma opção “Color Scheme” (Esquema de cores) para personalizar o botão “Submit” (Enviar) do formulário e o plano de fundo da página.

Você pode usar uma das cores predefinidas ou escolher uma nova cor usando o seletor de cores.

Choose a Color Scheme for Your Conversational Form Page

Por fim, há a opção “Progress Bar” (Barra de progresso). Você pode escolher entre dois estilos: “Porcentagem” e “Proporção”.

Se quiser ver a aparência de cada estilo de barra de progresso, você poderá selecionar os estilos um a um e visualizar o formulário.

Por exemplo, esta é a aparência de uma barra de progresso percentual:

Conversational Forms Progress Bar Styles - Percentage

Agora, vamos mudar para o estilo “Proporção”.

Veja o que pode parecer em sua forma de conversação:

Conversational Forms Progress Bar Styles - Proportion

Depois de definir todas as configurações do formulário de conversação, você pode visualizá-lo para ver como ele fica em um site ativo.

Se tudo estiver certo, clique no botão “Save” (Salvar) na parte superior para armazenar seu progresso.

Save Conversational Form Landing Page Options

É isso aí!

Agora, se você abrir o permalink do formulário de conversação no navegador, poderá vê-lo em ação.

Esta é a aparência de nossa página de formulário de pesquisa de conversação:

Conversational Form Landing Page Preview

Agora que sua página de destino de formulário de conversação está pronta, você pode adicionar o link ao menu de navegação do WordPress e usá-lo em suas campanhas de e-mail, atualizações de mídia social ou publicações de blog.

Esperamos que este artigo tenha ajudado você a aprender como criar formulários de conversação facilmente no WordPress. Talvez você também queira dar uma olhada em nosso guia sobre como criar formulários mais interativos para aumentar as conversões e como rastrear as conversões de formulários no WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

10 ComentáriosDeixe uma resposta

  1. Kathy Rowland

    Saving this helpful info for later! Great step-by-step tutorial.

    • WPBeginner Support

      Thank you, glad you found it helpful :)

      Administrador

  2. Becky Antkowiak, beckyantkowiak.com

    I’m in the very beginning stages of forming a nonprofit; there’s not a free plugin that does this, is there?
    Also, just as an FYI, in another article, I didn’t see a comment option, but it refers to CSS Hero plugin–I couldn’t find that plugin in WP. Not sure if I’m doing something wrong.

  3. Bram

    Looks amazing but does it have logic jumps like typeform?

    • WPBeginner Support

      If you mean conditional logic you can set that up with WPForms but for questions about what is offered by the plugin, you would want to reach out to the plugin’s support :)

      Administrador

  4. Kleber

    I like WPForm, but it doesnt have “calculator” function, so I cant switch Typeform for it :-(

    • WPBeginner Support

      Thanks for the feedback, that is something WPForms can look to add as a feature in the future.

      Administrador

    • WPBeginner Support

      Thank you :)

      Administrador

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.