Adicionar texto extra e descrições a formulários

Gostaria de fornecer mais informações aos seus utilizadores quando estes preenchem os seus formulários WordPress? Os utilizadores podem compreender melhor os requisitos do formulário com instruções adicionais, o que aumenta a probabilidade de preencherem o formulário com êxito.

Este tutorial irá mostrar-lhe diferentes formas de adicionar texto extra e descrições aos seus formulários com WPForms.


Antes de experimentar as opções abaixo, certifique-se de que o WPForms está instalado e ativado no seu site WordPress. Em seguida, crie um novo formulário ou edite um já existente.

Adicionar um nome e uma descrição de formulário

O nome e a descrição de um formulário permitem aos utilizadores obter uma visão geral do formulário num relance rápido.

Na página Configuração do criador de formulários, pode adicionar ou editar o título do seu formulário no campo Nome do seu formulário.

O campo Nomear o seu formulário na página Configuração do criador de formulários

A descrição do formulário permite-lhe fornecer mais informações aos utilizadores. Para adicionar uma descrição ao seu formulário, aceda a Definições " Geral e edite o campo Descrição do formulário.

Adicionar uma descrição a um formulário

Por padrão, o nome e a descrição do formulário não são visíveis no frontend quando você publica seu formulário. Se quiser mostrá-los aos utilizadores, clique no ícone de três pontos na barra de ferramentas do bloco WPForms e selecione Mostrar mais definições.

Mostrar mais definições para o bloco WPForms no editor de blocos

Nota: Se a opção Exibir rótulos dos botões estiver activada, este botão será rotulado como "Opções". Pode ativar esta funcionalidade em Opções " Preferências " Geral " Aparência no editor de blocos do WordPress.

Isto abrirá o painel de opções do bloco no lado direito do editor. Aqui, active as opções Mostrar título e Mostrar descrição.

Mostrar o título e a descrição do formulário

Em seguida, guarde ou actualize a página. No frontend do seu sítio, eis o aspeto do nome e da descrição do formulário:

Um exemplo de título e descrição de um formulário no frontend

Adicionar uma etiqueta de campo, descrição e texto de marcador de posição

Embora o nome e a descrição do formulário possam dar aos utilizadores uma visão geral do formulário, a adição de etiquetas de campo, descrições ou texto de marcador de posição (ou uma combinação destes) permite-lhe fornecer informações específicas para um campo individual.

No criador de formulários, clique no campo ao qual pretende adicionar informações. Isto abrirá o painel Opções do campo, onde pode editar o Rótulo e a Descrição do campo.

Adicionar uma etiqueta e uma descrição de campo

Nota: Interessado em adicionar imagens antes ou depois das etiquetas do formulário no WPForms? Para obter instruções passo a passo, consulte nossa documentação para desenvolvedores.

Se desejar, também pode adicionar texto de marcador de posição para mostrar aos utilizadores alguns exemplos de entrada. Este texto estará visível até que um utilizador comece a escrever a sua própria entrada ou faça uma seleção.

Para adicionar texto de marcador de posição a um campo, clique no mesmo na área de pré-visualização para abrir as respectivas opções de campo. A partir daí, clique no separador Avançadas e preencha o campo Texto do marcador de posição.

Adicionar texto de marcador de posição a um campo de correio eletrónico

Nota: Quer saber mais sobre todas as maneiras de usar o texto do espaço reservado nos seus formulários? Confira nosso tutorial sobre como adicionar texto de espaço reservado a campos no WPForms.

Eis o aspeto do campo de correio eletrónico no frontend com uma etiqueta de campo, descrição e texto de marcador de posição:

Um exemplo de um campo de correio eletrónico com uma etiqueta, uma descrição e um texto de marcador de posição

Utilizar um campo HTML

O campo HTML no WPForms permite-lhe adicionar texto autónomo ou código HTML ao seu formulário. Para adicionar este campo ao seu formulário, procure em Fancy Fields e clique em HTML ou arraste e largue-o na área de pré-visualização.

