Iniciar #

Metform permite criar um formulário extenso com grande facilidade. Agora, crie formulários WordPress Multi-Step facilmente usando qualquer widget.

Assista ao guia em vídeo para adicionar o formulário de várias etapas Elementor:

Ou siga as instruções passo a passo abaixo para adicionar um formulário WordPress de várias etapas:

Etapa-> 1  #

Procure o Metform widget e arraste-o para a área de posicionamento do widget.

Etapa-> 2  #

Clique no  Editar formulário botão à esquerda para abrir uma janela para criar um formulário.

Etapa-> 3 #

Escolher Novo para criar um novo formulário. Dê em Título. Agora, você pode selecionar um modelo em branco e clicar em Editar formulário

Etapa-> 4  #

Clique no botão de sinal 'Mais' para adicionar uma nova seção.

Etapa-> 5  #

Agora crie seu formulário usando qualquer widget

Etapa-> 6  #

Arraste e solte o Próxima Etapa widget de botão.

Etapa-> 7  #

Para nomear a seção. Clique nos seis pontos para acessar as configurações da seção. Então vá para layout ⇒ multipasso. Aqui altere o título da guia de várias etapas e adicione um ícone se você quiser. Você pode adicionar um ícone da biblioteca ou fazer upload de um novo.

Etapa-> 8 #

Para adicionar uma nova etapa/fase do formulário, abra novamente uma nova seção clicando no sinal +. 

Nota: Lembre-se, você precisa iniciar uma nova seção (não a seção interna) para uma nova guia/etapa do formulário.

Etapa-> 9 #

Agora arraste e solte os widgets novamente para construir sua segunda etapa. Depois disso adicionar botões Anterior e Próximo. Então siga o passo 7 para dar um nome e ícone adequados a esta seção/guia

Etapa-> 10  #

Repita as etapas 7,8 e 9 para criar outra etapa do formulário. Mas desta vez adicione botão enviar em vez de Próximo para preencher o formulário de várias etapas do Elementor.

Etapa-> 11 #

Por fim, clique em atualizar e fechar para salvar o design do formulário de várias etapas e voltar às configurações.

Etapa-> 12 #

Agora é hora de ativar o recurso de várias etapas. Para fazer isso, vá para Conteúdo ⇒ Configurações de múltiplas etapas e edite as seguintes configurações:

• Habilitar Multipasso: Ative esta opção para ativar a opção de várias etapas. 
• Altura do contêiner de formulário adaptável: Esta opção permitirá que o formulário assuma a altura do degrau atual.
• Exibir navegação em várias etapas:  Você pode desativar esta opção caso não queira mostrar a opção de navegação na parte superior.
• Ative a rolagem para o topo: Ative esta opção para rolar até a opção superior.
• Alinhamento:  Aqui você pode definir o alinhamento da navegação de várias etapas para a esquerda, direita ou centro.
• Tipografia: Você pode alterar a família, o peso, a transformação, a altura da linha, etc. para as etapas múltiplas.
• Preenchimento:  Defina o preenchimento esquerdo, direito, superior e inferior para o formulário de várias etapas.
• Margem: Ajuste o preenchimento esquerdo, direito, superior e inferior do formulário de várias etapas.
• Texto
  • Normal: Aqui você pode editar a cor, a cor de fundo, o tipo de borda, o tamanho do ícone, o espaçamento dos ícones e o tamanho do ícone para o modo normal.
  • Ativo: Escolha a cor, a cor de fundo, o tipo de borda, o tamanho do ícone, o espaçamento dos ícones e o tamanho do ícone para o modo ativo.
  • Flutuar: Edite a cor, a cor de fundo, o tipo de borda, o tamanho do ícone, o espaçamento dos ícones e o tamanho do ícone para o modo suspenso.

Etapa-> 13 #

Por fim, clique em atualizar para salvar.

Aqui está um exemplo de formulário de várias etapas criado por Metfrom: