CMS (antigo Gerenciador de Dados): usar elementos de entrada para permitir que os visitantes filtrem conteúdo
16 min de leitura
Use elementos de entrada para fornecer aos visitantes do site uma maneira de filtrar o conteúdo que aparece em repetidores, galerias e tabelas.
Este artigo orienta você sobre a conexão de elementos de entrada a um conjunto de dados que conecta sua coleção ao conteúdo do site online. Cada elemento de entrada se conecta a um campo de coleção específico para mostrar os valores exclusivos do campo como opções de filtro. Quando os visitantes selecionam um filtro, apenas os itens com um valor de campo correspondente são exibidos no repetidor, galeria ou tabela conectada.
Por definição, quando os visitantes selecionam um filtro, o conteúdo é alterado imediatamente. No entanto, você pode adicionar um botão "Aplicar filtro" se quiser que os filtros dos visitantes sejam aplicados somente depois de clicar em um botão separado. Você também pode adicionar um botão de redefinição em que os visitantes podem clicar para limpar instantaneamente todos os filtros definidos.
Antes de começar:
- Adicione o CMS (sistema de gerenciamento de conteúdo) ao seu site se você ainda não fez isso.
- Conecte um repetidor, galeria, ou tabela em sua coleção de CMS.
Etapa 1 | Adicione elementos de entrada definidos para filtrar dados
Vá para a página no seu Editor na qual você deseja que os visitantes filtrem o conteúdo que aparece em um repetidor, galeria ou tabela. Em seguida, adicione os elementos de entrada que você deseja que os visitantes usem para filtrar o conteúdo. Se você adicionar vários elementos de entrada, você pode configurar cada um para filtrar um campo de coleção diferente.
Você pode escolher entre os seguintes elementos de entrada que permitem a filtragem: Botões de rádio, Caixas de seleção, Dropdown, Tags de seleção ou Slider (apenas controles deslizantes). Lembre-se de que cada elemento de entrada tem limitações aos tipos de campo que ele pode filtrar.
Editor Wix
Editor X
Editor do Wix Studio
- Vá para o seu Editor.
- Vá para a página que inclui o repetidor, galeria ou tabela que você deseja que os visitantes filtrem.
- Clique em Elementos
no lado esquerdo do Editor. - Clique em Entrada.
- Em Seleção, clique no tipo de elemento de entrada que você deseja que os visitantes usem para filtrar o conteúdo. Escolha entre os seguintes elementos para permitir filtragem: Botões de rádio, Caixas de seleção, Dropdown, Tags de seleção ou Slider (apenas controles deslizantes)
- Clique e arraste o elemento de entrada relevante para a página.
- (Opcional) Repita os passos 3 a 6 acima para adicionar outros elementos de entrada que seus visitantes usarão para filtrar o conteúdo.
Etapa 2 | Conecte seus elementos de entrada ao CMS
Conecte os elementos de entrada ao mesmo conjunto de dados que se conecta ao seu repetidor, galeria ou tabela. Em seguida, escolha qual campo de coleção cada elemento de entrada filtrará. Em cada elemento de entrada, os valores exclusivos do campo conectado serão exibidos para que os visitantes possam selecionar. Quando eles selecionam um valor, apenas os itens com o valor selecionado aparecem no repetidor, galeria ou tabela conectada.
Adicionar filtros e classificações ao conjunto de dados também afeta os elementos de entrada:
Seus elementos de entrada se conectam a um conjunto de dados que recupera o conteúdo dos campos da coleção conectada. Se você adicionar filtros ao conjunto de dados para excluir itens da exibição, os itens excluídos e os conteúdos do seu campo não são passados para os elementos de entrada. Isso significa que seus elementos de entrada exibirão apenas valores de campo exclusivos de itens incluídos pelo conjunto de dados. As condições de classificação do conjunto de dados também afetam a ordem em que as seleções de campo aparecem nos elementos de entrada.
Editor Wix
Editor X
Editor do Wix Studio
- No seu Editor, clique no elemento de entrada que você acabou de adicionar.
- Clique no ícone Conectar ao CMS
. - Clique em Filtrar conteúdo.
- Clique no dropdown Escolha um conjunto de dados e selecione o mesmo conjunto de dados que se conecta ao repetidor, galeria ou tabela que você deseja que os visitantes filtrem.
- Clique no dropdown Filtrar dados por e escolha qual campo de coleção os visitantes usarão para filtrar os dados exibidos.
- Repita esses passos para cada elemento de entrada que você deseja que os visitantes usem para filtrar conteúdo.
- Clique em Visualizar para testar usando seus elementos de entrada como filtros.
- Clique em Publicar se você já estiver pronto para publicar as alterações.
(Opcional) Etapa 3 | Adicione um botão para aplicar os filtros
Se você quiser apenas que os filtros que seus visitantes selecionam sejam aplicados depois de clicar em um botão separado, você pode criar um botão "Aplicar filtros". Quando os visitantes clicam nesse botão, todos os filtros do elemento de entrada selecionados são aplicados. Sem ele, os filtros são aplicados assim que os visitantes os selecionam em cada elemento de entrada.
Editor Wix
Editor X
Editor do Wix Studio
- Clique em Elementos
no lado esquerdo do Editor. - Clique em Botão.
- Clique no botão que você deseja usar para aplicar os filtros e arraste-o para a página. Você pode usar qualquer um dos seguintes tipos de botão: Botões temáticos, Botões de texto e ícone, Botões de ícone, ou Botões de imagem.
Dica: como alternativa, você pode adicionar uma imagem e usá-la como seu botão "Aplicar filtros". - Clique em Alterar texto e insira o texto que deseja exibir no botão (por exemplo: "Aplicar filtros").
- Clique no ícone Conectar ao CMS .
- Clique no dropdown Escolha um conjunto de dados e selecione o mesmo conjunto de dados que se conecta ao repetidor, galeria ou tabela.
- Clique no dropdown A ação do clique conecta-se a e selecione Aplicar filtros.
- Clique no botão e selecione o ícone Design
para personalizar a aparência do botão "Aplicar filtros". - Clique em Visualizar para testar o botão "Aplicar filtros".
- Clique em Publicar se você já estiver pronto para publicar as alterações.
(Opcional) Etapa 4 | Adicione um botão de redefinição
Você pode criar um botão de redefinição no qual os visitantes clicam para redefinir todos os filtros do elemento de entrada selecionado. Isso fornece uma maneira fácil para os visitantes recomeçarem a filtrar o conteúdo sem precisar atualizar a página.
Editor Wix
Editor X
Editor do Wix Studio
- Clique em Elementos no lado esquerdo do Editor.
- Clique em Botão.
- Clique e arraste o botão que você deseja usar como botão de redefinição para a página. Você pode usar qualquer um dos seguintes tipos de botão: Botões temáticos, Botões de texto e ícone, Botões de ícone ou Botões de imagem.
Dica: como alternativa, você pode adicionar uma imagem e usá-la como seu botão de redefinição. - Clique em Alterar texto e insira o texto que deseja exibir no botão (por exemplo: "Redefinir filtros").
- Clique no ícone Conectar ao CMS .
- Clique no dropdown Escolha um conjunto de dados e selecione o mesmo conjunto de dados que se conecta ao repetidor, galeria ou tabela.
- Clique no dropdown A ação do clique conecta-se a e selecione Redefinir valores de entrada.
- Clique no botão e selecione o ícone Design para personalizar a aparência do botão Redefinir.
- Clique em Visualizar para testar seu botão de redefinição.
- Clique em Publicar se você já estiver pronto para publicar as alterações.
Perguntas frequentes
Clique abaixo para obter respostas às perguntas mais comuns sobre o uso de elementos de entrada para filtrar conteúdo.
Qual modo do conjunto de dados e permissões de coleção devo definir?
Posso permitir que os visitantes filtrem o conteúdo da coleção de aplicativos Wix?
Os visitantes do site podem usar elementos de entrada para enviar conteúdo para minha coleção?
Esse artigo foi útil?
|