Adicionar filtros

Use o app Shopify Search & Discovery para criar filtros na loja virtual e permitir que os clientes refinem os produtos exibidos nas páginas de coleção e nos resultados da pesquisa. Por exemplo, uma loja que vende relógios pode criar filtros para nome da marca, preço, tamanho do mostrador e resistência à água.

Requisitos

Os filtros estão disponíveis para todos os temas da Online Store 2.0, bem como para as vitrines externas personalizadas que usam o filtro na API Liquid ou a Storefront API na loja virtual. Saiba como exibir filtros em temas da Online Store 2.0.

Se o tema não for compatível com filtros, você ainda poderá criar filtros no app Shopify Search & Discovery, mas eles não serão exibidos aos clientes.

No admin da Shopify, acesse Loja virtual > Navegação para verificar se o tema da loja é compatível com a filtragem. Caso ele não seja, uma mensagem será exibida na seção Filtros de coleção e de pesquisa.

Considerações sobre a adição de filtros

Analise as seguintes considerações para usar o app Shopify Search & Discovery:

  • Coleções com mais de 5.000 produtos não exibem filtros, portanto, considere dividir coleções grandes em menores. Por exemplo, em vez de criar uma única coleção de moda Feminina, crie coleções menores com base no tipo de vestuário, como Tops, Jeans e Botas.
  • Uma pesquisa com mais de 100 mil resultados não exibe filtros.
  • Um filtro pode exibir no máximo 100 valores de filtro na loja. Caso ele tenha mais do que isso, alguns valores não serão exibidos aos clientes. Vale lembrar que é possível reduzir o número de valores de filtro agrupando valores semelhantes. O grupo de filtros pode ter no máximo 50 valores de filtro exclusivos, e o máximo de grupos de filtros por loja é 1.000.
  • No app Search & Discovery, um filtro pode exibir um máximo de 1.000 valores de filtro. Já os filtros de metacampos podem mostrar menos de 1.000 valores porque há um limite de quantos metacampos na loja são verificados em busca de valores exclusivos. Os valores de filtro não mostrados no app ainda poderão ser exibidos na loja para os clientes, desde que o filtro mostre menos de 100 valores.
  • As traduções não são aceitas para valores de filtro de Fabricante e Tags. O filtro de tag de produto é exibido apenas para clientes que compram no idioma-padrão da loja. Os valores de filtro do fabricante têm como base o idioma-padrão.
  • As traduções têm como base os idiomas da loja virtual e não serão feitas para mercados configurados com o Shopify Markets.
  • O filtro de preços não é exibido em moedas que não sejam a padrão da loja.

Filtrar tipos

Todas as lojas podem exibir os mesmos filtros-padrão, e você tem a opção de criar filtros personalizados exclusivos para o catálogo de produtos. Além disso, também é possível ter uma combinação de filtros-padrão e personalizados, com um máximo de 25 filtros para a loja.

Cada origem de filtro só pode ser usada uma vez pelos filtros de uma loja. Por exemplo, se o filtro de Preço estiver ativo na loja, o Preço ficará cinza e não poderá ser selecionado como a origem de um novo filtro.

Filtros-padrão

Os filtros-padrão de Disponibilidade, Preço, Tipo de produto, Tags e Fabricante estão disponíveis em todas as lojas.

Filtros personalizados

É possível criar filtros personalizados com opções de produtos, metacampos ou metaobjetos.

Os filtros das opções de produtos usam as variantes. Por exemplo, é possível adicionar o filtro Tamanho se a loja vende roupas com diferentes variantes desse tipo.

Filtros personalizados com metacampos ou metaobjetos

Os filtros de metacampo são úteis para criar visualizações exclusivas no catálogo de produtos. Por exemplo, se você vende brinquedos infantis, é possível criar um filtro personalizado Idade no metacampo de produto. Já os metaobjetos mostram filtros visuais para ajudar os clientes a entender rapidamente seus filtros.

Com metacampos ou metaobjetos, é possível criar filtros personalizados para estes tipos de valores:

  • Texto em linha única
  • Texto em linha única (lista)
  • Decimal
  • Inteiro
  • Verdadeiro ou falso
  • Referência do metaobjeto
  • Referência do metaobjeto (lista)

Os metacampos precisam ter uma definição para serem usados como filtros. Saiba como adicionar uma definição a um metacampo.

