Como criar um formulário de várias etapas com barra de progresso no WordPress?

Você quer aprender a criar um formulário de várias etapas com barra de progresso no WordPress? Nós pegamos você!

Um formulário de várias partes divide formulários longos em várias etapas. Assim, os campos do formulário ficam mais organizados e fáceis de serem preenchidos pelos usuários.

Da mesma forma, a barra de progresso mostra a quantidade de trabalho concluída e rastreia o progresso dos usuários durante o preenchimento do formulário.

Portanto, este artigo fornecerá um guia detalhado sobre como criar um formulário de várias etapas no WordPress com uma barra de progresso.

Vamos começar.

Por que criar um formulário de várias etapas no WordPress com barra de progresso?

Como dito antes, um formulário de várias etapas é exatamente como soa, um formulário longo dividido em várias partes.

Assim, melhora a experiência do usuário, aumenta as taxas de conversão e melhora a precisão dos dados.

Abaixo, listamos mais pontos sobre por que você deve criar um formulário de várias etapas no WordPress com uma barra de progresso.

• Os responsáveis ​​pelo preenchimento do formulário podem revisar, voltar, corrigir e alterar as informações fornecidas, se necessário.
• A barra de progresso melhora a usabilidade de um formulário de várias etapas e torna mais fácil para os usuários navegar e entender.
• Ele também fornece feedback aos usuários sobre seu progresso e permite que eles ajustem sua abordagem.
• Também reduz os erros, garantindo que os usuários concluam todas as etapas necessárias antes de enviar o formulário.

Estes são apenas alguns benefícios de um formulário de várias etapas no WordPress com uma barra de progresso. Se você cavar um pouco mais fundo, você pode chegar a mais.

Criando formulário de várias etapas com barra de progresso no WordPress (Tutorial)

Depois de conhecer todos os benefícios do formulário de várias partes com uma barra de progresso, você deve incorporá-lo em seus formulários imediatamente.

Mas escolher a ferramenta certa para seguir em frente com o processo é muito importante. É aqui que entra o melhor plugin de criação de formulários Everest Forms.

Você pode criar vários formulários online usando o Everest Forms, incluindo formulários de candidatura a emprego, formulários de contato, pesquisas, enquetes, etc.

Mas, acima de tudo, você pode criar um formulário de várias etapas no WordPress com uma barra de progresso em apenas algumas etapas simples.

Agora, sem mais delongas, vamos seguir um processo passo a passo para criar um formulário de várias etapas no WordPress com uma barra de progresso.

Passo 1: Instale e ative o Everest Forms e o Everest Forms Pro

A primeira coisa que você precisa fazer é instalar o Everest Forms e o Everest Forms Pro no painel do WordPress.

Você pode realmente criar formulários simples com a versão gratuita do plugin.

Mas para obter o complemento Multi-Part Forms, você precisará de um upgrade para um plano premium (Plus ou superior).

O processo de instalação do Everest Forms Pro é bastante simples. Basta visitar o site oficial do plugin, onde você verá 4 planos diferentes.

Selecione o plano de acordo com seu orçamento e necessidade.

Depois disso, você receberá um link em seu e-mail. Siga o link e tenha acesso ao painel da sua conta.

A partir daí, você pode baixar o pro zip do plug-in e obter a chave de licença na guia Chave de licença .

Depois, retorne ao painel do WordPress e navegue até Plugins >> Add New . E simplesmente clique no botão Upload Plugin .

Em seguida, escolha o arquivo zip do Everest Forms pro que você baixou antes e clique em Instalar agora .

Agora, cole a chave de licença na área necessária e ative o plug-in em seu site.

Se você precisar de todo o processo de instalação e configuração em detalhes, siga este link sobre como instalar o Everest Forms pro.

Depois de configurar o plug-in corretamente, você pode passar para a próxima etapa.

Etapa 2: instalar e ativar o complemento de formulários com várias partes

Como você tem a versão pro, agora pode instalar facilmente o complemento Multi Part Forms . Primeiro, navegue até Everest Forms >> Add-on .

Depois disso, procure o complemento Multi Part . Em seguida, basta clicar no botão Instalar complemento e pressionar Ativar .

Você saberá que o complemento está ativo quando o status indicar Ativado .

Etapa 3: criar um novo formulário

Depois de instalar e ativar o complemento Multi-Part Form , é hora de criar um novo formulário.

Então vá para Everest Forms >> Adicionar novo arquivo .

Você encontrará uma coleção de modelos de formulário pré-criados na página Adicionar novo formulário. No entanto, você também pode começar do zero.

Neste tutorial, mostraremos como criar um formulário de várias etapas no WordPress do zero.

Então, clique em Start From Scratch e dê um nome ao seu formulário.

