campo de repetição vs campo de disposição

WPForms Repeater Field vs Layout Field com lógica condicional

Como utilizador avançado do WPForms, sei que a criação de formulários eficientes e intuitivos que proporcionam uma experiência perfeita ao utilizador final tem tudo a ver com a seleção das funcionalidades certas para o trabalho.

Duas das funcionalidades mais versáteis que utilizo regularmente são o Campo repetidor e o Campo de apresentação com lógica condicional. Embora ambas permitam controlar a forma como os campos aparecem, cada opção oferece as suas próprias vantagens.

Neste post, vou explorar como cada recurso funciona, suas principais diferenças e quando você pode querer usar um sobre o outro para tirar o máximo proveito do WPForms.

Crie o seu formulário WordPress agora

Visão geral do campo repetidor do WPForms versus o campo de layout

O campo Repetidor é perfeito para reunir várias entradas dos mesmos dados, como adicionar detalhes de vários membros da família ou listar vários serviços numa única submissão de formulário.

Por outro lado, o Layout Field com lógica condicional personaliza a estrutura do formulário com base nas escolhas do utilizador. Ajuda a criar um formulário dinâmico que se altera com base em diferentes selecções.

Nota:

Lembre-se de que você precisa de uma licença básica do WPForms ou superior para usar esses dois recursos. Clique aqui para obter sua licença paga agora!

O que é o campo repetidor do WPForms?

O Repeater Field é uma funcionalidade do WPForms que considero extremamente útil quando construo formulários que precisam de recolher entradas de dados repetidas. Essencialmente, este tipo de campo permite que os utilizadores adicionem, dupliquem ou removam vários conjuntos de campos conforme necessário - dentro do mesmo formulário.

ilustração do campo do repetidor

Imagine-o como um mini-formulário dentro de um formulário, dando aos utilizadores a flexibilidade de preencherem detalhes adicionais ou de os deixarem em branco se não forem necessários. O seu principal objetivo é facilitar a recolha de dados quando se espera que os utilizadores forneçam informações que podem variar em quantidade.

Por exemplo, se estiver a criar um formulário de inscrição para um evento, pode utilizar o campo Repetidor para permitir que os participantes acrescentem participantes adicionais sem sair do formulário ou abrir um novo. Isto torna a experiência do utilizador mais simples e direta.

vários participantes

Casos de utilização para o campo do repetidor

Quando comecei a utilizar o Campo Repetidor, reparei que este se destaca em cenários em que pretendo que os utilizadores tenham mais controlo sobre a quantidade de informação que partilham. Eis alguns casos de utilização comuns:

  • Registo de eventos: Os utilizadores podem adicionar facilmente vários participantes num único envio de formulário, o que o torna excelente para inscrições de equipas, eventos familiares ou qualquer outro evento.
  • Listagens de imóveis: Perfeito para listar várias caraterísticas da propriedade (por exemplo, quartos e casas de banho) e descrever os detalhes de cada caraterística para adquirir potenciais clientes.
  • Formação académica ou experiência profissional: Ao criar formulários de candidatura, pode incluir secções repetidas para o historial escolar ou profissional, dando aos candidatos a flexibilidade de enumerar tantas entradas quantas as necessárias.
experiência de trabalho no terreno do repetidor

Principais caraterísticas do campo repetidor

O que mais aprecio no campo Repetidor é a sua natureza dinâmica. É possível adicionar ou remover entradas em tempo real, o que significa que os utilizadores estão a interagir com um formulário que se ajusta com base nas suas necessidades. Eis uma análise mais pormenorizada das suas funcionalidades:

  • Adicionar ou remover entradas de forma dinâmica: Com apenas um clique, os utilizadores podem duplicar campos ou remover os desnecessários. Isto é ótimo para minimizar a confusão nos formulários e garantir que os utilizadores preenchem apenas o que é necessário.
  • Layout personalizável: Pode personalizar a forma como os campos repetidos aparecem, quer sejam empilhados, lado a lado, ou qualquer outra configuração que se adeqúe ao objetivo do formulário. Isto facilita a manutenção de um aspeto limpo, independentemente do número de entradas adicionadas.
  • Limitar o número de entradas repetidas: Tem a opção de definir um número máximo ou mínimo de entradas repetidas, garantindo que o formulário não fica sobrecarregado ou recolhe demasiadas informações.
limite de entradas campo repetidor

Crie já o seu formulário de campo de repetição! 🙂

O que é o campo de layout com lógica condicional?