Após a configuração do recurso, é possível selecionar os metacampos como opções durante a edição dos filtros.

Editar filtros

  1. No app Shopify Search & Discovery, acesse Filtros e clique em Adicionar filtro.
  2. Clique no campo Origem e selecione uma fonte de filtro que você quer disponibilizar aos clientes.
  3. Opcional: renomeie o filtro.
  4. Opcional: altere o comportamento de filtro.
  5. Opcional: selecione os valores de filtro para agrupar como um único valor.
  6. Opcional: ordene os valores de filtro.
  7. Clique em Salvar.

Você também pode reordenar filtros na seção Filtros. Basta clicar e arrastar os filtros individuais para a ordem em que você deseja exibi-los aos clientes.

Renomear filtros

É possível alterar o nome do cliente de qualquer filtro existente em sua loja.

Alterar a etiqueta de filtro não muda as informações sobre a fonte do filtro. Por exemplo, renomear um filtro com base na opção de produto não muda o nome exibido em cada página do produto.

Etapas:

  1. No app Shopify Search & Discovery, acesse Filtros e clique no filtro que você deseja renomear.
  2. No campo Etiqueta de filtro, insira sua nova etiqueta.
  3. Clique em Salvar.

Valores de filtros

Filtre apenas os valores que se aplicam aos produtos de uma coleção ou à exibição do resultado da pesquisa em sua loja.

São aplicadas diferentes regras de classificação para os valores de filtro, e é possível usar filtros de metacampo para ter mais controle sobre a classificação e os valores exibidos.

Agrupar valores de filtros

É possível agrupar diversos valores de filtros para exibi-los como um único valor aos clientes. Por exemplo, você tem um produto com uma opção de Cor que inclui Ônix, Ébano e Meia-noite. Nesse caso, é possível agrupar os valores em um único filtro chamado Preto. Vale lembrar que um grupo de filtros pode ter no máximo 50 valores exclusivos, e uma loja pode ter no máximo 1.000 grupos de filtros.

Etapas:

  1. No app Shopify Search & Discovery, acesse Filtros e clique em Adicionar filtro ou no nome de um filtro.
  2. Opcional: se você estiver adicionando um novo filtro, clique no campo Origem e selecione uma fonte de filtro que você deseja disponibilizar aos clientes.
  3. Na seção Valores, selecione aqueles que você quer agrupar. Use a barra de pesquisa para encontrar mais valores de filtro.
  4. Clique em Criar grupo.
  5. Insira um nome. Este será o valor único exibido aos clientes.
  6. Clique em Pronto.
  7. Clique em Salvar.

Classificar valores de filtros

É possível ordenar valores de filtro da melhor maneira para sua loja. São duas opções:

Ordenar de maneira automática

Os valores de filtro são exibidos em ordem crescente por padrão, tanto alfabética quanto numericamente. Por exemplo, um filtro de opção de produto como Tamanhos de sapatos exibirá os valores do menor para o maior.

Os valores de filtro que começam com um número e terminam com uma palavra, como 60 watts, serão exibidos ao lado de valores que terminam com a mesma palavra. Por exemplo, o filtro de opção de produto Idade com os valores 2 anos, 6 meses, 3 anos e 2 meses serão classificados na seguinte ordem:

  • 2 meses
  • 6 meses
  • 2 anos
  • 3 anos

As ordens de classificação personalizadas são aplicadas a filtros denominados Tamanho, para que os termos de tamanho comuns sejam exibidos na ordem correta. Por exemplo, PP (extrapequeno) vem antes P (pequeno).

Os novos valores de filtro serão ordenados automaticamente.

Ordenar de maneira manual

A organização manual permite que você escolha a ordem de exibição dos valores de filtro. Após salvar uma ordem de classificação manual, os novos valores de filtro serão exibidos no final da lista até que você a atualize.

Etapas:

  1. No app Shopify Search & Discovery, acesse Filtros e escolha uma opção ou crie um novo.
  2. Em Ordenar, selecione Manual.
  3. Arraste os valores para reorganizar. Também é possível selecionar vários valores e clicar em Mover para cima ou Mover para baixo para reposicioná-los.
  4. Opcional: clique em Reordenar para mim para classificar com o Shopify Magic.
  5. Clique em Salvar.

Classificar com o Shopify Magic

