Adicionar filtros

É possível criar filtros na loja virtual para 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.

Filtrar tipos

É possível selecionar até 25 filtros para uma loja. Vale destacar que todas as lojas podem exibir os mesmos filtros-padrão, e os lojistas têm a opção de criar filtros personalizados exclusivos para o catálogo de produtos.

Filtros-padrão

Os filtros de disponibilidade do produto, preço, fabricante, tipo de produto e tags 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.

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. Saiba mais sobre como adicionar filtros personalizados com metacampos. Já os metaobjetos mostram filtros visuais para ajudar clientes a entender rapidamente seus filtros.

Adicionar um filtro personalizado com metacampos ou metaobjetos

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

É possível editar os filtros usados na loja virtual direto no app.

Etapas:

  1. No app Shopify Search & Discovery, acesse Filtros e clique em Adicionar filtro.
  2. Selecione uma fonte de filtro para disponibilizar aos clientes.
  3. Opcional: renomeie o filtro Etiqueta que será mostrado aos clientes.Saiba mais sobre como renomear filtros.
  4. Opcional: altere o comportamento a ser aplicado entre os valores de filtro. Saiba mais sobre o comportamento de filtros.
  5. Opcional: selecione os valores de filtro para agrupar como um único valor mostrado aos clientes. Saiba mais sobre como agrupar valores de filtros.
  6. Clique em Salvar.

Também é possível reordenar os filtros na tela Filtros. Basta clicar e arrastar o item em questão para o pedido em que ele será exibido aos clientes.

Renomear filtros

É possível alterar a etiqueta mostrada a clientes nos filtros da loja. Clique em uma opção na tela Filtros e altere o campo Etiqueta.

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

Valores de filtros

Apenas os valores de filtro que se aplicam a produtos de uma coleção ou resultados de pesquisa são exibidos aos clientes em sua vitrine, em um máximo de 100 valores para cada filtro. Para reduzir o número total de filtros exibidos, agrupe valores de filtros semelhantes como um só filtro.

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 filtro exibidos como um único valor aos clientes. Por exemplo, é possível que uma opção de produto de "Cor" tenha valores "ônix", "ébano" e "azul noturno", que podem ser mostrados aos clientes simplesmente como "preto".

Etapas:

  1. No app Shopify Search & Discovery, acesse Filtros e clique em Adicionar filtro ou configure um filtro existente na tabela.
  2. Selecione uma fonte de filtro para disponibilizar aos clientes.
  3. Na tabela Valores, selecione aqueles que você quer agrupar. Use a barra de pesquisa ou clique em Exibir mais para encontrar os 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 para efetivar as alterações.

Há um número máximo de valores de filtro mostrado na tabela Valores. Por isso, talvez você não encontre o que procura. Clique no ícone Editar se quiser adicionar mais valores de filtro. Depois, clique em Adicionar outro valor e digite o valor em questão.

Classificar valores de filtros

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 de filtro que terminem com a mesma palavra. Por exemplo, um filtro como "Idades" com os valores "2 anos", "6 meses", "3 anos" e "2 meses" será organizado da seguinte forma:

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

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

Personalizar a ordem de classificação

Para definir sua própria ordem de classificação personalizada para valores de filtro, crie um metacampo de texto com uma linha com opções predefinidas. A ordem de escolha no admin será a ordem de classificação do valor de filtro na vitrine.

No exemplo abaixo, os valores de um metacampo de "Nível de habilidade" podem ser organizados manualmente em "Iniciante", "Intermediário" e "Profissional".

O editor de metacampo mostrando opções de

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, imagine que sua loja vende camisetas de várias cores e tamanhos, mas que apenas a opção em "Vermelho" está à disposição quando o comprador escolhe o tamanho "Grande". Nesse caso, se você mover os valores vazios para o fim da lista, a opção "Vermelho" será a primeira exibida no filtro "Cor". Por outro lado, se você ocultar os valores vazios, apenas a opção na cor "Vermelho" será mostrada.

Etapas:

  1. No app Shopify Search & Discovery, acesse Configurações.
  2. Na seção Filtros, selecione uma destas 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.
  1. 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 mostrar aos compradores na vitrine.

Por exemplo, as lojas podem usar tags de produto para outros fins que vão além dos filtros de vitrine, como condições de coleções automatizadas ou filtragem de listas de produtos de 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. Use o editor em massa para atualizar rapidamente as informações de todos os seus produtos.

Filtros visuais

Valores filtrados podem incluir um pequeno elemento visual para exibir atributos como cores e estampas. Quando o filtro é um metaobjeto, é possível usar configurações de Tipo de exibição para escolher as cores e imagens que serão mostradas, ou até mesmo para apresentar apenas texto.

