Ajuda
Fazer login

Como adicionar filtros com o Shopify Search & Discovery

É possível usar o app Search & Discovery da Shopify para criar filtros para a loja virtual, que permitem aos clientes refinar 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 marca, preço, tamanho do mostrador e resistência à água.

Nesta página

Requisitos

Os filtros estão disponíveis para qualquer tema compatível e para vitrines externas personalizadas que usam a API Liquid de filtro ou a Storefront API para a loja virtual. Saiba como exibir filtros no tema compatível.

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

Para saber se o tema da loja é compatível com filtros, acesse Conteúdo > Menus no admin da Shopify. Se o tema não for compatível, uma mensagem será exibida na seção Filtros de coleção e pesquisa.

Considerações sobre a inclusão de filtros

Analise as seguintes considerações sobre o uso do app Shopify Search & Discovery:

  • Filtros não são exibidos em coleções com mais de 5.000 produtos. Considere dividir coleções grandes em coleções menores para que os filtros possam ser exibidos. Por exemplo, em vez de criar uma única coleção de moda Feminino, crie coleções menores com base no tipo de vestuário, como Blusas, Jeans e Botas.
  • Uma pesquisa que gera mais de 100.000 resultados não exibe filtros.
  • Um filtro pode exibir no máximo 100 valores na loja. Se o filtro tiver mais de 100 valores possíveis, alguns não serão exibidos para os clientes. É possível reduzir o número de valores possíveis agrupando valores semelhantes. Um grupo de filtros pode ter no máximo 200 valores de filtro exclusivos, e a loja pode ter no máximo 1.000 grupos de filtros em todas as configurações de filtro selecionadas.
  • No app Shopify Search & Discovery, um filtro exibe no máximo 1.000 valores. Os filtros de metacampo podem exibir menos de 1.000 valores, pois há um limite de quantos metacampos na loja são verificados para obter valores exclusivos. Valores de filtro não exibidos no app ainda poderão ser exibidos na loja para os clientes, desde que o filtro esteja exibindo menos de 100 valores.
  • Não há compatibilidade com traduções para os valores dos filtros Fabricante e Tags. O filtro de tag de produto é exibido apenas para clientes que compram no idioma-padrão da loja. Os valores do filtro de fabricante sempre se baseiam no idioma-padrão da loja.
  • As traduções de valores de filtro são baseadas nos idiomas publicados para a loja virtual e não exibirão traduções para mercados configurados com ferramentas de vendas internacionais.
  • O filtro de preço não é exibido para moedas que não sejam a moeda-padrão da loja.

Tipos de filtro

Todas as lojas podem exibir os mesmos filtros-padrão, e você pode criar filtros personalizados exclusivos para o catálogo de produtos. É possível ter uma combinação de filtros padrão e personalizados, até o máximo de 25 filtros para a loja.

Cada origem de filtro pode ser usada apenas uma vez nos filtros da loja. Por exemplo, se o filtro Preço estiver ativo na loja, a opção Preço ficará esmaecida e não poderá ser selecionada como origem para um novo filtro.

Filtros padrão

Filtros padrão para Disponibilidade, Categoria, Preço, Tipo de produto, Tags e Fabricante estão disponíveis para todas as lojas.

Filtros personalizados

Os filtros personalizados se baseiam nas opções de produto, nos metacampos ou nos metaobjetos usados na loja.

Filtros de opção de produto

Os filtros de opção de produto se baseiam nas opções de produto adicionadas aos produtos.

Por exemplo, se você adicionou uma opção de produto “Tamanho” aos produtos de vestuário com valores como “Pequeno”, “Médio” e “Grande”, uma opção de filtro de opção de produto “Tamanho” correspondente estará disponível no app Search & Discovery.

Filtros de metacampo de produto

Os filtros de metacampo de produto se baseiam em metacampos de produto que são atribuídos a todos os produtos na loja.

Filtros de metacampo de categoria

Os filtros de metacampo de categoria se baseiam em metacampos de produto atribuídos a categorias de produto específicas.

Filtros de metacampo de variante

Os filtros de metacampo de variante se baseiam em metacampos de variante de produto atribuídos a todas as variantes de produto da loja.

Características padrão do produto

