Resumo de IA
Existem muitas situações em que os usuários do seu formulário provavelmente desejam poder simplesmente duplicar os campos em seus formulários. Campos para nomes extras, detalhes de contato, horas trabalhadas e assim por diante são fáceis de adicionar quando os usuários podem simplesmente repeti-los.
Agora, com o campo Repetidor do WPForms, os usuários do seu site podem fazer exatamente isso! Neste tutorial, mostrarei como modificar seus formulários para permitir campos duplicados em apenas 5 etapas.
Como Permitir que Visitantes Dupliquem Campos de Formulário
Neste Artigo
Primeiro, Adquira o WPForms
Ok, eu sei que disse que este tutorial leva apenas 5 passos, então isso parece extra. 😉 Mas, é praticamente certo que você precisará do WPForms instalado e ativado em seu site WordPress para duplicar os campos em seus formulários.
Então, obtenha o plugin WPForms, primeiro!
1. Selecione ou Crie Seu Formulário
O campo Repetidor é um ótimo recurso incluído nos formulários que você cria através do WPForms. Com ele, os usuários do seu formulário podem adicionar mais entradas ou duplicar blocos inteiros do formulário.
Mas você não precisa criar um formulário totalmente novo para começar a permitir que os usuários dupliquem campos.
Você pode já estar utilizando formulários em seu site que gostaria de modificar com o campo Repetidor. Simplesmente clique em Editar abaixo do formulário que você gostaria de abrir o construtor de formulários.
Mas, se você precisar criar um novo formulário, pode adiantar o processo escolhendo entre milhares de modelos de formulários fornecidos na galeria do WPForms.
Oferecemos uma extensa seleção de modelos de formulários que vêm com a funcionalidade do campo Repetidor integrada.
Ou, você pode escolher um modelo de formulário diferente e adicionar rapidamente o campo Repetidor com o construtor de formulários.
E, como sempre, você pode construir seu formulário do zero começando com um formulário em branco.
Crie Seu Formulário WordPress Agora
2. Adicione o Campo Repetidor
Assim que você tiver seu formulário selecionado e carregado no construtor de formulários, você pode adicionar o campo Repetidor.
Você o verá entre os campos no lado esquerdo da tela.
Simplesmente clique no campo Repetidor, arraste-o para o seu formulário e solte-o onde você o deseja.
Em seguida, assim como o campo Layout, o campo Repetidor permite que outros campos do seu formulário sejam adicionados a ele.
Então, quais campos pertencem à seção do campo Repetidor? Os campos que você deseja permitir que os usuários do seu formulário dupliquem.
Em um formulário de registro de grupo, por exemplo, os usuários provavelmente gostariam de incluir vários nomes de participantes para registrar ao mesmo tempo.
Antes do WPForms oferecer o campo Repetidor, você poderia ter sobrecarregado seu formulário com alguns campos de Nome que seu usuário *poderia* precisar.
Ou você pode ter utilizado configurações de lógica condicional para incluir campos de Nome adicionais se o usuário quisesse incluir mais.
Qualquer que tenha sido o caso, o campo Repetidor agora torna a duplicação de campos muito mais fácil para você e para os usuários do seu formulário!
Leia Também: Maneiras de Usar o WPForms para Sites Educacionais
3. Exiba Linhas ou Blocos
Agora, antes de continuarmos, dê uma olhada nas opções de Exibição que são aplicadas ao campo Repetidor.
Não apenas você pode personalizar os campos dentro da área do campo Repetidor para serem adicionados como Linhas únicas, mas você também pode permitir que Blocos inteiros de campos sejam duplicados.
Dica Pro: Navegue até a aba Avançado para ocultar o rótulo do campo Repetidor como eu fiz.
Quando você seleciona os campos na área Repetidor para serem exibidos como Linhas, os usuários do seu formulário duplicarão cada linha horizontal.
Como você pode ver acima, os botões de adicionar + ou remover – estão no final de cada Linha.
Blocos, por outro lado, são bons para combinar campos a serem repetidos juntos, que não cabem em apenas uma Linha.
E com Blocos, os botões de adicionar + ou remover – estão abaixo de toda a seção de campos. Mais sobre esses botões, depois.
No meu exemplo abaixo, selecionei Blocos como a forma de exibir meus campos repetíveis. Em seguida, incluí os campos na área de campo Repetidor que quero que os usuários possam duplicar como uma seção.
Agora, quando os usuários do formulário adicionam outro participante, eles podem fornecer todas as informações que exigi no formulário para cada Bloco.
Dessa forma, os usuários do formulário podem duplicar seções inteiras do formulário de uma vez.
4. Escolha um Layout
Em seguida, confira as diferentes maneiras de organizar o Layout dos seus campos repetíveis.
Você pode configurar seus campos em linhas únicas, colunas com espaçamento uniforme e colunas com espaçamento irregular.
Se você tiver Linhas repetíveis de nomes e idades de participantes, por exemplo, pode escolher um Layout que posicione um espaço maior para o nome e um espaço menor para a idade.
Portanto, meu exemplo de Linhas e colunas de Layout no construtor de formulários acima ficaria assim para um usuário do formulário:
Ou, lembre-se daquele Bloco que mostrei no final da etapa 3 com o Nome do Participante, Informações de Contato de Emergência e outros campos?
Eu poderia utilizar um Layout de 2 colunas para personalizar esta parte do formulário.
Então, ficaria algo assim para o usuário:
Dica Pro: Use um campo de Nome simples, de uma linha, para manter as colunas com espaçamento uniforme, como fiz acima.
Modificar esses aspectos do campo Repetidor apenas ajuda a manter tudo arrumado e organizado em todo o seu formulário.
5. Personalize a Visualização do Botão
A última coisa a personalizar dentro da sua seção de campo repetidor são os Botões + e – para adicionar e remover campos repetíveis.
Estes são os botões que o usuário do seu formulário clicará para adicionar nomes, seções de registro ou quaisquer outros campos que você disponibilizou para duplicar.
Por padrão, esses botões exibem + ou – no final de cada Linha, mas você pode personalizar esses ícones ao utilizar um Bloco.
Como os botões ficam abaixo do Bloco em vez de no final da Linha, permitir que ele se torne mais longo através da personalização ainda mantém as coisas visualmente organizadas.
Primeiro, selecione o Tipo de Botão.
As opções aqui incluem:
- Botões com ícones
- Botões
- Ícones com texto
- Ícones
- Texto simples
Se o seu botão exibir texto de qualquer tipo, você pode personalizá-lo na próxima caixa. É aqui que você pode alterar o que o Rótulo do Botão lê.
Em um formulário de registro em grupo, por exemplo, você pode personalizar seu botão para ler "Adicionar Participante".
Finalmente, você pode escolher o Limite mínimo e máximo para seus campos repetíveis.
Por padrão, este Limite é definido em um mínimo de 1 e um máximo de 10. Isso significa que os usuários do formulário podem registrar até 10 participantes neste formulário.
Portanto, ao aplicar as configurações mostradas acima, o botão em nosso formulário de registro de grupo ficaria assim para os usuários:
Como sempre, quando estiver satisfeito com seus campos personalizáveis e repetíveis, certifique-se de salvar seu formulário para publicá-lo quando estiver pronto.
E é só isso! Agora você sabe como permitir que os visitantes do site dupliquem campos em seus formulários.
Bônus: O Campo Repetidor em Ação
Eu mostrei como usar a área de campo Repetidor em um formulário de registro de grupo, mas gostaria de compartilhar alguns outros bons exemplos dessa funcionalidade em ação.
Formulário de Folha de Ponto do Funcionário
Primeiro, dê uma olhada nesta folha de ponto de funcionário que oferecemos como modelo:
Os detalhes do funcionário são coletados primeiro, incluindo nome, e-mail, ID do funcionário, além de suas horas totais da semana.
Os funcionários podem então inserir seus dias e horas específicas trabalhadas na semana, essencialmente usando este formulário como uma folha de ponto semanal.
Ele utiliza Blocos e colunas repetíveis que permitem aos usuários duplicar campos para o dia da semana em que trabalharam, juntamente com o horário de entrada e saída desse dia. Esses campos podem ser repetidos até 14 vezes, ou o equivalente a uma semana de turnos duplos.
Quer usar este formulário em seu site? Obtenha o modelo!
Formulário de Lista de Classe
Agora, confira esta lista de turma que também oferecemos como modelo:
Começa coletando as informações do professor para facilitar o rastreamento de cada envio.
Em seguida, com o campo Repetidor, os professores podem adicionar facilmente informações para cada aluno em sua lista — como série, data de nascimento ou quaisquer outros dados que desejem incluir para registro.
Os professores podem usar esta lista para até 20 alunos. Ou, como sempre, este modelo de formulário é totalmente personalizável, portanto, o número máximo de entradas permitidas pode ser modificado.
Gostou deste formulário? Obtenha o modelo!
Confira também este guia para saber se você deve usar o campo Repetidor ou o campo Layout do WPForms com Lógica Condicional para otimizar ainda mais seu formulário.
Por que devo permitir que os visitantes dupliquem campos de formulário?
É bom para os usuários do seu formulário! Permitir que os visitantes dupliquem campos de formulário torna o processo de preenchimento de formulários muito mais fácil, especialmente quando os usuários precisam inserir informações semelhantes ou repetitivas. Isso pode economizar tempo dos visitantes do seu site e tornar a experiência de preenchimento de formulários mais conveniente e eficiente.
E também é bom para você! Quando os usuários podem duplicar campos de formulário, é mais fácil para você coletar e organizar dados para análise, pois pontos de dados semelhantes são agrupados e mais gerenciáveis.
Além disso, mantém seu formulário organizado e visualmente atraente. Seus visitantes não ficarão sobrecarregados com longas seções de campos vazios, e você não terá que criar um caminho complicado de regras de lógica condicional para manter campos adicionais ocultos.
O Campo Repetidor é um ganha-ganha para todos!
Perguntas Frequentes
Na WPForms, estamos sempre felizes em oferecer orientação sobre os recursos e ferramentas que fornecemos. Portanto, aqui estão as respostas para algumas de nossas perguntas mais frequentes sobre a duplicação de campos de formulário:
O que significa permitir que os visitantes dupliquem campos de formulário?
Permitir que os visitantes dupliquem campos de formulário significa fornecer a eles uma opção para criar várias instâncias de um campo específico dentro de um formulário. Dessa forma, eles podem inserir informações semelhantes ou repetitivas com mais eficiência.
No WPForms, nos referimos a essas duplicatas como campos Repetidores, já que os usuários do formulário podem repetir esses campos para inserir mais informações.
Como posso implementar a duplicação de campos nos formulários do meu site?
Os métodos de implementação podem variar dependendo da plataforma ou das ferramentas que você está usando.
Quanto ao WPForms, habilitamos a duplicação de campos com um simples clique ou ação de arrastar e soltar. Em outros casos, você pode precisar usar código personalizado ou plugins para adicionar essa funcionalidade.
Devo definir um limite para o número de vezes que um campo de formulário pode ser duplicado?
Definir limites pode ajudar a manter a usabilidade do formulário e evitar que os usuários criem um número excessivo de campos, o que pode impactar o desempenho do formulário ou a gerência de dados.
Com o campo Repetidor do WPForms, você pode definir um limite máximo para entradas duplicadas, para que você controle esse aspecto do seu formulário.
Crie Seu Formulário WordPress Agora
Em seguida, confira este guia rápido e fácil
Compartilhei muitas informações sobre como permitir que os visitantes dupliquem campos, mas ainda há mais para aprender sobre o uso do campo Repetidor. Esse recurso oferece muito, há muito o que cobrir.
Para aprender algumas dicas rápidas e fáceis adicionais — incluindo ideias de personalização não abordadas aqui — certifique-se de dar uma olhada em nosso tutorial sobre o campo Repetidor .
Pronto para construir seu formulário? Comece hoje mesmo com o plugin construtor de formulários WordPress mais fácil. WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de devolução do dinheiro em 14 dias.
Se este artigo ajudou você, por favor, siga-nos no Facebook e Twitter para mais tutoriais e guias gratuitos do WordPress.
