Quer mudar a aparência do campo Checkboxes do seu formulário? O WPForms oferece muitas opções para personalizar a aparência e o funcionamento deste campo nos seus formulários publicados.
Este artigo irá partilhar todas as formas de personalizar os campos das caixas de verificação do WPForms.
- Editar a etiqueta e a descrição do campo
- Editar, adicionar e remover opções
- Geração de opções com a IA do WPForms
- Requisição do campo
- Aleatoriedade das escolhas
- Exibição de caixas de seleção em um layout de várias colunas
- Limitar selecções de escolha para caixas de verificação
- Utilização de caixas de verificação Opções dinâmicas
- Esconder a etiqueta do campo
- Ativar a apresentação da declaração de exoneração de responsabilidade ou dos termos de serviço
- Perguntas mais frequentes
Nota: O campo Caixas de verificação permite que os utilizadores seleccionem várias opções de cada vez. Se precisar que os utilizadores seleccionem apenas uma opção, em que a seleção de uma opção deve anular automaticamente a seleção da outra, recomendamos que utilize o campo Escolha múltipla.
Antes de verificar 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 para abrir o construtor de formulários.
Aqui, procure as caixas de verificação na secção Campos padrão.
Para adicionar um campo Caixas de verificação ao seu formulário, clique nele ou arraste-o e largue-o na área de pré-visualização do criador de formulários. Em seguida, clique no campo para abrir as suas opções de campo.
Nota: Quer saber mais sobre todas as personalizações de campo que são possíveis no WPForms? Consulte nosso guia completo de opções de campo para obter mais dicas.
Editar a etiqueta e a descrição do campo
As primeiras opções de campo a considerar são a Etiqueta e a Descrição.
Alterar a etiqueta do campo
Por predefinição, a etiqueta do campo será "Caixas de verificação". No entanto, pode alterar facilmente este texto para o que pretender, introduzindo a sua própria etiqueta personalizada no painel Opções de campo.
Adicionar uma descrição
As descrições de campo são úteis para fornecer informações aos seus utilizadores, tais como instruções para fazer as suas selecções no campo Caixas de verificação.
Para adicionar uma descrição, basta escrevê-la no campo relevante no painel Opções de campo.
Nota: Quer saber mais sobre outras formas de incorporar texto nos seus formulários? Confira nosso tutorial sobre como adicionar texto extra no WPForms.
Editar, adicionar e remover opções
Uma das principais caraterísticas do campo Caixas de verificação é que permite aos utilizadores selecionar várias opções. Eis como personalizar as opções que apresenta nos seus formulários.
Editar opções de caixas de verificação
Para editar a etiqueta de uma caixa de verificação, basta escrever o texto pretendido no campo fornecido.
Pode pré-selecionar qualquer opção clicando na caixa de verificação à esquerda da respectiva etiqueta.
Nota: Para obter mais detalhes sobre a pré-seleção de caixas de seleção, consulte nosso tutorial sobre como definir valores padrão para campos no WPForms.
Se pretender reordenar as escolhas das caixas de verificação, basta arrastar e largar os itens pela ordem em que pretende que apareçam.
Adicionar e remover caixas de verificação Opções
Para adicionar mais opções ao campo Caixas de verificação, clique no botão azul de mais (+) junto a qualquer opção existente.
A nova opção será adicionada imediatamente abaixo da opção em cujo botão mais (+) clicou.
Nota: Quer saber como configurar uma caixa de verificação "Outro" que apresenta um campo de texto quando selecionada? Consulte o nosso tutorial sobre como o conseguir com a lógica condicional.
Pode adicionar várias escolhas de uma só vez, clicando em Adicionar em massa.
Introduza cada nova opção que gostaria de incluir na sua própria linha e, em seguida, clique em Adicionar novas opções.
As suas novas escolhas serão adicionadas ao final da lista de itens existente.
Nota: Precisa de mais ajuda para adicionar opções ao seu campo Caixas de verificação? Consulte o nosso tutorial sobre como adicionar opções em massa a campos de seleção.
Se pretender remover uma opção do campo Caixas de verificação, clique no botão vermelho de menos (-) junto à mesma no painel Opções de campo.
Nota: Gostaria que o campo Caixas de verificação tivesse um aspeto de botão? A nossa documentação para programadores fornece um guia sobre como transformar este campo com CSS.
Utilizar opções de imagem
Se pretender, pode adicionar imagens a cada uma das escolhas do campo Caixas de verificação. Para o fazer, active a opção Utilizar opções de imagem.
Será apresentado um botão Carregar imagem para cada opção no campo Caixas de verificação. Clique no botão para selecionar uma imagem para essa opção a partir da biblioteca multimédia do seu site ou do seu computador.
Nota: As opções de imagem não são cortadas ou redimensionadas quando adicionadas ao formulário. Para obter o melhor aspeto, utilize imagens com 250 px quadrados ou mais pequenas e certifique-se de que todas as suas imagens têm o mesmo tamanho.
Depois de escolher um ficheiro de imagem, é apresentada uma pré-visualização do mesmo no painel Opções de campo.
Nota: Quer mais detalhes sobre como usar as opções de imagem no WPForms? Veja nosso guia completo sobre esse recurso para saber mais.
Utilizar as opções de ícones
O campo Caixas de verificação também lhe permite adicionar ícones às suas escolhas. Para ativar esta funcionalidade, active a opção Utilizar escolhas de ícones.
Depois de ativar as opções de ícones, verá ícones predefinidos adicionados a cada opção no campo Caixas de verificação. Quando estiver pronto, clique num dos ícones predefinidos para o substituir pelo seu ícone preferido.
Em seguida, aparece o Seletor de ícones, onde pode navegar e pesquisar mais de 2.000 ícones. Quando encontrar um ícone que lhe agrade, clique nele para o adicionar ao seu formulário.
Depois de selecionar um ícone no Selecionador de ícones, este aparecerá no criador de formulários.
Nota: Quer saber mais sobre as opções de ícones? Não deixe de consultar o nosso guia passo-a-passo sobre a utilização de opções de ícones para obter mais informações.
Geração de opções com a IA do WPForms
Também pode adicionar escolhas ao seu campo Checkboxes utilizando a IA do WPForms. Esta funcionalidade permite-lhe gerar rapidamente escolhas relevantes com base no seu pedido. Para utilizar o WPForms AI, basta clicar no botão Gerar opções abaixo da secção Opções.
Nota: Para saber mais sobre como gerar escolhas com o WPForms AI, não deixe de conferir nosso tutorial sobre o uso de AI Choices.
Requisição do campo
Se quiser garantir que os utilizadores preenchem o campo Caixas de verificação antes de submeterem o formulário, terá de o marcar como obrigatório.
Basta ativar a definição Obrigatório na parte inferior das opções gerais do campo.
No frontend, os utilizadores verão uma mensagem que diz "Este campo é obrigatório" se tentarem submeter o formulário sem fazer uma seleção no campo Caixas de verificação.
Nota: Pretende personalizar o texto que os utilizadores verão se saltarem um campo obrigatório nos seus formulários? Consulte o nosso tutorial sobre como alterar as mensagens de validação.
Aleatoriedade das escolhas
Fazer com que as escolhas das Caixas de verificação apareçam por ordem aleatória sempre que o formulário é carregado pode evitar a distorção da ordem nas entradas.
Para aleatorizar as escolhas das caixas de verificação, clique no separador Avançadas no painel Opções de Campo.
Em seguida, active a definição Randomizar escolhas.
Nota: Para obter mais detalhes, consulte o nosso tutorial completo sobre como aleatorizar escolhas para caixas de verificação e campos de escolha múltipla.
Exibição de caixas de seleção em um layout de várias colunas
Se o campo Caixas de verificação incluir muitas opções, pode ser útil organizá-las num esquema de várias colunas para que ocupem menos espaço.
Utilizando o menu pendente Disposição das opções, pode organizar as caixas de verificação em 1, 2 ou 3 colunas.
Ou pode escolher a opção Em linha para apresentar todas as escolhas numa linha. Se tiver mais opções do que as que cabem numa única linha, estas serão apresentadas numa nova linha, da seguinte forma.
Nota: Para mais informações, consulte o nosso tutorial sobre a criação de esquemas de várias colunas para campos de caixas de verificação.
Limitar selecções de escolha para caixas de verificação
Por predefinição, o campo Caixas de verificação permite que os utilizadores seleccionem o número de opções que quiserem. Se pretender limitar o número de opções que os utilizadores podem selecionar, pode introduzir um número no campo Limite de escolha nas opções avançadas do campo.
Nota: Consulte o nosso tutorial sobre como limitar as selecções das caixas de verificação para obter mais informações sobre esta opção de campo.
Utilização de caixas de verificação Opções dinâmicas
Os campos de caixas de verificação podem utilizar dados do seu sítio, como taxonomias ou títulos de publicações, para preencher dinamicamente as suas escolhas.
Para ativar esta opção, selecione Tipo de publicação ou Taxonomia no menu pendente Opções dinâmicas.
Nota: Procurando mais orientações sobre como configurar suas escolhas dinâmicas? Veja nosso tutorial passo a passo sobre como usar valores dinâmicos no WPForms para obter todos os detalhes.
Esconder a etiqueta do campo
Por fim, se pretender ocultar a etiqueta do campo Caixas de verificação no frontend, active a definição Ocultar etiqueta no separador Avançadas do painel Opções de campo.
Nota: Mesmo que oculte a etiqueta de um campo no frontend, recomendamos que inclua uma etiqueta para o mesmo nas suas opções gerais de campo. Isto ajudá-lo-á a identificar o campo nas entradas do seu formulário.
Ativar a apresentação da declaração de exoneração de responsabilidade ou dos termos de serviço
Uma vez que muitos formulários pedem aos utilizadores que verifiquem se leram os Termos de Serviço ou se reconhecem uma declaração de exoneração de responsabilidade, o WPForms permite-lhe adicionar facilmente uma caixa de verificação para os utilizadores clicarem para o fazer.
Para ativar esta funcionalidade, coloque a opção Ativar apresentação da declaração de exoneração de responsabilidade / termos de serviço na posição "ligado".
Utilize o campo Descrição nas opções gerais do campo para listar os seus termos ou partilhar a sua declaração de exoneração de responsabilidade. Em seguida, adicione uma única opção com o seguinte título: "Concordo com os termos e condições" ou "Aceito a declaração de exoneração de responsabilidade abaixo".
No frontend, o texto da descrição do campo aparecerá numa caixa branca por baixo da caixa de verificação individual.
Nota: Para obter mais detalhes sobre como configurar uma caixa de verificação de Termos de serviço ou Isenção de responsabilidade, consulte o nosso tutorial completo sobre esta funcionalidade.
Perguntas mais frequentes
Estas são as respostas a algumas das principais perguntas que recebemos sobre o campo Caixas de verificação.
Como é que posso apresentar dados dinâmicos nas etiquetas das minhas caixas de verificação?
Pode incluir dados dinâmicos nas etiquetas das caixas de verificação utilizando etiquetas inteligentes. Para tal, é necessário um snippet de PHP para permitir o processamento de Smart Tags diretamente nas etiquetas das caixas de verificação. Para obter instruções passo a passo sobre como implementar isto, consulte a nossa documentação para programadores.
Como é que posso definir um número mínimo de escolhas para um campo de caixas de verificação no WPForms?
Para impor um número mínimo de selecções num campo de caixa de verificação, pode utilizar um snippet JavaScript. Isto permite-lhe especificar um número mínimo de opções que os utilizadores devem selecionar antes de submeterem o formulário, o que é particularmente útil para inquéritos ou formulários em que é necessário um nível mínimo de envolvimento.
Para obter instruções passo a passo sobre como implementar esta funcionalidade, consulte a nossa documentação para programadores.
É isso aí! Agora já conhece todas as opções que estão disponíveis para o campo Checkboxes no WPForms.
Em seguida, gostaria de mostrar ou ocultar outros campos no seu formulário com base nas selecções dos utilizadores no seu campo Checkboxes? Não deixe de ler sobre o uso da lógica condicional inteligente no WPForms.