Pré-requisitos para amostras

É preciso cumprir uma lista de pré-requisitos para amostras de filtro:

  • Um metaobjeto que cumpre estes critérios:

    • Pelo menos um campo de texto, que pode ser de linha única, decimal, inteiro ou verdadeiro ou falso.
    • Pelo menos um campo de cor ou um campo de arquivo com imagens. O campo de cor pode ser uma lista.
  • Uma referência de metaobjeto que o vincule a produtos ou variantes.

  • O metaobjeto e a referência precisam ser ativados para acesso à vitrine.

O tutorial para metaobjetos conta com mais informações sobre configuração.

Etapas

  1. No app Shopify Search & Discovery, acesse Filtros.
  2. Clique em Adicionar filtro ou em uma opção existente.
  3. Selecione um filtro com referência de metaobjeto.
  4. Em Tipo de exibição, selecione uma opção para aplicar ao filtro:
    • Na opção Texto, selecione um metacampo para definir o campo "Etiqueta" e ver os valores de filtro.
    • Na opção Amostra, selecione um metacampo para cada um dos itens a seguir:
      • Etiqueta do texto a ser exibido para os valores de filtro
      • O campo "Amostra" das cores ou da imagem para a exibição visual dos valores do filtro
      • O campo de substituição "Amostra" a ser usado no lugar da amostra, quando disponível

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.

Os produtos são filtrados em uma página de resultados de pesquisa ou coleção da seguinte maneira:

  • Por padrão, a escolha dos valores de filtro com o mesmo filtro é uma declaração ou que pode aumentar o número de resultados. Por exemplo, a escolha "Produtos de cor vermelha ou verde" do filtro "Cor" retorna produtos vermelhos e verdes. Você tem a opção de personalizar esse comportamento com uma instrução e no app Search & Discovery. Por exemplo, a escolha "Produtos de cor vermelha e verde" retorna produtos que são vermelhos e verdes.
  • A escolha dos valores de filtro entre as diferentes opções é uma instrução e que pode reduzir o número de resultados. Por exemplo, a escolha "Vermelho e tamanho 36" dos filtros "Cor" e "Tamanho" retorna produtos que são vermelhos e tamanho 36.

O número de itens exibidos na tela também varia conforme os filtros são usados no nível do produto ou no de variantes. Por exemplo, um comprador pode escolher vários valores de "Cor" de um filtro de opção de produto, mas ver apenas um artigo na tela, porque todas as cores pertencem às variantes do item.

Personalizar o comportamento do filtro

Alguns tipos de filtro permitem personalizar a instrução usada entre os valores. Tags, listas de metacampo e listas de referência de metaobjeto podem ser alteradas da instrução-padrão ou para e no app Search & Discovery. Quando você fizer essa mudança, verifique se o tema usado atualizará corretamente o número de exibições ao lado de cada valor de filtro.

Etapas:

  1. No app Shopify Search & Discovery, acesse Filtros e clique em Adicionar filtro.
  2. Selecione uma fonte de filtro para 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 idiomas disponíveis em sua loja. O conteúdo pode ser traduzido com apps de tradução como o Translate & Adapt da Shopify.

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, uma loja em inglês tem o valor "Brown" (Marrom) para um filtro de cor. Um app de tradução pode fornecer duas traduções diferentes para "Brown" (Marrom) nos produtos da loja, nomeando alguns como "Brun" e outros como "Marron". Os clientes que acessarem a loja em francês terão as opções "Brun" e "Marron" exibidas no filtro, e os clientes que comprarem em inglês verão somente "Brown". 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.

Limitações

Coleções com mais de 5 mil produtos não exibem filtros. Uma solução alternativa para isso é apresentar uma coleção grande como um grupo de coleções automatizadas menores e vinculá-las aos menus suspensos de navegação. Por exemplo, em vez de apenas um link para uma grande coleção de moda "Feminina", sua loja pode ter links de navegação para subcoleções menores de "Blusas", "Calças 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 vitrine. Se a loja tiver mais de 100 valores possíveis, alguns deles não serão exibidos aos clientes. É possível reduzir o número de valores de filtro agrupando valores semelhantes.

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 vitrine para os clientes, desde que o filtro mostre menos de 100 valores.

O grupo de filtros pode ter no máximo 50 valores de filtro exclusivos. O máximo de grupos de filtros por loja é mil.

As traduções não são aceitas para valores de filtro de fabricante e tag. O filtro de tag do produto é exibido apenas para clientes que comprarem 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.

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

Experimente de graça