Como criar um formulário de várias etapas do WordPress (a maneira sem código)

Procurando um tutorial para criar um formulário de várias etapas do WordPress?

Um formulário de várias etapas divide formulários grandes em partes menores. Os formulários de várias etapas reduzem a confusão e simplificam a inscrição de seus visitantes. É uma ótima maneira de aumentar as conversões e melhorar a experiência geral do usuário.

Mas criar um do zero é realmente cansativo e se você tiver que contratar um desenvolvedor para criar um, também será caro.

Neste artigo, mostraremos como criar um formulário de várias etapas do WordPress de maneira fácil, sem codificação.

Vamos mergulhar.

Etapa 1: criar um novo formulário com WPForms

A primeira coisa que você precisa fazer é instalar e ativar o WPForms.

WPForms é o plugin construtor de formulários WordPress nº 1 do mundo. Se você não tem certeza de como instalar o WPForms, confira este guia passo a passo sobre como instalar um plugin no WordPress.

Em seguida, vá até o painel do WPForms e vá para Downloads para obter seu plugin:

Em seguida, instale e ative o plugin em seu site. E copie sua chave de licença na mesma guia.

Por fim, vá para o painel do WordPress e vá para WPForms » Configurações e cole sua chave de licença:

Quando terminar, clique em Conectar .

Agora que o WPForms está instalado e ativado, é hora de criar seu primeiro formulário. Vá para WPForms » Adicionar novo :

Isso abrirá o construtor de formulários de arrastar e soltar WPForms.

Para criar um novo formulário, dê um nome a ele e selecione seu modelo de formulário:

E é isso! se você quiser adicionar ou editar os campos em seu formulário de contato, poderá fazê-lo na barra lateral. Arraste e solte os campos do formulário para adicionar novos e clique nos campos existentes para editá-los:

Quando terminar, clique em Salvar .

Etapa 2: insira o campo de quebra de página em seu formulário

Dividir seu formulário em várias páginas é muito simples e fácil com o WPForms.

Depois de adicionar e personalizar todos os campos de formulário em seu formulário, você precisa adicionar o campo de formulário de quebra de página ao seu site para dividi-lo em páginas diferentes.

Para fazer isso, arraste o campo do formulário Quebra de página , encontrado em Campos extravagantes , do painel esquerdo para o painel direito.

Coloque o campo onde você deseja que o formulário seja dividido. Se você quiser várias quebras, basta usar vários módulos de quebra de página.

Etapa 3: personalizar a barra de progresso do formulário de várias páginas

A maior parte do seu trabalho na concepção do formulário é feito neste momento. Mas para qualquer formulário de várias páginas, recomendamos o uso de uma barra de progresso para que seus visitantes saibam o quanto eles estão no processo de inscrição. Você pode ir além para dar títulos às suas páginas também.

Para personalizar a barra de progresso e o título da página da primeira página do seu formulário de várias etapas, clique na seção de quebra de primeira página .

Na barra lateral, você pode definir o tipo de indicador de progresso como Círculos ou Conectores . Você também pode definir o título da página.

A coisa épica é que você também pode definir uma cor de indicador de página personalizada. Quando estiver satisfeito, você também pode personalizar as outras quebras de página exatamente da mesma maneira.

Você também pode ativar o recurso que permite mostrar aos visitantes do site um botão de página anterior . Dessa forma, eles podem retornar à página anterior do seu formulário, se necessário.

Quando terminar, basta clicar no botão Salvar .

Etapa 4: definir suas configurações de formulário de várias etapas

Em seguida, você vai querer configurar notificações e confirmações.

Notificações são e-mails que você recebe quando alguém preenche o formulário. As confirmações servem para alertar o usuário de que ele preencheu o formulário com sucesso. Normalmente, esta é uma mensagem de “obrigado”, mas você também pode redirecionar seus usuários para uma página dedicada.

Vá para Configurações » Confirmações para definir as configurações de confirmação:

E então no mesmo menu, vá para Notificações para configurar suas mensagens de notificação:

Por padrão, as notificações são enviadas para o e-mail do administrador do WordPress. Portanto, se você quiser que os e-mails sejam enviados para outro lugar, como o ID de e-mail do seu chefe de vendas, faça isso aqui.

Etapa 5: adicione seu formulário de várias etapas ao seu site WordPress

Você terminou de configurar seu formulário de contato do WordPress neste momento. Então, vamos em frente e adicioná-lo a uma página. Existem 3 métodos básicos para adicionar um formulário de contato WPForms ao seu site WordPress. Nós vamos dar uma olhada em cada um.

Método nº 1: adicione o formulário usando o editor de blocos

Vá para a página em que você deseja adicionar seu formulário de contato e adicione um novo bloco WPForms:

Em seguida, selecione seu formulário recém-criado usando o menu suspenso:

E você deve ver seu formulário de contato inserido automaticamente em sua página.

Basta clicar em Salvar e publicar para ver seu formulário WordPress em ação.

Método nº 2: adicione seu formulário de contato usando códigos de acesso WPForms

O WPForms também gera um shortcode para cada formulário de contato do WordPress. Você pode copiar o shortcode do formulário de contato visitando WPForms » Todos os formulários :

E, em seguida, cole o código de acesso em qualquer postagem ou página desejada. É simples assim.

Se você é novo em códigos de acesso, confira este artigo sobre como adicionar um código de acesso em sites do WordPress.

Método nº 3: Adicione seu formulário de contato às barras laterais

A barra lateral é um dos recursos mais subutilizados na maioria dos sites WordPress. É altamente recomendável inserir um formulário de contato nas barras laterais do seu site. Vá para Aparência » Widgets em seu painel do WordPress e adicione o widget WPForms à sua barra lateral:

E pronto!

Como promover seu formulário de várias etapas do WordPress

Isso é tudo para este, pessoal!

Até agora, você criou um formulário de várias etapas do WordPress. Em seguida, você deve configurar o rastreamento de abandono de formulário para reduzir suas taxas de abandono de formulário.

Depois disso, tudo o que resta é gerar tráfego para seu site para que seus formulários de contato possam funcionar. Uma maneira simples de fazer isso é começar a usar notificações push. Enviar notificações push é uma ótima maneira de gerar tráfego repetido para seu site. Se isso é algo que você está interessado, você deve verificar estes artigos também:

• Custo de notificação push: é realmente gratuito? (Análise de preços)
• Como obter mais tráfego para o seu blog WordPress (9 maneiras fáceis)
• Como aumentar sua taxa de ativação de notificação por push da Web (7 maneiras)

Recomendamos usar PushEngage para enviar suas notificações push. PushEngage é o software de notificação push nº 1 do mundo. Portanto, se você ainda não o fez, comece a usar o PushEngage hoje.