Add-on de Formulários Conversacionais

Gostaria de criar formulários que se assemelham a uma conversa cara a cara com os seus visitantes? O complemento Formulários Conversacionais para WPForms permite não só criar páginas autónomas para quaisquer formulários novos ou existentes, mas também proporciona uma experiência única que parece mais pessoal e pode melhorar as taxas de conclusão.

Este tutorial irá mostrar-lhe como usar o complemento Formulários Conversacionais com o WPForms.

---

O Que São Formulários Conversacionais?

Os formulários conversacionais proporcionam uma experiência única para os utilizadores que parece mais pessoal, muito semelhante a uma conversa cara a cara. Algumas das principais qualidades que tornam os formulários conversacionais diferentes do seu formulário médio são:

• Experiência Guiada: Desde o momento em que um utilizador acede à página até ao momento em que envia o formulário, apenas o passo atual estará em foco. Isto ajuda a guiar os utilizadores através do formulário e proporciona uma experiência semelhante a uma conversa.
• Página Autónoma: O formulário é apresentado na sua própria página, sem distrações.
• Opções de Navegação: Na maioria dos formulários, os utilizadores clicam nos campos com o rato. Mas nos formulários conversacionais, podem preencher todo o formulário apenas com o teclado, se assim o desejarem (ou ainda podem usar o rato também).

O resultado é uma forma amigável e envolvente para os utilizadores experienciarem os seus formulários. Em muitos casos, resulta também em taxas de conclusão de formulários mais elevadas.

Instalar o Complemento de Formulários Conversacionais

Antes de começar, primeiro terá de instalar e ativar o WPForms no seu site WordPress.

Em seguida, terá de verificar a sua chave de licença. Depois, poderá rapidamente instalar e ativar o complemento Formulários Conversacionais.

Criar e Personalizar os Seus Formulários Conversacionais

Depois de instalar o complemento Formulários Conversacionais, terá de criar um novo formulário ou editar um existente.

Depois de abrir o construtor de formulários, adicione e personalize quaisquer campos que deseje incluir no seu formulário conversacional. Em seguida, vá a Definições » Formulários Conversacionais.

Aqui, marque a caixa com o rótulo Ativar Modo de Formulário Conversacional.

Depois de esta caixa ser marcada, opções adicionais aparecerão. Abordaremos cada uma destas definições em detalhe abaixo.

Pré-visualizar Formulário Conversacional

Se desejar ver como a página do seu formulário se parece em qualquer momento enquanto edita, Guarde o formulário e clique no botão azul Pré-visualizar Formulário Conversacional.

Título e Mensagem do Formulário Conversacional

Primeiro, pode adicionar um título ao seu formulário conversacional. Este aparecerá em texto grande perto do topo da página do seu formulário conversacional.

Em seguida, pode opcionalmente adicionar uma Mensagem. Esta aparecerá logo abaixo do título e é um bom local para partilhar instruções ou detalhes adicionais com os utilizadores que estão a preencher o seu formulário.

Aqui está um exemplo de como o título e a mensagem do formulário aparecem no frontend.

Ligação permanente

A ligação permanente é o URL onde os visitantes podem ver o seu formulário conversacional. Irá partilhar esta ligação com os seus utilizadores, pelo que é geralmente melhor manter este URL curto e fácil de memorizar.

Logótipo do Cabeçalho

Pode opcionalmente adicionar uma imagem ou logótipo ao cabeçalho do seu formulário. Esta imagem será exibida acima do título da página do formulário.

Depois de clicar no botão Carregar Imagem e escolher um ficheiro de imagem da sua Biblioteca de Média ou computador, será exibida uma pré-visualização do logótipo do cabeçalho.

Se desejar usar uma imagem grande, considere as recomendações de tamanho abaixo. Isto ajudará a garantir que a sua imagem tenha o melhor aspeto no frontend do seu site.

• Altura Máxima Recomendada do Logótipo: 125 píxeis
• Largura Máxima Recomendada do Logótipo: 800 píxeis

Aqui está um exemplo de como um logótipo de cabeçalho aparece no frontend.

Ocultar Marca WPForms

Por defeito, os visitantes verão um pequeno logótipo WPForms no rodapé dos seus formulários conversacionais que diz, “powered by WPForms”.

Se preferir não exibir isto, basta assinalar a caixa com o rótulo Ocultar Marca WPForms.

Esquema de Cores

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