As características padrão do produto, derivadas da Taxonomia de produtos padrão da Shopify, são criadas automaticamente como definições de metacampo de produto ao atribuir uma categoria aos produtos. Os metacampos associados são referências de metaobjeto. As definições de metaobjeto correspondentes são padrão e, por isso, não podem ser modificadas (não é possível adicionar, remover ou editar campos). Um dos campos inclui um valor de referência de taxonomia.

No app Search & Discovery, as fontes dessas características são exibidas como uma das seguintes opções:

Filtros de metacampo

Todos os filtros de metacampo, sejam eles de categoria, de produto ou de variante, baseiam-se em uma definição de metacampo. Saiba como adicionar uma definição de metacampo. É possível criar filtros de metacampo para os seguintes tipos de valor:

  • Texto de linha única
  • Texto de linha única (Lista)
  • Decimal
  • Inteiro
  • Verdadeiro ou falso
  • Referência de metaobjeto
  • Referência de metaobjeto (Lista)

Depois de configurar os metacampos nos produtos ou nas variantes, é possível selecionar a definição de metacampo como um filtro ao editar os filtros.

Editar filtros

  1. No admin da Shopify, acesse Apps > Search & Discovery.

  2. Clique em Filtros e, depois, em Adicionar filtro.

  3. Clique no campo Fonte e selecione uma fonte de filtro para disponibilizar aos clientes.

  4. Opcional: renomear o filtro.

  5. Opcional: alterar o comportamento do filtro.

  6. Opcional: alterar a exibição visual.

  7. Opcional: selecionar valores do filtro para agrupá-los como um único valor.

  8. Opcional: classificar os valores do filtro.

  9. Clique em Salvar.

Também é possível reordenar os filtros na seção Filtros. Clique e arraste os filtros individuais para a ordem em que serão exibidos aos clientes.

Renomear filtros

É possível alterar o nome de exibição para o cliente de qualquer filtro existente na loja.

A alteração do nome do filtro não altera as informações sobre a fonte dele. Por exemplo, renomear um filtro com base em uma opção de produto não altera o nome dessa opção, que é exibido nas páginas de produto individuais.

Etapas:

  1. No admin da Shopify, acesse Apps > Search & Discovery.

  2. Clique em Filtros e, em seguida, clique no filtro que deseja renomear.

  3. No campo Etiqueta do filtro, insira a nova etiqueta.

  4. Clique em Salvar.

Valores do filtro

Apenas os valores de filtro que se aplicam a produtos de uma coleção ou resultado de pesquisa são exibidos na loja.

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

Agrupar valores do filtro

É possível agrupar vários valores de filtro para que sejam exibidos como um único valor de filtro aos clientes. Por exemplo, se um produto tiver uma opção Cor com os valores Onyx, Ebony e Midnight, será possível agrupá-los em um único filtro chamado Preto. Um grupo de filtros pode ter no máximo 200 valores de filtro exclusivos, e uma loja pode ter no máximo 1.000 grupos de filtros.

Etapas:

  1. No admin da Shopify, acesse Apps > Search & Discovery.

  2. Clique em Filtros e, depois, em Adicionar filtro ou no nome de um filtro existente.

  3. Se o filtro se basear em uma característica padrão do produto, clique em Gerenciar valores e escolha uma opção. Saiba mais sobre como agrupar filtros de características padrão do produto.

  4. Na seção Valores, selecione os valores que deseja agrupar como um único valor de filtro. Use a barra de pesquisa para encontrar mais valores de filtro.

  5. Clique em Criar grupo.

  6. Insira um nome para o grupo. Esse será o único valor do filtro exibido aos clientes.

  7. Clique em Concluído.

  8. Clique em Salvar.

Agrupar filtros de características padrão do produto

Filtros baseados em características padrão do produto oferecem um recurso de agrupamento exclusivo. Para acessar o recurso, clique em Gerenciar valores, onde é possível escolher entre o agrupamento Automático e o Manual:

  • Automático: os valores são agrupados automaticamente em torno do valor de base da taxonomia. Por exemplo, se o filtro Cor incluir Vermelho claro, Bordô e Rubi, todos eles serão agrupados sob o valor de base Vermelho. É possível personalizar a etiqueta e a amostra do grupo, mas não adicionar ou remover valores.
  • Manual: os valores não são agrupados inicialmente e podem ser agrupados com base nas etapas acima.

