Central de Ajuda Wix
    Início
  1. Crie o seu site
  2. Recursos avançados
  3. CMS
  4. Conecte elementos de entrada do usuário ao CMS
    5. CMS: configurar um elemento de entrada Caixa de seleção

CMS: configurar um elemento de entrada Caixa de seleção

15 min de leitura

Ofereça aos visitantes uma maneira de filtrar itens do site online por um campo de coleção booleano (TRUE ou FALSE) ou enviar respostas binárias com o elemento de entrada Caixa de seleção. 

Por exemplo, você pode definir a caixa de seleção para filtrar um campo booleano "disponível", para que os visitantes possam clicar se quiserem visualizar apenas os itens que estão disponíveis em um repetidor ou galeria. Ou você pode marcar a caixa de seleção para coletar respostas e usá-la para permitir que os visitantes se inscrevam na sua newsletter. 
Dica:
Este artigo explica como configurar o elemento de entrada Caixa de seleção. Como alternativa, você pode usar um elemento de entrada Caixa de seleção múltipla para permitir que os visitantes filtrem ou enviem várias opções. 
Neste artigo, saiba mais sobre: 

Usar o elemento de entrada Caixa de seleção para filtrar conteúdo no site online

Conecte seu elemento de entrada Caixa de seleção ao mesmo conjunto de dados que seu repetidor ou galeria para filtrar conteúdo. Escolha o campo booleano (TRUE ou FALSE) que a caixa de seleção filtrará e defina a condição (marcada ou desmarcada). Quando os visitantes clicam na caixa de seleção, o repetidor ou galeria mostra os itens com base no valor do campo booleano de acordo com a condição selecionada.
Editor Wix
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Adicione o elemento de entrada Caixa de seleção: 
    1. Vá para a página ou seção onde você deseja que os visitantes filtrem conteúdo por um valor booleano. 
    2. Clique em Elementos  no lado esquerdo do editor.
    3. Clique em Entrada.
    4. Clique em Caixas de seleção. 
    5. Role para baixo até os elementos de entrada Caixa de seleção. 
    6. Clique e arraste o elemento de entrada Caixa de seleção relevante para a página. 
Captura de tela do elemento de entrada Caixa de seleção sendo adicionado no Editor Wix.
  1. Conecte o elemento Caixa de seleção ao CMS:
    1. Clique no ícone Conectar ao CMS  no elemento Caixa de seleção. 
    2. Selecione Filtrar conteúdo no painel Conectar caixa de seleção à direita. 
      Dica: se você ainda não adicionou um conjunto de dados à página, adicione um conjunto de dados primeiro (veja a próxima etapa) e depois selecione Filtrar conteúdo. 
    3. Clique no dropdown Escolha um conjunto de dados e selecione o mesmo conjunto de dados que se conecta aos elementos (por exemplo: repetidor, galeria, tabela) que você deseja que os visitantes filtrem. 
    4. Clique no dropdown Filtrar conteúdo por e escolha o campo booleano que os visitantes usarão para filtrar o conteúdo.
      Dica: para adicionar um novo campo à sua coleção e usá-lo para filtrar conteúdo, selecione Adicionar novo campo, insira o nome do campo e clique em Adicionar. Você pode adicionar valores ao campo na sua coleção do CMS posteriormente. 
    5. Clique no dropdown Condição e escolha um operador:
      • Selecionado: mostre itens que têm seu campo booleano marcado como selecionado (definido como TRUE). 
      • Não selecionado: mostra itens que não têm seu campo booleano marcado como selecionado (definido como FALSE). 
Captura de tela das opções de conexão do CMS para o elemento Caixa de seleção.
  1. Personalize o elemento de entrada Caixa de seleção: 
    • Clique no ícone Configurações  para editar: 
      • Texto da caixa de seleção: edite o texto que aparece ao lado da caixa de seleção e informa aos visitantes para que serve a caixa de seleção. 
      • Valor: (somente Velo) insira a propriedade de valor do componente usada no código JavaScript.
      • Tipo de campo: desconsidere as configurações Obrigatório e Marcado por padrão, que só são relevantes se você configurar a Caixa de seleção para coletar conteúdo.
      • Configurações do link: ative essa alavanca para adicionar um texto com link ao lado do Texto da caixa de seleção. Insira o Texto do link e defina o destino do link. 
    • Clique no ícone Layout  para definir o tamanho, o espaço e o alinhamento da caixa de seleção. 
    • Clique no ícone Design  para escolher um design predefinido e personalizá-lo ainda mais. 
    • Clique no ícone Animação  para escolher e personalizar um efeito de animação. 
