Gostaria de criar formulários que se assemelham a uma conversa cara a cara com os seus visitantes? O addon Conversational Forms para WPForms permite-lhe 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 utilizar o addon Conversational Forms com o WPForms.
Requisitos:
- Necessitará do nível de licença Pro ou superior para aceder ao addon Conversational Forms
- Certifique-se de que instalou a versão mais recente do WPForms para cumprir a versão mínima exigida para o complemento Conversational Forms
O que são formas de conversação?
Os formulários de conversação proporcionam uma experiência única aos utilizadores que os torna mais pessoais, tal como uma conversa cara a cara. Algumas das principais qualidades que tornam os formulários de conversação diferentes de um formulário normal são
- Experiência guiada: Desde a primeira vez que um utilizador entra na página até ao momento em que submete o formulário, apenas o passo atual estará em destaque. Isto ajuda a orientar 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 distracções.
- Opções de navegação: Na maioria dos formulários, os utilizadores clicam nos campos com um rato. Mas nos formulários de conversação, os utilizadores podem preencher todo o formulário apenas com o teclado, se assim o desejarem (ou podem também utilizar o rato).
O resultado é uma forma amigável e envolvente para os utilizadores experimentarem os seus formulários. Em muitos casos, resulta também em taxas de conclusão de formulários mais elevadas.
Nota: Quer ver um formulário de conversação em ação? Veja a nossa demonstração ao vivo para ver um exemplo.
Instalando o complemento Conversational Forms
Antes de começar, é necessário instalar e ativar o WPForms no seu site WordPress.
De seguida, terá de verificar a sua chave de licença. Depois, poderá instalar e ativar rapidamente o addon Conversational Forms.
Criar e personalizar os formulários de conversação
Depois de instalar o addon Conversational Forms, terá de criar um novo formulário ou editar um já existente.
Depois de abrir o construtor de formulários, adicione e personalize quaisquer campos que pretenda incluir no seu formulário de conversação. Em seguida, aceda a Definições " Formulários de conversação.
Aqui, selecione a caixa intitulada Ativar o modo de formulário de conversação.
Quando esta caixa estiver selecionada, serão apresentadas opções adicionais. Abordaremos cada uma destas definições em pormenor abaixo.
Pré-visualização da forma de conversação
Se quiser ver o aspeto da página do seu formulário em qualquer altura durante a edição, guarde o formulário e clique no botão azul Pré-visualizar formulário de conversação.
Título e mensagem do formulário de conversação
Em primeiro lugar, pode adicionar um título ao seu formulário de conversação. Este aparecerá em texto grande perto do topo da página do seu formulário de conversação.
Em seguida, também pode adicionar opcionalmente uma Mensagem. 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 formulário.
Eis um exemplo do aspeto do título e da mensagem do formulário no frontend.
Permanente
O permalink é o URL onde os visitantes podem ver o seu formulário de conversação. Irá partilhar esta hiperligação com os seus utilizadores, pelo que é geralmente melhor manter este URL curto e fácil de memorizar.
Nota: Tal como qualquer outra página do seu sítio, o URL do seu formulário de conversação tem de ser único. Se for adicionado um número ao final da ligação permanente que criou, então o URL que introduziu já existe noutro local do seu sítio.
Logótipo do cabeçalho
Opcionalmente, pode adicionar uma imagem ou um logótipo ao cabeçalho do seu formulário. Esta imagem será apresentada por cima 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 multimédia ou do computador, será apresentada uma pré-visualização do logótipo do cabeçalho.
Se pretender utilizar uma imagem grande, tenha em conta as recomendações de tamanho abaixo. Isto ajudará a garantir que a sua imagem tem o melhor aspeto possível no frontend do seu sítio.
- Altura máxima recomendada para o logótipo: 125 píxeis
- Largura máxima recomendada do logótipo: 800 píxeis
Aqui está um exemplo do aspeto de um logótipo de cabeçalho no frontend.
Ocultar a marca WPForms
Por predefinição, os visitantes verão um pequeno logótipo WPForms no rodapé dos seus formulários de conversação que diz "powered by WPForms".
Se preferir não o mostrar, basta selecionar a caixa Hide WPForms Branding.
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 de conversação.
Existem várias opções de cores predefinidas que pode escolher.
Ou pode clicar no ícone do conta-gotas para escolher uma cor personalizada.
Barra de progresso
No rodapé do seu formulário de conversação, os utilizadores poderão ver o seu progresso no formulário. Pode optar por apresentar este progresso em formato de Percentagem ou Proporção.
O formato Percentagem será apresentado como uma percentagem concluída, como por exemplo "42% concluído".
O formato Proporção apresentará o número de campos preenchidos, bem como o número total de campos no formulário, como em "2 de 7 preenchidos".
Quando terminar de configurar as definições do seu formulário de conversação, certifique-se de que guarda o formulário antes de sair do construtor.
Perguntas mais frequentes
Nesta secção, partilharemos detalhes sobre algumas das principais perguntas que recebemos sobre formulários de conversação.
Os WPForms são formulários de conversação como o Typeform?
Sim, o Typeform é a experiência de formulário mais semelhante aos formulários de conversação. No entanto, os formulários de conversação para WPForms são especificamente concebidos para utilização no seu sítio WordPress e podem ser combinados com outras funcionalidades poderosas do WPForms.
Nota: Quer saber mais sobre as diferenças entre o Typeform e o WPForms? Confira nosso post de comparação no blog do WPForms.
Como é que navego nos formulários de conversação com um teclado?
Pode navegar nos formulários de conversação com um rato ou um teclado, mas uma das suas caraterísticas únicas é a opção de preencher os formulários inteiramente com um teclado, se assim o desejar. Aqui estão as teclas que pode utilizar para várias acções:
Chaves de formulário gerais
- Passar para o campo seguinte: Tecla Enter
- Regressar ao campo anterior: Seta para cima
- Passar para o subcampo seguinte: (por exemplo, ao passar dos subcampos Nome para Apelido) Seta para baixo ou tecla Tab
- Regressar ao subcampo anterior: Seta para cima ou Shift + Tab
Chaves específicas do campo
- Campos de caixas de verificação, escolha múltipla, classificação e Net Promoter Score
- Deslocação entre opções: Setas para a direita e para a esquerda
- Selecionar a opção: Premir as teclas de letras ou números indicadas nas opções do campo ou deslocar-se para a opção pretendida e premir a tecla Enter ou Espaço
- Campo da escala de Likert
- Selecionar a opção: Premir as teclas de letras indicadas nas opções de campo
- Campo pendente
- Selecionar opção: Comece a escrever para procurar e apresentar as opções correspondentes ou prima a seta para baixo para percorrer as opções disponíveis
- Fechar o menu pendente: Tecla Escape
- Campo de texto de parágrafo
- Criar nova linha: Shift + Enter
Porque é que o meu formulário de conversação é diferente de um formulário incorporado normal?
Os formulários de conversação 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 está a aparecer no meu formulário de conversação?
Os formulários de conversação foram concebidos para serem fáceis de preencher utilizando um teclado, pelo que o visitante não verá um seletor de data no campo de data. Em vez disso, os utilizadores podem introduzir uma data digitando-a no campo da seguinte forma:
No entanto, se preferir ativar o seletor de datas para uma experiência mais visual e interactiva, consulte a nossa documentação para programadores sobre como configurá-lo.
Posso personalizar o texto das teclas de atalho apresentado nos campos de escolha múltipla e caixa de verificação?
Sim, nos Formulários de Conversação, 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 Caixa de Verificação usando um snippet CSS personalizado. O snippet de código está disponível na biblioteca de snippets de código do WPForms.
Para obter instruções detalhadas sobre como implementar esta alteração, consulte a nossa documentação para programadores.
Posso usar campos de layout em formulários de conversação?
Não, os formulários de conversação não podem ser activados se o seu formulário contiver campos de layout. Verá esta mensagem quando tentar ativar o modo de Formulário de Conversação:
É isso mesmo! Agora já pode criar formulários de conversação personalizados para o seu sítio.
Em seguida, gostaria de ligar o seu formulário a um serviço de marketing para que possa recolher e acompanhar mais facilmente os contactos? Não deixe de conferir os tutoriais das nossas integrações de marketing, incluindo Mailchimp, Constant Contact, AWeber, Drip, Campaign Monitor e GetResponse.