Existem várias opções de cores predefinidas entre as quais pode escolher.

Ou pode clicar no ícone conta-gotas para escolher qualquer cor personalizada.

Barra de Progresso

No rodapé do seu formulário conversacional, os utilizadores poderão ver o seu progresso dentro do formulário. Pode escolher exibir este progresso no formato Percentagem ou Proporção.

O formato Percentagem será exibido como uma percentagem concluída, como “42% concluído”.

O formato Proporção exibirá o número de campos concluídos, bem como o número total de campos no formulário, como em “2 de 7 concluídos”.

Depois de terminar de configurar as definições do seu formulário conversacional, certifique-se de guardar o seu formulário antes de sair do construtor.

Perguntas Frequentes

Nesta secção, partilharemos detalhes sobre algumas das principais questões que recebemos sobre formulários conversacionais.

Os formulários conversacionais WPForms são como o Typeform?

Sim, o Typeform é a experiência de formulário mais semelhante aos formulários conversacionais. No entanto, os formulários conversacionais para WPForms são especificamente concebidos para uso no seu site WordPress e podem ser combinados com outras funcionalidades poderosas do WPForms.

Como navego em formulários conversacionais com um teclado?

Pode navegar em formulários conversacionais com um rato ou teclado, mas uma das suas características únicas é a opção de preencher formulários inteiramente com um teclado, se assim o desejar. Eis as teclas que pode usar para várias ações:

Teclas Gerais do Formulário

• Mover para o Próximo Campo: Tecla Enter
• Regressar ao Campo Anterior: Seta para cima
• Mover para o Subcampo Seguinte: (por exemplo, ao mover-se dos subcampos de Primeiro Nome para Último Nome) Seta para baixo ou tecla Tab
• Regressar ao Subcampo Anterior: Seta para cima ou Shift + Tab

Teclas Específicas do Campo

• Campos de Checkbox, Escolha Múltipla, Classificação e Net Promoter Score
  • Mover entre opções: Setas para a direita e para a esquerda
  • Selecionar opção: Pressione as teclas de letra ou número indicadas nas opções do campo ou mova-se para a opção desejada e pressione a tecla Enter ou Espaço
• Campo de Escala Likert
  • Selecionar opção: Pressione as teclas de letra indicadas nas opções do campo
• Campo de Lista Pendente
  • Selecionar opção: Comece a digitar para procurar e exibir opções correspondentes, ou pressione a seta para baixo para percorrer as opções disponíveis
  • Fechar menu suspenso: Tecla Escape
•  Campo de Texto de Parágrafo
  • Criar Nova Linha: Shift + Enter

Porque é que o meu formulário conversacional tem um aspeto diferente de um formulário incorporado padrão?

Os Formulários Conversacionais recebem o seu próprio conjunto especial de estilos para garantir uma experiência perfeita para os utilizadores em todos os temas do WordPress.

Porque é que o seletor de datas não aparece no meu formulário conversacional?

Os formulários conversacionais são concebidos para serem fáceis de preencher usando um teclado, pelo que o seu visitante não verá um seletor de datas no campo de data. Em vez disso, os utilizadores podem inserir uma data digitando-a no campo, assim:

No entanto, se preferir ativar o seletor de datas para uma experiência mais visual e interativa, consulte a nossa documentação para programadores sobre como configurá-lo.

Posso personalizar o texto das teclas de atalho exibido para os campos de Escolha Múltipla e Checkbox?

Sim, nos Formulários Conversacionais, tem a opção de personalizar o texto da tecla de atalho que aparece para as opções nos campos de Escolha Múltipla e Checkbox usando um trecho de código CSS personalizado. O trecho de código está disponível na biblioteca de trechos de código do WPForms .

Para instruções detalhadas sobre como implementar esta alteração, consulte a nossa documentação para programadores.

Posso usar campos de Layout em Formulários Conversacionais?

Não, os Formulários Conversacionais não podem ser ativados se o seu formulário contiver campos de Layout. Verá esta mensagem ao tentar ativar o modo de Formulário Conversacional:

É tudo! Agora pode criar formulários conversacionais personalizados para o seu site.

Em seguida, gostaria de ligar o seu formulário a um serviço de marketing para que possa recolher e contactar leads mais facilmente? Certifique-se de consultar os tutoriais para as nossas integrações de marketing, incluindo Mailchimp, Constant Contact, AWeber, Drip, Campaign Monitor e GetResponse.