É possível usar o Shopify Magic para organizar em ordem lógica com base no nome do filtro e seus valores. Filtros que usam amostras de cor consideram os códigos hexadecimais e a posição na roda de cores para definir a ordem de classificação.

O botão Reordenar para mim vai classificar os valores com o Shopify Magic. Se a nova classificação não for a ideal, clique no botão Desfazer reorganização para restaurar a ordem manual anterior ou reorganize os valores para melhor atender às necessidades da loja.

Personalizar valores de filtro vazios

Para facilitar a localização dos produtos disponíveis, os valores de filtro vazios precisam ser totalmente ocultados ou movidos para o fim da lista. Assim, você ajuda os clientes a focar apenas nos resultados relacionados a itens que estão em estoque. Por exemplo, você vende camisetas em tamanhos e cores diferentes, mas todas as cores estão sem estoque, exceto a Vermelha. Nesse caso, se você mover valores vazios para a parte inferior, a opção Vermelha será exibida primeiro no filtro Cor. Já se você ocultar valores vazios, somente Vermelha será exibida no filtro Cor.

Etapas:

  1. No app Shopify Search & Discovery, acesse Configurações.
  2. Na seção Filtros > Valores vazios, selecione uma das seguintes opções:

    • Se quiser esconder os valores de filtro vazios, selecione Ocultar. Dessa maneira, todos aqueles sem informações não serão mostrados aos clientes.
    • Se quiser mover valores de filtro vazios para o fim da lista, selecione Mostrar no final.
    • Se quiser manter a lógica-padrão de classificação dos valores de filtro vazios, selecione Mostrar na ordem-padrão.
  3. Clique em Salvar.

Excluir valores de filtro

Se você precisar de mais controle sobre os valores exibidos aos clientes, use um filtro de metacampo apenas com os valores que quer exibir na loja.

Por exemplo, você pode usar tags de produto para outros fins, além dos filtros de vitrine, como condições de coleção automatizada ou filtragem de lista de produtos do admin. É possível usar um tipo de metacampo de texto de linha única ou um tipo de lista em vez do tipo de filtro de tag de produto.

Filtros visuais

Existe a opção de incluir elementos visuais nos valores de filtro, como cores, padrões ou imagens mais detalhadas. Por exemplo, o filtro Cor do tecido pode mostrar uma pequena amostra de cor em cada valor.

Para criar visualizações com os valores de filtro, é preciso configurar dados personalizados da loja com metacampos e metaobjetos. Você também precisa atender aos seguintes requisitos:

  • O tema da loja virtual precisa ser compatível com a exibição de amostras e imagens no valor do filtro.
  • Um metaobjeto que cumpre estes critérios:

    • Pelo menos um campo de cor ou um campo de arquivo com imagens. Ambos só podem aceitar um valor, ou seja, não é possível usar listas de valores.
    • Um campo para dar um nome ao valor do filtro. Só é possível permitir um valor, ou seja, uma lista de valores não pode ser usada como nome de filtro. O campo pode ser de qualquer um dos seguintes tipos:
    • texto em linha única
    • decimal
    • inteiro
    • booleano (verdadeiro ou falso)
  • Uma definição de metacampo que atende aos seguintes critérios:

    • A definição é feita para um Produto ou uma Variante.
    • O tipo de metacampo é Metaobjeto e faz referência à definição de metaobjeto criada na etapa anterior.
    • Defina se os metacampos permitem uma entrada ou uma lista de entradas do metaobjeto.
  • As definições de metaobjeto e metacampo precisam ter o acesso à vitrine ativado.

Práticas recomendadas para filtros visuais

Os filtros de variante do produto estão associados às variantes mais relevantes nos resultados de pesquisa e nas páginas de coleções. Por exemplo, para exibir apenas produtos vermelhos quando uma amostra de cor vermelha é clicada. Use metacampos de variante para que a referência de metaobjeto filtre no nível da variante. Se a associação a variantes específicas não for importante para o filtro, use os metacampos de produto.

A definição de metaobjeto para uma amostra de cor precisa ter um campo de cor e outro de imagem. Não é necessário definir um valor para ambos, mas isso dará a você a opção de usar um dos campos no futuro.

Caso seus produtos ou variantes tenham várias cores para filtrar, a definição de metacampo precisará permitir uma lista de entradas. Assim, é possível atribuir várias entradas de metaobjeto a um único item, e cada uma será exibida como um valor na sua loja.