O Layout Field no WPForms é uma daquelas funcionalidades que me ajuda a criar formulários mais organizados e visualmente mais apelativos sem precisar de qualquer codificação extra.

O seu principal objetivo é permitir-lhe estruturar o seu formulário em várias colunas ou linhas, tornando o design geral mais limpo e mais fácil de navegar para os utilizadores.

predefinições de layout

Por exemplo, geralmente não é bom para a experiência do utilizador (UX) se uma longa lista de campos for empilhada numa única coluna. Em vez de ter todos os campos empilhados verticalmente, pode agrupar os campos relacionados lado a lado, o que faz com que o formulário tenha um aspeto mais profissional e menos sobrecarregado.

formulário de duas colunas

Leia também: Melhores Práticas do WPForms: Como criar o formulário perfeito para o seu site

No entanto, o verdadeiro poder deste campo surge quando o combina com a lógica condicional. Esta funcionalidade permite-lhe mostrar ou ocultar secções inteiras do seu formulário com base no que os utilizadores selecionam ou introduzem nos campos anteriores. Isto significa que pode criar formulários flexíveis e adaptáveis mais rapidamente do que nunca.

Casos de uso para o campo layout com lógica condicional

Considero o Layout Field com lógica condicional particularmente útil quando preciso de formulários que se adaptam a diferentes tipos de utilizadores ou pedidos. Eis alguns cenários em que o utilizei eficazmente:

  • Formulários baseados em membros: Digamos que tem um formulário de candidatura a membro - utilizeo Campo de estrutura para apresentar ou ocultar secções com base no tipo de membro. Desta forma, os campos que apenas se aplicam a níveis de filiação específicos permanecem visíveis e o formulário mantém-se organizado.
  • Formulários passo-a-passo: Este campo é ótimo para dividir formulários extensos em passos fáceis de gerir. Utilizando a lógica condicional, pode fazer com que cada secção apareça uma de cada vez, dependendo da entrada do utilizador.
  • Seleção de produto ou serviço: É possível apresentar diferentes conjuntos de perguntas com base no produto ou serviço que o utilizador seleciona. Isto ajuda a criar uma experiência focada, uma vez que o utilizador apenas vê os campos que lhe interessam.
lógica condicional do campo de apresentação

Principais caraterísticas do campo layout com lógica condicional

O que realmente distingue o Layout Field é a combinação das suas opções de personalização de layout com uma poderosa lógica condicional. Aqui estão os recursos que acho que serão mais úteis:

  • Layouts baseados em colunas: É possível criar várias colunas num único formulário, ajudando a organizar os campos de forma mais eficiente. Isto é especialmente útil se pretender apresentar os campos lado a lado em vez de numa única coluna vertical.
  • Divisões de várias secções: Separe o seu formulário em secções distintas, cada uma com o seu próprio título e campos agrupados. Isto é perfeito quando precisa de categorizar campos de formulário, como agrupar separadamente detalhes de contacto e informações de faturação.
  • Lógica condicional para conjuntos de campos inteiros: A magia acontece quando se utiliza a lógica condicional para mostrar ou ocultar secções inteiras. É possível fazer aparecer diferentes grupos de campos com base numa única ação do utilizador, como selecionar uma caixa de verificação ou introduzir informações específicas.
lógica condicional de apresentação

Utilizar o Layout Field com lógica condicional! 🙂

Quando utilizar um campo repetidor ou um campo de estrutura com lógica condicional

A escolha entre o Campo repetidor e o Campo de apresentação depende do tipo de formulário que está a construir e do tipo de dados que precisa de recolher.

Diferenças de funcionalidade

O campo repetidor foi concebido para permitir aos utilizadores duplicar campos ou grupos de campos a pedido, o que o torna perfeito para recolher conjuntos repetidos de informações.

Por conseguinte, se estiver a trabalhar num formulário que requer informações repetidas, como um formulário de encomenda em que os utilizadores têm de listar vários produtos ou uma candidatura a emprego que pede várias experiências de trabalho, o campo Repetidor é uma escolha clara.

Por outro lado, o Layout Field tem mais a ver com a estruturação visual do conteúdo. Ajuda a organizar os campos do formulário em secções, linhas ou colunas, dando-lhe controlo sobre a forma como o formulário é apresentado ao utilizador.

Consequentemente, se estiver a construir um formulário complexo com várias secções que precisam de ser apresentadas condicionalmente, por exemplo, um formulário de membro que mostre perguntas diferentes com base no tipo de membro, optarei pelo Campo de Apresentação com Lógica Condicional.

Diferenças nos casos de utilização