Vamos chamá-lo de “ Formulário de Avaliação do Funcionário ” e pressionar Continuar .

Depois disso, você verá a tela do editor de formulários do Everest Forms, que se parece com a abaixo.

Etapa 4: ativar as configurações de formulário com várias partes

Agora é hora de dividir seu formulário em várias partes. Para isso, primeiro você precisa habilitar o recurso Multi-Part .

Navegue até a guia Configurações na parte superior. E clique nas configurações de várias partes .

Em seguida, você verá a caixa de seleção para habilitar a opção Multi-Part Form . Marque a caixa de seleção e, assim, sua opção está ativada.

Na mesma página, você também verá algumas opções de personalização para o indicador de peças, como:

Indicador de Progresso:

A partir daqui, você pode selecionar o tema da peça no menu suspenso que ficará visível na parte superior do formulário, como:

1. Barra de Progresso

2. Barra circular

3. Etapas de seta

Cor do indicador de progresso:

Esta opção permitirá que você escolha uma cor para o indicador da peça. Você pode selecionar qualquer cor de acordo com sua preferência.

Alinhamento de navegação da peça:

Você pode selecionar o alinhamento para o botão de navegação da peça como:

1. Esquerda

2. Certo

3. Centro

4. Dividir

Depois de fazer todas as alterações, não se esqueça de Salvar .

Etapa 5: adicione campos e crie seu formulário de várias etapas

Logo após habilitar a opção de formulário Multi-Part, a primeira parte aparece no construtor de formulários.

É intitulado Part Title , que você pode alterar posteriormente nas Opções da página .

Em seguida, arraste e solte todos os campos obrigatórios em seu formulário.

E para adicionar outra parte ao seu formulário, clique em Adicionar nova parte , que você encontra na parte inferior.

Isso abrirá a próxima página em branco onde você pode adicionar os campos desejados como antes.

Você também pode ajustar as partes individuais ou mover sua posição. Basta arrastar a parte direita ou esquerda para isso.

Da mesma forma, você pode editar o título da parte e os rótulos nas opções da página , como antes.

Aqui adicionamos quatro partes e as nomeamos Revisão Anual de Desempenho do WPEverest, Medição de Desempenho, Objetivos Futuros e Informações Adicionais, respectivamente.

Por fim, clique no botão Salvar para salvar as alterações feitas em seu formulário.

Etapa 6: definir as configurações do formulário

Em seguida, você pode abrir a guia Configurações do formulário para definir as configurações do seu formulário.

Aqui, você encontrará diferentes seções com várias opções de personalização.

1. Geral

Com as configurações gerais, você pode editar a descrição do formulário, a mensagem de formulário desativado, a ativação da lógica condicional, os designs de layout, etc.

2. E-mail

As configurações de e-mail permitem que você crie os modelos de notificação de e-mail do administrador e do usuário.

3. WebHook

Usando um WebHook, você pode enviar os dados do formulário para qualquer URL externo. Você deve definir a URL da solicitação, o método da solicitação, o formato da solicitação e o cabeçalho da solicitação.

Agora você pode clicar em Salvar para salvar as alterações feitas no formulário.

Etapa 7: visualize e publique seu formulário

Você criou com sucesso um formulário de várias partes com um campo de progresso usando o Everest Forms.

Mas só ficará visível para seus usuários se você exibir seu formulário em seu site WordPress.

Portanto, faça uma verificação final no seu formulário. Você também pode ter uma prévia do seu formulário. Basta clicar no botão Visualizar ao lado do botão Salvar .

Em seguida, para adicionar o formulário ao seu site, você pode usar o bloco Everest Forms para exibir seu formulário.

Vá para Post/Página >> Adicionar Novo .

Você chegará a um editor de blocos. Clique no botão Adicionar Bloco (+) e procure o bloco Everest Forms.

Adicione-o à página e selecione seu Formulário de avaliação de funcionários do WordPress no menu suspenso.

Por fim, você pode clicar no botão Publicar na parte superior.

Embrulhando-o!

É isso com o nosso guia sobre como criar um formulário de várias etapas no WordPress com uma barra de progresso. Temos certeza de que este tutorial foi útil para você.

Agora você pode facilmente criar um formulário de várias etapas no WordPress com uma barra de progresso usando o Everest Forms sem suar a camisa.

O Everest Forms é muito mais do que sua ferramenta básica de criação de formulários. Para obter mais análises sobre o plug-in, leia nosso artigo sobre as análises do Everest Forms.

A seguir, você também pode ler como alterar o tema do WordPress sem perder conteúdo.

Por fim, se você adora nosso conteúdo, siga-nos nas redes sociais para futuras atualizações.

Estamos disponíveis no Facebook e no Twitter. E para tutoriais em vídeo fáceis, inscreva-se em nosso canal do YouTube.