Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

Como criar uma forma de tipo

Como criar um formulário no estilo Typeform no WordPress (passo a passo) 

Escrito por: imagem do autor Stacey Corrin
imagem do autor Stacey Corrin
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.
     Avaliado por: John Turner
imagem do revisor John Turner
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

Você quer saber como criar um formulário no estilo Typeform no WordPress?

O Typeform é uma ferramenta on-line popular que permite que você crie formulários de conversação. E você pode incorporar esses formulários em qualquer site de uma forma que combine com sua marca. Mas o Typeform não oferece uma maneira de adicionar formulários ao WordPress sem precisar copiar e colar trechos de código. 

Por isso, neste artigo, mostraremos como criar um formulário no estilo Typeform no WordPress usando um plugin. Nenhum código é necessário!

Qual é a melhor alternativa para o Typeform WordPress?

O WPForms é a melhor alternativa ao Typeform para WordPress

A melhor alternativa ao Typeform para WordPress é o WPForms. O WPForms é um plug-in de criação de formulários com recursos avançados que facilitam muito a criação de formulários para o WordPress. É um dos plug-ins de formulário mais fáceis de usar e ideal para iniciantes.

Melhor ainda, o WPForms permite criar formulários diretamente no WordPress para que você possa publicá-los sem sair do site. E os modelos de formulários 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 de conversação. 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 de que você precisa para criar um formulário como o Typeform. A versão gratuita não oferece as opções de formulário de conversação de que precisamos.

Por que não dar uma olhada nesta análise detalhada do WPForms para obter todos os detalhes?

Criação de formulários da Web no estilo Typeform no WordPress

A criação de um formulário semelhante ao Typeform é útil quando você deseja ter um tom mais amigável em suas pesquisas. Preencher um formulário como esse é quase como ter uma conversa com um amigo. Isso aumenta a probabilidade de o usuário continuar a responder às suas perguntas.

Além disso, os formulários de conversação reduzem o tamanho da sua página da Web, mostrando as perguntas uma de cada vez. Isso mantém os usuários envolvidos e felizes em continuar.

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

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

Vamos aprender a criar um formulário Typeform WordPress.

Etapa 1: Instale um plug-in de formulários de conversação para WordPress

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

Depois de ativar o plug-in, vá para WPForms " Settings e adicione sua chave de licença.

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

Verificar a chave de licença do WPForms

Adicione sua licença e clique no botão Verify Key (Verificar chave ).

Etapa 2: Ativar o complemento WPForms Conversational Forms

Depois de verificar sua chave de licença, você precisará ativar o complemento Conversational Forms para WPForms.

Para fazer isso, acesse WPForms " Addons e localize a opção de formulários de conversação. Em seguida, clique em Install Addon (Instalar complemento).

Instale o Conversational Forms Addon para saber como criar um formulário

Você notará que o status mudará para Active (Ativo ) em uma cor verde, em vez de vermelho para inativo.

Status ativo do complemento Conversational Forms

Com esse complemento, você pode criar formulários do WordPress no estilo Typeform do zero, bem como transformar formulários existentes em formulários de conversação.

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

Ativar o complemento Surveys and Polls (Pesquisas e enquetes)

Etapa 3: Criar um novo formulário do WordPress

Embora os formulários de conversação sejam ótimos para formulários da 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 grande variedade de modelos de formulário que você pode usar para iniciar 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 do tipo arrastar e soltar, você pode reorganizar os campos do formulário e outros elementos a seu gosto.

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

Depois de criar o formulário, vá até a página de configurações para definir as configurações do formulário.

Etapa 4: Configurar as definições do formulário de conversação

Para ativar o recurso de formulários de conversação, acesse Configurações " Formulários de conversação. Em seguida, marque a caixa de seleção intitulada Enable Conversational Forms Mode (Ativar modo de formulários de conversação).

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

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

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

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 de formulário de conversação

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

Adicione uma mensagem ao seu formulário WordPress no estilo Typeform

Depois disso, você verá a configuração para o Permalink. Por padrão, o Conversational Forms Addon gera automaticamente um permalink com base no nome que você deu à sua pesquisa no início. Mas você pode alterar isso facilmente inserindo o seu próprio.

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

Defina o Permalink para seu formulário conversacional do Wordpress

A próxima etapa é fazer o upload de seu logotipo. Isso mantém o formulário consistente com sua marca.

Para iniciar o upload do arquivo do logotipo, clique em Upload Image e localize o arquivo do logotipo no seu computador ou na biblioteca de mídia.

Carregue um novo logotipo para seu formulário de pesquisa

Você também pode marcar a caixa de seleção Hide WPForms Branding (Ocultar marca do WPForms ) para ocultar menções ao WPForms na página do formulário ativo.

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

Escolha seu próprio esquema de cores de 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 o preenchimento do formulário.

Etapa 5: Salvar e publicar seu formulário on-line

Depois de definir suas configurações, role até a parte superior do editor de formulários e clique em Preview Conversational Form (Visualizar formulário de conversação). E se você estiver satisfeito com a aparência, clique em Save (Salvar).

Visualize e salve seu formulário no estilo typeform

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

Você criou uma forma de tipo no WordPress usando uma alternativa.

Você pode até mesmo compartilhar o link permanente nas mídias sociais para atingir um público mais amplo. Basta copiar e colar o permalink em uma postagem na rede social desejada.

E é isso!

Agora você já sabe como criar um formulário no estilo Typeform no WordPress, tudo isso sem precisar criar uma conta no Typeform ou copiar e colar trechos de código. Tudo o que você precisa é de um dos melhores plug-ins do WordPress. E se estiver interessado em mais plug-ins de pesquisa para WordPress, confira nosso mostruário.

Esperamos que este guia tenha sido útil e, para saber mais sobre como criar outros tipos de formulário, confira este tutorial para criar um formulário de pedido on-line para o WordPress. Ou, se quiser saber como criar um formulário de registro de evento no WordPress, dê uma olhada neste guia.

E para obter mais conteúdo útil como este, siga-nos no Twitter e no Facebook.

avatar do autor
Stacey Corrin Escritor
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.

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