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?
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:
- Formulários de registro
- Formulários de solicitação de emprego
- Formulários de contato detalhados
- Pesquisas com perguntas de múltipla escolha
- Formulários de pedidos 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 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.
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).
Você notará que o status mudará para Active (Ativo ) em uma cor verde, em vez de vermelho para inativo.
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.
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.
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.
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).
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.
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.
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.
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.
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.
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).
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ê 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.