Adicionar um campo HTML a um formulário

Depois, basta adicionar o texto que gostaria de incluir no campo Código no painel Opções de campo. Se desejar, pode formatar o texto com HTML.

Adicionar texto a um campo HTML

Eis o aspeto do texto no campo HTML quando publicado num formulário acima de um campo de introdução de parágrafo:

Texto adicionado com um campo HTML no frontend

Se pretender adicionar uma hiperligação no seu formulário, também pode utilizar o campo HTML para o efeito. Tudo o que precisa de fazer é adicionar o código da ligação ao campo HTML:

Adicionar uma ligação a um campo HTML

Eis o aspeto de uma ligação num formulário publicado:

Um exemplo de uma ligação adicionada a um formulário com um campo HTML

Nota: Se não tiver a certeza de como criar uma ligação HTML, consulte o guia da Mozilla Developer Network para criar hiperligações para obter mais detalhes.

Para ver todas as opções disponíveis para o campo HTML no WPForms, não deixe de conferir nosso tutorial sobre como incorporar campos HTML personalizados.

Utilizar o campo de conteúdo

O campo Content no WPForms fornece uma maneira simples e fácil de adicionar conteúdo, como cabeçalhos, listas, parágrafos e mídia aos seus formulários. Para adicionar este campo ao seu formulário, procure em Campos especiais e clique em Conteúdo ou arraste e solte-o na área de visualização.

O campo Conteúdo no construtor de formulários

Depois, basta adicionar o seu conteúdo no editor simples. O editor tem 2 modos diferentes que pode escolher para adicionar conteúdo: visual e texto.

Nota: Não deixe de conferir nosso guia completo do campo Conteúdo do WPForms para obter detalhes sobre editores visuais e de texto e como adicionar mídia com o campo Conteúdo.

Adicionar conteúdo ao campo Conteúdo

Aqui está uma pré-visualização do aspeto do seu formulário no frontend do seu sítio.

Um exemplo de campo de conteúdo no formulário

Adicionar um divisor de secção

Se tiver diferentes partes do seu formulário, pode querer adicionar títulos de secção e algumas descrições para definir cada parte.

Para o fazer, procure em Fancy Fields no criador de formulários. Em seguida, clique no campo Divisor de secções ou arraste-o e largue-o na área de pré-visualização para o adicionar ao seu formulário.

Adicionar um campo Divisor de secções a um formulário

Para alterar o título e a descrição do Divisor de secções, clique no mesmo no criador de formulários para abrir as opções de campo. A partir daqui, pode editar o Rótulo e a Descrição.

Editar a etiqueta e a descrição de um divisor de secção

Eis o aspeto da descrição do campo Divisor de secções no frontend:

Um exemplo de um separador de secções com uma descrição

Adicionar um título de página de formulário (para formulários de várias páginas)

Um formulário de várias páginas é uma óptima forma de organizar um formulário grande. Adicionar um título a cada página dá aos utilizadores mais informações sobre essa parte do formulário.

Para adicionar títulos de página, clique no campo Quebra de página na pré-visualização do construtor de formulários para abrir as opções. A partir daqui, pode editar o Título da página.

Editar o título da página para um formulário de várias páginas

Eis o aspeto do título da página no frontend quando o estilo do indicador de progresso do conetor é selecionado:

Título de uma página de formulário de várias páginas

Nota: Precisa de mais orientação para configurar o seu formulário de várias páginas? Consulte o nosso tutorial completo sobre formulários de várias páginas para obter todos os pormenores.

É isso mesmo! Agora já conhece uma variedade de formas de adicionar texto a um formulário.

Em seguida, gostaria de utilizar as dicas de ferramentas para mostrar mais informações aos utilizadores? Consulte o nosso guia para adicionar dicas de ferramentas aos seus formulários para obter instruções passo a passo.

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.