Resumo de IA
Procura uma forma de tornar a experiência de contacto dos visitantes do seu website com um formulário de vários passos mais positiva?
Ao dividir o seu formulário em diferentes secções, pode combater a fadiga do formulário e aumentar o envolvimento do utilizador e a geração de leads no seu website.
Neste guia, vamos analisar os fundamentos da configuração de um formulário de vários passos no WordPress com o WPForms através de 2 métodos diferentes.
Como Criar um Formulário de Vários Passos no WordPress
Criar um formulário de vários passos no WordPress usando o WPForms é incrivelmente fácil. Basta seguir os passos abaixo:
Neste Artigo
Passo 1: Instalar um Plugin Construtor de Formulários de Vários Passos
Se procura um plugin construtor de formulários que lhe permita criar formulários de vários passos, calculadoras e outros tipos de formulários, não procure mais, o WPForms é a solução. Oferece inúmeras funcionalidades que tornam a criação de um formulário personalizado incrivelmente fácil.
Para este tutorial, recomendamos a inscrição no WPForms Pro, pois possui muitas funcionalidades como Quebras de Página, o Addon de Formulários de Leads, lógica condicional e modelos personalizáveis que tornam muito fácil a criação de um formulário de vários passos.
Depois de adquirir a licença WPForms Pro, tudo o que tem de fazer é ativar e instalar o plugin no seu website. Para instruções passo a passo sobre como fazer isto, consulte este guia sobre instalar um plugin do WordPress.
Passo 2: Criar o Seu Formulário e Adicionar os Campos Relevantes
Agora, vamos criar o seu formulário de vários passos no WordPress. A partir do seu painel, navegue simplesmente para WPForms e clique no botão Adicionar Novo.
Na página seguinte, dê um nome ao seu formulário. Para efeitos deste tutorial, chamaremos o nosso de "Formulário de Vários Passos do WordPress".
Depois disso, pode optar por começar a construir o seu formulário do zero clicando no botão Criar Formulário em Branco, ou pode adicionar campos a um modelo existente.
Para poupar tempo e prosseguir com a adição de campos relevantes ao nosso formulário, selecionaremos o Formulário de Contacto Simples e depois clicaremos no botão Usar Modelo.
Após clicar no botão Usar Modelo, será redirecionado para o Construtor de Formulários. No lado esquerdo, pode ver todos os Campos disponíveis.
Entretanto, no lado direito do ecrã, pode ver uma pré-visualização editável do seu formulário, onde pode arrastar e largar outros campos conforme a sua preferência.
Com o Modelo de Formulário de Contacto Simples, já terá os campos de formulário Nome, Email e Comentário ou Mensagem.
Clique em qualquer um dos campos do formulário para fazer alterações ou adicionar novos campos para personalizar o seu formulário. Por exemplo, adicionámos campos para os utilizadores fornecerem informações sobre:
- Nome da Empresa – Usando o campo Texto de Linha Única.
- Cargo – Novamente, usando o campo Texto de Linha Única.
- Website – Usando o campo Website / URL da secção Campos Elaborados.
- Setor – Usando um campo Checkbox e adicionando Opções como Tecnologia da Informação, Fabrico, Retalho e Saúde.
- País/Região – Usando um campo Dropdown e adicionando Opções como Estados Unidos, Canadá, Austrália, Reino Unido e Nova Zelândia.
- Como soube de nós? – Novamente, utilizando o campo Menu suspenso e adicionando Opções como Google, Facebook, LinkedIn, etc.
Adicionámos estes campos para aprimorar ainda mais o modelo de formulário e torná-lo relevante para o nosso caso de uso. Agora, vamos ver como dividir o seu formulário em várias partes.
Passo 3: Dividir o Seu Formulário em Várias Partes
Terá o prazer de saber que dividir o seu formulário em várias partes é muito fácil com o WPForms, e não tem apenas um método para o fazer!
Dependendo dos seus requisitos, pode usar o campo Quebra de Página para dividir o seu formulário ou usar o Complemento de Formulários de Captação. Mostraremos os passos para ambos!
Método 1: Adicionar o Campo Quebra de Página para Dividir o Formulário
Para começar a dividir o seu formulário em várias partes, arraste e solte o campo Quebra de Página, do painel esquerdo para o painel direito.
Lembre-se que precisa de inserir o campo Quebra de Página na localização precisa onde deseja que o formulário seja dividido.
Se quiser dividir o formulário novamente, repita os mesmos passos. O WPForms permitirá que crie quantas páginas de formulário precisar.
Pode criar formulários de 2 passos ou ir até ao número que desejar, mas lembre-se de manter as coisas simples porque não quer sobrecarregar os seus utilizadores.
Assim que terminar, pode personalizar a barra de progresso de várias páginas para aumentar a usabilidade do formulário.
Personalizar a Barra de Progresso do Formulário de Várias Páginas
Ao usar uma barra de progresso, pode informar os utilizadores sobre as diferentes secções do seu formulário, para que saibam quanto lhes resta preencher antes de clicar em Enviar.
O WPForms torna as coisas super fáceis para si, introduzindo três diferentes barras indicadoras de estilo de migalha de pão para formulários de vários passos:
- Barra de Progresso: Esta opção permite ao utilizador ver o progresso do formulário à medida que o preenche para os manter informados.
- Círculos: Esta opção permite que o seu formulário de vários passos exiba um círculo e o título da página em cada página.
- Conector: Esta opção exibe os títulos das páginas e uma barra de ligação para cada secção do seu formulário de vários passos.
Clique na secção da Primeira Quebra de Página para personalizar a primeira página da barra de progresso e o título da página do seu formulário de vários passos. A partir desta localização, pode:
- Selecionar o tipo de Indicador de Progresso desejado.
- Modificar a Cor do Indicador de Página ao seu gosto.
- Personalizar o Título da Página para ajudar os utilizadores a entender em que secção do formulário se encontram (se selecionou Círculos ou Conectores).
Personalizar o Título da Próxima Página e o Texto do Botão
Alterou o Título da Página para a primeira secção do formulário, mas e quanto às outras secções do seu formulário?
Tal como a primeira página, pode alterar o Título da Página para a próxima secção clicando no campo Quebra de Página relevante, e até personalizar o seu Rótulo Seguinte.
Também, pode ativar a opção Mostrar Anterior para exibir um botão de página anterior aos visitantes do site e até personalizar o Rótulo Anterior ao seu gosto.
Desta forma, se necessário, os clientes podem voltar à página anterior do seu formulário, o que aumenta ainda mais a facilidade de uso do seu formulário.
Método 2: Utilizar o Addon Lead Forms para Dividir o Formulário
O campo Quebra de Página funciona perfeitamente para dividir o formulário em várias secções, mas se procura uma alternativa, pode utilizar o Addon Lead Forms.
Além disso, gerar leads é ótimo para gerir o seu pequeno negócio no WordPress, o que também é totalmente possível com o WPForms.
Instalar o Addon Lead Forms é muito simples. No seu painel WordPress, vá a WPForms e clique em Addons.
Depois, procure por “Lead Forms” na secção Pesquisar Addons. Em seguida, clique em Instalar Addon, seguido pelo botão Ativar.
Ativar o Modo Lead Form no Construtor de Formulários
Assim que o Addon Lead Forms estiver instalado e ativado, regresse ao construtor de formulários onde está a criar o seu formulário.
A partir daí, clique no separador Definições e, em seguida, selecione a opção Lead Forms. Agora, tudo o que tem de fazer é ativar a opção Ativar Modo Lead Form.
Isto fará com que apareça uma janela pop-up a informar que o Addon Lead Forms irá reestruturar o seu formulário. Clique no botão Ativar Lead Forms.
Os seus campos serão agora automaticamente transformados num Lead Form. A menos que tenha um grande número de campos, isto normalmente leva alguns segundos.
O seu formulário será agora automaticamente dividido em várias secções. Sinta-se à vontade para adicionar, modificar e organizar campos ao seu gosto.
Personalizar as Definições de Estilo do Lead Form
Uma das melhores coisas sobre o Addon Lead Forms é que lhe permite personalizar a aparência do seu formulário no front-end.
A página de definições do Lead Forms tem todas as opções de personalização. Abordaremos as opções de personalização disponíveis abaixo.
- Título do Lead Form: Pode dar um título ao seu Lead Form inserindo-o no campo Título do Lead Form. Quando os utilizadores preencherem o seu formulário, o título aparecerá no front-end.
- Cor de Acento: Esta opção permite-lhe alterar a cor dos seus botões, barra de progresso e ícones através de uma ferramenta interativa de seleção de cores.
- Animação de Scroll: Com esta opção ativada, o WPForms navegará o utilizador para o topo da página, ao clicar no botão Seguinte no formulário.
O seu Lead Form pode ser ainda mais personalizado com a ajuda de definições adicionais. Terá de ativar as Definições Avançadas de Estilo para aceder a estas opções.
Existe também uma opção Contentor do Formulário, que pode ativar para envolver o Lead Form num contentor, fazendo-o destacar-se do resto dos elementos da página.
Depois de ter personalizado o seu formulário multi-etapas para incluir todas as funcionalidades desejadas, não se esqueça de premir o botão Guardar.
Pode também utilizar um formulário de múltiplos passos para capturar novos leads e aumentar a sua lista de e-mail. Consulte este guia sobre como criar uma página de lead magnet com WPForms!
Passo 4: Personalizar Notificações e Confirmações
A configuração de notificações garante que está sempre a par das novas entradas do formulário. No construtor de formulários, vá a Definições e depois a Notificações.
Pode editar as definições de notificação padrão, como a linha de assunto, ou alterar os e-mails dos destinatários conforme necessário a partir daqui.
Depois de concluído, navegue simplesmente para Confirmações no menu Definições para configurar as respostas para envios de formulário bem-sucedidos.
Agora, selecione o Tipo de Confirmação (mensagem, exibição de página ou redirecionamento) que funciona melhor para o seu site e configure as suas opções.
Lembre-se de guardar o seu formulário novamente para evitar perder quaisquer alterações e certifique-se de que as suas definições estão atualizadas.
Passo 5: Publicar o Seu Formulário de Vários Passos no WordPress
Ótimo trabalho! Criou com sucesso um formulário de múltiplos passos no WordPress. É agora hora de o colocar online e ver as submissões do formulário a chegarem!
O processo é incrivelmente simples e nem sequer precisa de sair do construtor de formulários. Basta clicar no botão Incorporar no canto superior direito.
Pode optar por publicar o formulário numa página existente ou criar uma nova página, após o que será redirecionado para o editor de blocos do WordPress.
O formulário já estará incorporado. Tudo o que tem de fazer agora é clicar no botão Publicar, e o seu formulário de múltiplos passos do WordPress estará online!
Se estiver a usar um construtor de páginas como o Divi, pode também consultar este guia para obter passos sobre como criar um formulário de contacto Divi.
Mais Perguntas sobre Formulários de Múltiplos Passos
Os formulários de múltiplos passos do WordPress são um tópico popular de interesse entre os nossos leitores. Aqui estão respostas a algumas perguntas sobre eles.
O que é um formulário de múltiplos passos?
Um Formulário de Múltiplos Passos divide um formulário em múltiplos passos ou páginas, melhorando a experiência do utilizador ao dividir formulários mais longos em secções geríveis. Isto é ideal para formulários complexos como candidaturas, inquéritos ou registos. O WPForms simplifica a criação de Formulários de Múltiplos Passos com o seu campo de Quebra de Página, permitindo uma navegação fácil para os utilizadores.
Um Formulário de Múltiplos Passos Vai Desacelerar o Meu Site?
Não, um Formulário de Múltiplos Passos não vai desacelerar o seu site. O WPForms, particularmente com o seu Addon Lead Forms, otimiza estes formulários para velocidade e desempenho, garantindo que carregam rapidamente sem afetar a velocidade geral do seu site.
Quando Devo Usar um Formulário de Múltiplos Passos?
Use um Formulário de Múltiplos Passos quando tiver formulários longos ou detalhados. São perfeitos para registos, inquéritos ou candidaturas onde precisa de recolher muita informação, mas quer evitar sobrecarregar o utilizador na página de destino. O WPForms permite uma criação eficiente de Formulários de Múltiplos Passos, melhorando o envolvimento do utilizador.
Que Tipos de Formulários Convertem Melhor no Layout de Múltiplos Passos?
Formulários que exigem informações detalhadas, como candidaturas de emprego, inquéritos complexos e registos extensos, convertem melhor com um layout de Várias Etapas. Este formato, facilmente criado usando WPForms, ajuda a manter os utilizadores envolvidos e reduz a sensação de sobrecarga com um formulário longo, aumentando as taxas de conversão.
Em seguida, Aprenda a Criar um Formulário Calculador no WordPress
Quer aprender a criar um formulário calculador no WordPress para aumentar o envolvimento do utilizador no seu site? Está com sorte! Criar um formulário calculador personalizado é rápido e fácil, graças ao WPForms e ao seu Addon de Cálculos.
Se está a perguntar como incentivar os utilizadores a preencher um formulário que requer o seu email para descarregar um ficheiro, isso também é possível. Consulte este guia sobre Como Exigir um Endereço de Email para Descarregar um Ficheiro.
Corrija os Seus Emails do WordPress Agora
Pronto para corrigir os seus emails? Comece hoje mesmo com o melhor plugin SMTP para WordPress. Se não tem tempo para corrigir os seus emails, pode obter assistência completa de Configuração White Glove como compra adicional, e existe uma garantia de reembolso de 14 dias para todos os planos pagos.
Se este artigo o ajudou, por favor siga-nos no Facebook e Twitter para mais dicas e tutoriais do WordPress.