Limitações

O filtro Categoria não é compatível com agrupamento.

Classificar valores do filtro

É possível classificar os valores do filtro da maneira mais adequada às necessidades da loja. Oferecemos duas ordens de classificação:

Classificação automática

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

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

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

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

Novos valores de filtro serão classificados automaticamente.

Classificação manual

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

Etapas:

  1. No admin da Shopify, acesse Apps > Search & Discovery.

  2. Clique em Filtros e escolha um filtro existente ou crie um novo filtro.

  3. Em Classificar, selecione Manualmente.

  4. Arraste os valores para reorganizá-los. Como alternativa, você pode selecionar vários valores e clicar em Mover para o topo ou Mover para o final para reposicioná-los juntos.

  5. Opcional: clique em Reordenar para mim para classificar com o Shopify Magic.

  6. Clique em Salvar.

Classificar com o Shopify Magic

É possível usar o Shopify Magic para classificar valores em uma ordem lógica com base no nome do filtro e nos valores dele. Filtros que usam filtros de swatch consideram os códigos hexadecimais e a posição no círculo cromático para decidir a ordem de classificação.

O botão Reordenar para mim classificará seus valores com o Shopify Magic. Se a nova ordem não atender às suas expectativas, clique no botão Desfazer reordenação para restaurar a ordem de classificação manual ou reorganize os valores para melhor atender aos requisitos da sua loja.

Personalizar valores de filtro vazios

Para ajudar os clientes a encontrar produtos disponíveis, você pode gerenciar os valores de filtro vazios, movendo-os para o final da lista ou ocultando-os completamente. Isso permite que os clientes se concentrem nos valores com resultados correspondentes. Por exemplo, se você vende camisetas em cores e tamanhos diferentes e todas as cores, exceto Vermelho, estão sem estoque. Se você mover os valores vazios para o final, Vermelho será exibido primeiro no filtro Cor. Se você ocultar os valores vazios, apenas a opção Vermelho será exibida no filtro Cor.

Etapas:

  1. No admin da Shopify, acesse Apps > Search & Discovery.

  2. Clique em Configurações.

  3. Na seção Filtros > Valores vazios, selecione uma das seguintes opções:

    • Para ocultar valores de filtro vazios, selecione Ocultar. Um filtro será totalmente ocultado se todos os valores de filtro estiverem vazios.
    • Para mover valores de filtro vazios para o final da lista de valores, selecione Exibir no final.
    • Para manter os valores de filtro vazios classificados pela lógica de classificação padrão, selecione Exibir na ordem padrão.

  4. Clique em Salvar.

Excluir valores do filtro

Se você precisar de mais controle sobre os valores exibidos para os clientes, use um filtro de metacampo apenas com os valores que você quer que apareçam na sua loja.

Por exemplo, você talvez queira usar as tags de produto para outras finalidades além de filtros da vitrine virtual, como condições de coleção ou filtragem da lista de produtos no admin. É possível usar um tipo de metafield de texto de linha única ou um tipo de lista em vez do tipo de filtro de tag de produto.

Filtros visuais

Os valores do filtro podem incluir elementos visuais, como cores, estampas ou imagens mais detalhadas. Por exemplo, um filtro Cor do tecido pode exibir uma pequena amostra de cor para cada valor do filtro.

Para criar elementos visuais com os valores do filtro, use um dos seguintes tipos de filtro com base em uma referência de metaobjeto:

Adicionar um filtro de característica de produto padrão

Etapas:

  1. No admin da Shopify, acesse Apps > Search & Discovery.

  2. Clique em Filtros.

  3. Clique em Adicionar filtro ou em um filtro existente.

  4. Clique no campo Fonte e selecione um filtro do tipo Metacampo de categoria ou Metacampo de produto que se baseie em uma característica de produto padrão.

  5. Clique em Gerenciar valores.

  6. Escolha Automático ou Manual para o agrupamento.

  7. Selecione Incluir amostra. Você pode deixar essa opção desmarcada apenas para texto.

  8. Para usar imagens como swatches, selecione Usar imagens quando disponíveis.

  9. Clique em Salvar.