Captura de tela das configurações do elemento de entrada Caixa de seleção.
  1. Clique em Visualizar para testar seu elemento Caixa de seleção.
  2. Clique em Publicar se as alterações puderem ser publicadas. 

Usar o elemento de entrada Caixa de seleção para coletar respostas dos visitantes do site

Defina o elemento de entrada Caixa de seleção para coletar conteúdo e conecte-o a um conjunto de dados que se vincula a uma coleção onde você armazenará as respostas. Quando os visitantes clicam no botão Enviar, a resposta é salva em um campo booleano (TRUE ou FALSE) na sua coleção. 
Editor Wix
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Adicione o elemento de entrada Caixa de seleção: 
    1. Vá para a página ou seção onde você deseja que os visitantes usem o elemento Caixa de seleção. 
    2. Clique em Elementos  no lado esquerdo do editor.
    3. Clique em Entrada.
    4. Clique em Caixas de seleção. 
    5. Role para baixo até os elementos de entrada Caixa de seleção. 
    6. Clique e arraste o elemento de entrada Caixa de seleção relevante para a página. 
Captura de tela do elemento de entrada Caixa de seleção sendo adicionado no Editor Wix.
  1. Conecte o elemento Caixa de seleção à coleção do CMS onde você armazenará os envios:
    1. Clique no ícone Conectar ao CMS  no elemento Caixa de seleção. 
    2. Selecione Coletar conteúdo no painel Conectar caixa de seleção à direita. 
      Dica: se você ainda não adicionou um conjunto de dados à página, adicione um conjunto de dados primeiro (confira a próxima etapa) e selecione Coletar conteúdo. 
    3. Clique no dropdown Escolha um conjunto de dados e selecione um conjunto de dados que se conecte à coleção onde você armazenará os envios.
    4. Clique no dropdown Estado selecionado se conecta a e escolha o campo booleano no qual você armazenará os envios.
      Dica: para adicionar um novo campo para armazenar envios, selecione Adicionar novo campo, insira o nome do campo e clique em Adicionar. 
    5. Defina o modo conjunto de dados e as permissões da coleção:
      1. Clique em Configurações do conjunto de dados.
      2. Clique no dropdown Modo do conjunto de dados e selecione Leitura.
      3. (Se necessário) Clique no tipo de permissão ao lado de Permissões de coleção e selecione Envios de formulário no primeiro dropdown. Você pode clicar nos dropdowns adicionais para refinar as permissões. Clique em Salvar quando terminar de configurar as permissões. 
      4. Clique em Voltar ao elemento Caixa de seleção na parte superior do painel Configurações do conjunto de dados. 
Captura de tela da configuração das permissões da coleção e do modo do conjunto de dados no Editor Wix.
  1. Personalize o elemento de entrada Caixa de seleção: 
    • Clique no ícone Configurações  para editar: 
      • Texto da caixa de seleção: edite o texto que aparece ao lado da caixa de seleção e informa aos visitantes para que serve a caixa de seleção. 
      • Valor: (somente Velo) insira a propriedade de valor do componente usada no código JavaScript.
      • Tipo de campo: selecione as opções relevantes:
        • Obrigatório: faça com que os visitantes obrigatoriamente tenham que marcar a caixa antes de poder enviar. 
        • Marcado por padrão: tenha a caixa de seleção marcada automaticamente quando a página for carregada. 
      • Configurações do link: ative a alavanca para adicionar um texto com link ao lado do texto da caixa de seleção. Insira o Texto do link  (por exemplo: "Termos e Condições") e defina o destino do link. 
    • Clique no ícone Layout  para definir o tamanho, o espaço e o alinhamento da caixa de seleção. 
    • Clique no ícone Design  para escolher um design predefinido e personalizá-lo ainda mais. 
    • Clique no ícone Animação  para escolher e personalizar um efeito de animação. 
Captura de tela das configurações usadas para um elemento de entrada Caixa de seleção.
  1. Adicione um botão "Enviar" para que os visitantes cliquem para realizar seus envios. 
Captura de tela de um botão Enviar sendo adicionado.
  1. Clique em Visualizar para testar suas conexões. 
  2. Clique em Publicar se as alterações puderem ser publicadas. 

Perguntas frequentes

Clique nas perguntas abaixo para saber mais sobre o elemento de entrada Caixa de seleção.

Esse artigo foi útil?

|
Neste artigo
  • Usar o elemento de entrada Caixa de seleção para filtrar conteúdo no site online
  • Usar o elemento de entrada Caixa de seleção para coletar respostas dos visitantes do site
  • Perguntas frequentes

Contrate um profissional

Encontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
Encontre um Parceiro