CMS: configurar o elemento de entrada Botões de opção

18 min de leitura
O elemento de entrada Botões de opção permite que você crie formulários ou filtros interativos e fáceis de usar no seu site. Você pode usá-lo para filtrar o conteúdo do CMS exibido em repetidores, galerias ou tabelas para que os visitantes possam encontrar facilmente o que procuram. Você também pode usar botões de opção para coletar respostas específicas dos visitantes, como respostas a questionários ou preferências de produto, que ajudam você a coletar dados valiosos.

Usar botões de opção para filtrar conteúdo no site online

Conecte o elemento de entrada Botões de opção ao mesmo conjunto de dados do seu repetidor, galeria ou tabela e configure-o para filtrar conteúdo. Depois, escolha o campo da coleção que deseja usar como filtro e a condição para aplicar o filtro. Os valores do campo aparecerão como botões de opção em que seus visitantes podem clicar para filtrar itens exibidos no repetidor, galeria ou tabela. 
Editor Wix
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Adicione o elemento de entrada Botões de opção: 
    1. Vá para a página onde você deseja que os visitantes usem botões de opção para filtrar o conteúdo do site online.
    2. Clique em Elementos  no lado esquerdo do editor.
    3. Clique em Entrada.
    4. Clique em Botões de opção
    5. Clique e arraste o elemento de entrada Botões de opção para a página. 
Captura de tela de um elemento de entrada Botões de opção sendo adicionado no Editor Wix.
  1. Conecte o elemento Botões de opção ao CMS:
    1. Clique no ícone Conectar ao CMS  no elemento Botões de opção. 
    2. Selecione Filtrar conteúdo no painel à 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 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 da coleção que os visitantes usarão para filtrar o conteúdo. Você pode conectar os seguintes tipos de campo: Texto, Número, Tags, Referência
      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, selecione o tipo de campo e clique em Adicionar. Você pode adicionar valores ao campo na sua coleção do CMS depois.
    5. Clique no dropdown Condição e escolha um operador que controla como o filtro é aplicado (por exemplo: É, É igual, Inclui).
      Observação: as condições variam dependendo do tipo de campo conectado. 
Captura de tela de um elemento Botões de opção sendo conectado a um conjunto de dados para filtrar conteúdo.
  1. Personalize o elemento de entrada Botões de opção: 
    • Clique no ícone Configurações  para editar o título do campo que informa aos visitantes o que os botões de opção fazem. 
    • Clique no ícone Layout  para escolher uma orientação horizontal ou ajustar o tamanho, espaço, formatação, alinhamento ou direção do texto. 
    • 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 de layout dos botões de opção sendo ajustadas.
  1. Clique em Visualizar para testar seu elemento Botões de opção.
  2. Clique em Publicar se as alterações puderem ser publicadas. 

Usar botões de opção para coletar respostas dos visitantes do site

Defina o elemento de entrada Botões de opção para coletar conteúdo. Em seguida, conecte-o a um conjunto de dados que se vincula a uma coleção onde você armazenará as respostas. Configure as opções que os visitantes podem selecionar nos botões de opção. Quando os visitantes clicam no botão de envio, as respostas deles são salvas no campo da coleção conectado. 
Editor Wix
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Adicione o elemento de entrada Botões de opção: 
    1. Vá para a página onde você deseja que os visitantes cliquem nos botões de opção para enviar respostas. 
    2. Clique em Elementos  no lado esquerdo do editor.
    3. Clique em Entrada.
    4. Clique em Botões de opção
    5. Clique e arraste o elemento de entrada Botões de opção para a página. 
Captura de tela de um elemento de entrada Botões de opção sendo adicionado no Editor Wix.
  1. Conecte o elemento Botões de opção à coleção do CMS onde você armazenará os envios:
    1. Clique no ícone Conectar ao CMS  no elemento Botões de opção. 
    2. Selecione Coletar conteúdo no painel à 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 Valor se conecta a e escolha o campo que armazenará os envios. Você pode conectar os seguintes tipos de campo: Texto, Número, URL, Data, Data e horário.
      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 ou Leitura e gravação.
      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 para Botões de opçãona parte superior do painel Configurações
Captura de tela das configurações do conjunto de dados para um elemento Botões de opção conectado definido para coletar conteúdo.
  1. Clique em Gerenciar opções e escolha como deseja configurar as opções que aparecem como botões de opção:
    • Adicionar ou remover opções em massa: clique em Adicionar várias opções e insira todas as opções separadas por uma vírgula. Em seguida, clique no ícone Voltar  para retornar às opções.  
    • Adicionar uma opção: clique em + Adicionar opção e, em seguida, use as opções para personalizá-la. 
    • Editar uma etiqueta de opção: a etiqueta é o texto que os visitantes veem ao lado do botão de opção. Clique duas vezes na opção relevante para editar a etiqueta. 
    • Editar um valor da opção: (somente para Velo) o valor é o texto que é salvo no campo da coleção quando os visitantes enviam a resposta. Passe o mouse sobre a opção relevante e clique no ícone Mais ações  e selecione Editar valor
    • Remover uma opção: passe o mouse sobre a opção relevante e clique no ícone Mais ações e selecione Excluir
    • Reordenar opções: clique no ícone Reordenar  ao lado da opção relevante e arraste-a para cima ou para baixo na lista de opções. 
    • Definir uma opção como marcada por padrão: passe o mouse sobre a opção relevante, clique no ícone Mais ações e selecione Definir como padrão.
    • Duplicar uma opção: passe o mouse sobre a opção relevante e clique no ícone Mais ações e selecione Duplicar.
Captura de tela do gerenciamento das opções que aparecem ao lado dos botões de opção.
  1. Personalize o layout das configurações e o design do elemento Botões de opção: 
    • Clique no ícone Configurações  para editar: 
      • Título do campo: edite o texto do título que informa aos visitantes o que os botões de opção fazem. 
      • Seleção padrão: escolha qual botão de opção é selecionado por padrão: 
        • Nenhum: nenhum dos botões de opção é pré-selecionado. 
        • Botão de opção selecionado: escolha qual botão de opção aparece pré-selecionado por padrão. 
      • Tipo de campo: marque a caixa de seleção Obrigatório para que pelo menos um botão de opção tenha que ser marcado antes que a resposta possa ser enviada para sua coleção. 
    • Clique no ícone Layout  para escolher uma orientação horizontal ou ajustar o tamanho, espaço, formatação, alinhamento ou direção do texto. 
    • 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 Botões de opção.
  1. Adicione um botão "Enviar" para que os visitantes cliquem para realizar seus envios. 
  2. Clique em Visualizar para testar suas conexões. 
  3. Clique em Publicar se as alterações puderem ser publicadas. 

Perguntas frequentes

Clique abaixo para obter respostas a perguntas comuns sobre os botões de opção. 

Esse artigo foi útil?

|