O campo Repetidor e o campo Disposição foram concebidos para resolver diferentes desafios. Utilizo frequentemente o campo Repetidor quando preciso de reunir um conjunto repetido de informações.

Por exemplo, ao criar um formulário de registo de eventos em que os participantes podem inscrever vários convidados, o campo Repetidor é um salva-vidas. Simplifica o processo, permitindo aos utilizadores adicionar detalhes para cada convidado adicional.

Entretanto, o Layout Field brilha quando preciso de manter o formulário bem organizado ou torná-lo sensível ao contexto. É ideal para formulários em que se pretende apresentar um conjunto de campos com base na entrada do utilizador.

Por exemplo, se estiver a criar um inquérito e quiser mostrar um novo conjunto de perguntas apenas se o utilizador selecionar uma determinada resposta, o Campo de apresentação com lógica condicional é perfeito para isso.

Escolher o campo certo

Em suma, utilize o campo Repetidor para simplificar a recolha de dados repetitivos e utilize o campo Disposição quando pretender ter mais controlo sobre a disposição do formulário e pretender mostrar ou ocultar secções com base no comportamento do utilizador.

Atualize para o WPForms Pro agora! 🙂

Perguntas frequentes - Campo repetidor do WPForms vs. campo de layout com lógica condicional

Como é que se utiliza a lógica condicional no WPForms?

A lógica condicional no WPForms permite-lhe mostrar ou ocultar campos de formulário com base nas selecções do utilizador. Para a utilizar, aceda ao Construtor de Formulários, selecione o campo que pretende controlar e active Mostrar/Ocultar lógica condicional.

Configure as regras com base na entrada de um utilizador, como, por exemplo, apresentar perguntas adicionais apenas se uma caixa de verificação específica estiver marcada. Isto ajuda a criar formulários mais personalizados e relevantes.

Para obter mais detalhes, consulte este guia sobre como usar a lógica condicional com WPForms.

Como tornar o WPForms inline?

Para que os WPForms apareçam em linha (numa única linha), pode ajustar as definições de Layout do Campo. Basta ir ao Form Builder, selecionar o campo que pretende estilizar e escolher a opção Inline Layout em Advanced Options.

Também é possível usar CSS personalizado para garantir que todos os campos e botões sejam exibidos lado a lado. Para mais informações, consulte o nosso tutorial sobre a apresentação de formulários numa única linha.

É possível personalizar o WPForms?

Sim, pode personalizar totalmente o WPForms para corresponder às suas preferências de marca e design. Pode alterar as cores, a disposição e o estilo do formulário utilizando o Form Styler incorporado ou adicionando CSS personalizado.

O WPForms também permite personalizar notificações de formulários e mensagens de confirmação e adicionar recursos avançados, como lógica condicional. Comece a personalizar o seu formulário!

A seguir, Optin simples vs Optin duplo: Qual deve escolher

Ao inscrever subscritores na sua lista de correio eletrónico, existem dois métodos principais que cada empresa tem de escolher entre o opt-in simples e o opt-in duplo.

Mas como é que se toma essa decisão? Consulte este guia para saber mais sobre os métodos de inscrição single opt-in e double opt-in e saiba qual a alternativa mais adequada aos seus objectivos comerciais específicos.

Crie o seu formulário WordPress agora

Pronto para criar o seu formulário? Comece hoje mesmo com o plugin de criação de formulários mais fácil do WordPress. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de reembolso de 14 dias.

Se este artigo o ajudou, siga-nos no Facebook e no Twitter para mais tutoriais e guias gratuitos do WordPress.

Divulgação: O nosso conteúdo é apoiado pelos leitores. Isso significa que se você clicar em alguns de nossos links, podemos ganhar uma comissão. Veja como o WPForms é financiado, por que isso é importante e como você pode nos apoiar.

Hamza Shahid

Hamza é um escritor da equipa WPForms, que também é especialista em tópicos relacionados com marketing digital, cibersegurança, plugins WordPress e sistemas ERP.Saiba mais

O melhor plug-in de criação de formulários de arrastar e soltar do WordPress

Fácil, rápido e seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.

Active o JavaScript no seu browser para preencher este formulário.

Adicionar um comentário

Ficamos satisfeitos por ter escolhido deixar um comentário. Tenha em atenção que todos os comentários são moderados de acordo com a nossa política de privacidade e que todas as hiperligações são nofollow. NÃO utilize palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Este formulário é protegido pelo Cloudflare Turnstile e aplicam-se a Política de Privacidade e os Termos de Serviço da Cloudflare.