Resumo de IA
Você gostaria de adicionar texto de exemplo aos campos em seus formulários? O texto de exemplo pode ajudar a orientar seus usuários no preenchimento de seus formulários, fornecendo instruções ou mostrando um formato de exemplo.
Este tutorial mostrará como adicionar texto de exemplo a um campo no WPForms.
Neste Artigo
Por que Usar Texto de Exemplo?
O texto de exemplo é mais frequentemente usado para fornecer um pouco de orientação simples aos usuários. No entanto, em alguns casos, ele também pode ajudar a atingir objetivos de design.
O texto de exemplo pode ser especialmente útil porque, embora apareça dentro de um campo, o campo ainda será considerado vazio até que o usuário adicione seu próprio texto.
Abaixo, cobriremos os motivos mais populares para usar texto de exemplo.
Mostrando Exemplos de Entrada aos Usuários
Na maioria dos casos, o texto de exemplo é usado para mostrar exemplos de entrada aos usuários. Mesmo quando a entrada pode parecer óbvia para você, esta é uma maneira de tornar o processo de preenchimento do seu formulário ainda mais fácil para os usuários.
Por exemplo, você verá frequentemente sites usando texto de exemplo para demonstrar o formato esperado para um campo de telefone.
Observação: Gostaria que seu texto de exemplo aparecesse em cinza, como mostrado na captura de tela acima? Certifique-se de conferir nossa documentação para desenvolvedores para obter detalhes sobre como alterar a cor do texto de exemplo.
Ocultando Rótulos de Campo
Uma das maneiras mais fáceis de fazer um formulário parecer mais compacto é ocultar os rótulos dos campos.
No entanto, os rótulos dos campos (o texto que diz "Nome", "E-mail", "Mensagem", etc.) fornecem instruções muito valiosas aos seus visitantes. Em muitos casos, é a única maneira de os usuários saberem o que colocar em cada campo.
Você pode contornar isso adicionando o texto que normalmente usaria no rótulo a um texto de exemplo em vez disso.
Por exemplo, em vez de exibir o rótulo de um campo de Nome, bem como os sub-rótulos "Primeiro Nome" e "Último Nome", você pode ocultar todos eles e adicionar o texto do rótulo aos textos de exemplo de cada subcampo.
Observação: Quer tornar seus formulários ainda mais compactos? Considere usar um layout de várias colunas, ou até mesmo exibir todo o seu formulário em uma única linha.
Exigindo que os Usuários Selecionem uma Opção de Campo de Lista Suspensa
Quando você configura um campo de Lista Suspensa usando o estilo Clássico, a primeira opção será selecionada por padrão.
Se você preferir que este campo permaneça vazio até que os usuários escolham uma das opções disponíveis, você precisará adicionar texto de exemplo. Isso pode evitar confusão entre seus visitantes e ajudar você a evitar o recebimento de entradas enganosas.
Observação: Ao usar a Lista Suspensa no estilo Moderno, nenhuma opção será selecionada até que um usuário escolha uma entre os itens disponíveis. Para saber mais sobre a diferença entre campos de Lista Suspensa Clássicos e Modernos, confira as opções de personalização em nosso tutorial sobre permitir várias seleções em um campo de Lista Suspensa.
Adicionando Texto de Exemplo a Campos de Entrada
Campos de entrada, como campos de Nome, E-mail ou Texto de Linha Única, são ótimas áreas para adicionar texto de espaço reservado porque você provavelmente deseja que o usuário digite informações bem específicas.
Para nosso exemplo, adicionaremos texto de espaço reservado a um campo de E-mail.
Primeiro, crie um novo formulário ou edite um existente. Em seguida, adicione um novo campo ao seu formulário ou clique em um no construtor de formulários para abrir as opções do campo.
A partir daqui, você precisará clicar na seção Avançado para abri-la. Isso exibirá configurações extras, incluindo um campo Texto de Espaço Reservado.
Simplesmente insira o texto que você gostaria de exibir e pronto!
Certifique-se de salvar seu formulário quando terminar de fazer alterações.
Adicionando Texto de Exemplo a Campos de Lista Suspensa
O texto de espaço reservado também é super útil em campos de Suspenso. Ele pode ajudar a instruir os usuários na tomada de uma decisão, esclarecer quando nenhum item foi selecionado ainda e garantir que os usuários escolham uma opção ao usar o estilo Clássico.
Para configurar o texto de espaço reservado para um campo de Suspenso, você primeiro precisará adicionar um ao seu formulário.
Em seguida, clique no campo de Suspenso para abrir as opções do campo. Aqui, você precisará clicar na aba Avançado e adicionar seu Texto de Espaço Reservado.
Quando estiver satisfeito com seu texto de espaço reservado, certifique-se de salvar suas alterações antes de sair do construtor de formulários.
É isso! Agora você pode adicionar texto de espaço reservado aos campos do seu formulário.
Em seguida, você gostaria de aprender mais maneiras de guiar seus usuários com texto instrutivo? Certifique-se de conferir nosso guia sobre como adicionar texto e descrições que não são de entrada aos seus formulários.