Etapas:

Depois de atribuir o metacampo a produtos ou variantes, configure o filtro para a loja virtual:

  1. No app Shopify Search & Discovery, acesse Filtros.
  2. Clique em Adicionar filtro ou em uma opção existente.
  3. Clique no campo Origem e selecione um filtro de metacampo com uma referência ao metaobjeto.
  4. Clique em Opções de exibição.
  5. Selecione um metacampo para definir o campo Etiqueta e ver os valores de filtro.
  6. Marque a opção Incluir elemento visual e selecione um estilo:
    • Escolha Amostra para exibir pequenas amostras ou padrões de cor. Para definir o conteúdo da amostra, selecione:
      • Um campo de cor para a Cor da amostra.
      • Um campo de imagem para o Padrão de amostra.

- Escolha Imagem para exibir ícones, logos ou outros gráficos que não podem ser cortados. Para definir o conteúdo, selecione um campo de imagem para Imagem.

Comportamento de filtros

Somente filtros que podem ser aplicados aos produtos em uma página de coleção ou resultado de pesquisa são exibidos.

Escolher valores de diferentes filtros é uma condição e que pode diminuir o número de produtos exibidos. Por exemplo, a escolha de Vermelho em um filtro de Cor e 8 em um filtro de Tamanho retorna produtos vermelhos com tamanho 8.

Por padrão, a escolha de valores com o mesmo filtro é uma condição or que pode aumentar o número de resultados. Por exemplo, a escolha dos valores Vermelho e Verde de um filtro Cor retorna todos os produtos que são vermelhos ou verdes. Alguns tipos de filtro podem usar uma condição and para seus valores de filtro. Saiba como personalizar o comportamento de filtro com o app Shopify Search & Discovery.

O número de produtos exibidos também varia conforme os filtros são usados no nível do produto ou no de variantes. Por exemplo, um cliente pode escolher vários valores Cor de um filtro de opção de produto, mas ver apenas um artigo na tela, porque as opções de produto são filtros no nível de variantes e todas as cores são usadas nas variantes desse único produto.

Personalizar o comportamento do filtro

Para filtros de tags de produto, listas de metacampos e listas de referências de metaobjetos, você pode escolher os valores de condição or ou and padrão para a condição de filtro. Por exemplo, com a filtragem and, escolher Novo e Promoção no filtro de tag de produto retorna apenas produtos que tenham essas duas tags.

Etapas:

  1. No app Shopify Search & Discovery, acesse Filtros e clique em Adicionar filtro.
  2. Clique no campo Origem e selecione uma fonte de filtro que você quer disponibilizar aos clientes.
  3. Escolha o comportamento a ser usado nos valores do filtro na seção Lógica.
  4. Clique em Salvar.

Traduções de filtros

Etiquetas, valores e grupos de filtro podem ser traduzidos para os idiomas aceitos em sua loja. Você pode traduzir conteúdo com apps de tradução, como o Shopify Translate & Adapt.

Quando não houver conteúdo de filtros traduzido, o idioma-padrão da loja será usado.

Os valores de filtro têm como base o conteúdo traduzido dos produtos e variantes.

É possível ter um número diferente de valores para um filtro entre idiomas. Por exemplo, o idioma-padrão da loja é o português, mas também é possível adicionar o francês como um idioma aceito. Os valores do filtro Cor incluem Marrom. O português tem uma palavra para marrom, e o francês tem duas. O app de tradução converte automaticamente o valor do filtro Marrom em Brun ou Marron nos produtos da loja. Os filtros da vitrine exibirão um valor para marrom no filtro Cor em português e dois valores para marrom em francês.

Para manter apenas uma tradução para cada valor de filtro, você precisa editar o conteúdo traduzido do produto com um app de tradução.

Idiomas do mercado

As traduções de valor de filtro não são compatíveis com exemplos adicionais de definição de idioma para mercados específicos. Por exemplo, uma loja virtual pode ter traduções de produtos para francês e duas traduções adicionais para os mercados do Canadá e da França. Nesse caso, todos os valores de filtro têm como base o idioma francês geral, mesmo quando os clientes estão comprando em francês para esses mercados específicos.

Grupos e etiquetas de filtros são compatíveis com traduções para mercados específicos.

Tudo pronto para começar a vender com a Shopify?

Experimente de graça