Adicionar um filtro de metacampo personalizado

É possível adicionar um filtro de metacampo personalizado com base em uma referência de metaobjeto. Antes de adicionar um filtro de metacampo personalizado, analise os seguintes requisitos e práticas recomendadas:

Requisitos para filtros visuais com base em metacampos personalizados

Para criar elementos visuais para filtros de metacampos personalizados, eles precisam atender aos seguintes requisitos:

  • Um metaobjeto que atenda aos seguintes critérios:
    • Pelo menos um campo de cor ou um campo de arquivo com imagens. Os dois campos são compatíveis apenas com um valor. Listas de valores não são aceitas.
    • Um campo para nomear o valor do filtro. Ele só pode permitir um valor; listas de valores não podem ser usadas como nome de filtro. O campo pode ser de um dos seguintes tipos:
      • texto de linha única
      • decimal
      • inteiro
      • booleano (verdadeiro ou falso)
  • Uma definição de metacampo que atenda aos seguintes critérios:
    • A definição é criada 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.
  • Tanto as definições de metaobjeto quanto as de metacampo precisam ter o acesso à vitrine virtual ativado.

Práticas recomendadas para filtros visuais com base em metacampos personalizados

Os filtros de variantes de produto criam links para as variantes mais relevantes nos resultados de pesquisa e nas páginas de coleção. Por exemplo, ao exibir somente produtos vermelhos quando se clica em uma amostra de cor vermelha. Para usar a filtragem no nível da variante, use metacampos de variante para a referência de metaobjeto. Se a vinculação a variantes específicas não for importante para o filtro, use metacampos de produto.

Uma definição de metaobjeto para uma amostra de cor deve ter um campo de cor e um de imagem. Não é preciso fornecer um valor para ambos, mas isso dará a opção de usar qualquer um dos campos no futuro.

Se os produtos ou as variantes tiverem várias cores que podem ser filtradas, defina a definição do metacampo para permitir uma lista de entradas. Isso permite atribuir várias entradas de metaobjeto a um único item, e cada uma delas será exibida como um valor de filtro na loja.

Etapas:

  1. No admin da Shopify, acesse Apps > Search & Discovery.

  2. Clique em Filtros.

  3. Clique em Adicionar filtro ou em um filtro existente.

  4. Clique no campo Fonte e selecione um filtro de metacampo do tipo Categoria, Produto ou Variante.

  5. Defina o campo Etiqueta para os valores do filtro, selecionando um metacampo.

  6. Marque Incluir visual e selecione um estilo visual:

    • Escolha Amostra para pequenas amostras de cor ou padrões. Defina o conteúdo da amostra selecionando:
      • Um campo de cor para a Cor da amostra.
      • Um campo de imagem para o Padrão da amostra.
    • Escolha Imagem para ícones, logos ou outros elementos gráficos que não devem ser cortados. Defina o conteúdo selecionando um campo de imagem para a Imagem.

Comportamento do filtro

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

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

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

O número de produtos exibidos também depende de os filtros serem no nível do produto ou da variante. Por exemplo, um cliente pode escolher vários valores de Cor em um filtro de opção de produto, mas apenas um produto é exibido. Isso ocorre porque as opções de produto são filtros no nível da variante, e todas as cores pertenciam às variantes daquele único produto.

Personalizar o comportamento do filtro

Para filtros de tag de produto, lista de metacampos e lista de referência de metaobjeto, você pode escolher se a condição de filtro entre os valores será a padrão, “ou”, ou a condição “e”. Por exemplo, com a filtragem “e”, escolher Novo e Promoção em um filtro de tag de produto retorna apenas os produtos que têm ambas as tags.

Etapas:

  1. No admin da Shopify, acesse Apps > Search & Discovery.

  2. Clique em Filtros e, depois, em Adicionar filtro.

  3. Clique no campo Fonte e selecione uma fonte de filtro para disponibilizar aos clientes.

  4. Escolha o comportamento a ser aplicado aos valores do filtro na seção Lógica.

  5. Clique em Salvar.

Traduções de filtro

