Definindo Campos como Somente Leitura

Você gostaria de exibir informações em seus formulários sem permitir que os usuários as alterem? Com o WPForms, você pode tornar qualquer campo somente leitura para que os usuários possam visualizar os valores, mas não editá-los.

Neste tutorial, mostraremos como habilitar a opção somente leitura no construtor de formulários.

---

Habilitando Somente Leitura para um Campo

Para começar, abra seu formulário no construtor e clique no campo que você gostaria de tornar somente leitura. Em seguida, abra a aba Avançado no painel Opções do Campo e ative a configuração Somente Leitura.

Uma vez habilitado, o campo permanecerá visível em seu formulário, mas os usuários não poderão alterar seu valor.

Casos de Uso para Campos Somente Leitura

Campos somente leitura são úteis em muitos cenários diferentes, como:

• Exibindo dados pré-preenchidos: Por exemplo, você pode inserir Smart Tags como {user_email} ou {user_display_name} para mostrar os detalhes da conta de um usuário sem permitir que ele edite esses valores.
• Mostrando totais calculados: Se o seu formulário calcula um valor (como totais de pedidos ou pontuações), você pode exibi-lo em um campo somente leitura.
• Formulários de confirmação: Permita que os usuários revisem as informações antes do envio sem alterá-las.
• Restrições baseadas em função: Combine lógica condicional com campos somente leitura para que certos usuários possam apenas visualizar dados enquanto outros podem editá-los.

Como Campos Somente Leitura Aparecem no Frontend

No frontend, os campos somente leitura aparecem esmaecidos ou estilizados como desativados, para que fique claro que eles não podem ser alterados. Essa estilização funciona nos temas de formulário Clássico e Moderno, bem como em construtores de páginas como Gutenberg e Divi.

Mesmo que o campo esteja bloqueado, seu valor ainda é enviado com a entrada do formulário.

É isso! Agora você sabe como definir campos como somente leitura no WPForms.

Em seguida, você gostaria de pré-preencher seus campos automaticamente? Confira nosso tutorial sobre como adicionar valores padrão para campos de formulário.