As etiquetas, os valores e os grupos de filtro podem ser traduzidos para os outros idiomas compatíveis da loja. É possível traduzir o conteúdo com apps de tradução, como o Shopify Translate & Adapt.

Quando não há conteúdo traduzido para os filtros, o idioma-padrão da loja é usado.

Os valores de filtro se baseiam no conteúdo traduzido dos produtos e das variantes de produto.

É possível ter um número diferente de valores para um filtro entre idiomas. Por exemplo, digamos que o idioma-padrão da loja seja o inglês e você também adicione o francês como idioma compatível. Os valores do filtro Cor incluem o valor Marrom. O inglês tem uma palavra comum para “marrom”, e o francês tem duas. O app de tradução traduz automaticamente o valor do filtro Marrom para Brun ou Marron nos produtos da loja. Os filtros da vitrine virtual exibirão um valor para “marrom” no filtro Cor em inglê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 valores de filtro não são compatíveis com outras instâncias de um idioma configurado para mercados específicos. Por exemplo, uma loja virtual pode ter traduções de produtos para o francês e duas traduções adicionais de francês para os mercados do Canadá e da França. Nesse caso, todos os valores de filtro se baseiam no idioma francês geral, mesmo quando os clientes estão comprando em francês para esses mercados específicos.

As etiquetas e os grupos de filtro são compatíveis com traduções de idiomas para mercados específicos.

Solução de problemas de filtros

Analise as soluções a seguir para problemas comuns de filtro:

Filtro de preço ausente em lojas com várias moedas

Se você tiver preços internacionais ou várias moedas ativadas, o filtro de preço não será exibido quando os clientes selecionarem uma moeda diferente da moeda-padrão da loja. Essa é uma limitação atual da funcionalidade do filtro de preço.

Solução de problemas de exibição de filtros

Se um filtro existe, mas não exibe todos os produtos ou as opções de filtro esperados, o problema pode estar relacionado à indexação de pesquisa da loja. Isso pode acontecer quando:

  • Novos valores de metacampo foram adicionados recentemente a produtos
  • Os produtos foram atualizados recentemente com novas informações relacionadas a filtros
  • Os dados de pesquisa da loja não estão sincronizados

Para resolver problemas de indexação, siga estas etapas:

  1. Aguardar de 24 a 48 horas para que a reindexação automática seja concluída
  2. Fazer uma pequena atualização nos produtos afetados (como adicionar um espaço ao título do produto) e salvar para acionar a reindexação
  3. Entrar em contato com o Atendimento ao cliente da Shopify se o problema persistir

Filtros de opção de produto exibindo valores inesperados

Os filtros de opção de produto exibem valores com base nos títulos da opção de variante do produto. Se um filtro exibir valores inesperados ou opções ausentes:

  • Verificar se os nomes de opção de produto correspondem exatamente em todos os produtos (por exemplo, usar “Cor” de forma consistente em vez de misturar “Cor” e “Cor:”)
  • Garantir que os produtos que usam o filtro tenham a opção de produto configurada

Filtros não exibidos

Os filtros podem não ser exibidos em algumas situações devido a limites de produtos:

  • Coleções: os filtros ficam ocultos se uma coleção tiver mais de 5.000 produtos
  • Resultados da busca: os filtros ficam ocultos se a busca retornar mais de 100.000 produtos

Se a coleção ou os resultados da busca excederem esses limites, os filtros não ficarão disponíveis para os clientes na página.

Valores do filtro ausentes ou incompletos

Os filtros têm limites para o número de valores únicos que podem ser exibidos:

  • Tags: até 5.000 valores de tag únicos
  • Opções e atributos de produto: até 1.000 valores únicos
  • Metacampos: alguns valores podem estar ausentes, dependendo de como o metacampo está estruturado

Se faltarem valores do filtro, verifique se não ultrapassou esses limites.

Problemas na tradução de filtros

Se os filtros ou valores do filtro não forem exibidos corretamente em idiomas diferentes:

  • Verifique se o conteúdo está traduzido no app de tradução
  • Lembre-se de que os filtros de tag de produto e de fabricante só são exibidos no idioma-padrão da loja
  • Use filtros de metacampo para um melhor suporte à tradução em vários idiomas