> For the complete documentation index, see [llms.txt](https://wiki.spiritshop.com.br/suporte-admin-3.0/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.spiritshop.com.br/suporte-admin-3.0/cadastro-de-produtos/cadastrar-filtros.md).

# Cadastrar filtros

Nesse passo-a-passo você irá aprender como cadastrar filtros em sua loja virtual.

* O que é um filtro?

Um filtro serve para agrupar e organizar os produtos conforme as características selecionadas nos filtros quando estiver navegando em sua loja.

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2FrGzJ7tHCFWM7QzJCKAvH%2Fimage.png?alt=media&amp;token=ef201607-9340-4424-a177-8d574021ddb0" alt=""><figcaption><p>Ex.</p></figcaption></figure></div>

### 1 - Acesse com Login e Senha a área de administração de sua loja.

<figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2FuK0SFbX0DNOVp0GbsuM7%2Fimage.png?alt=media&amp;token=a43d237b-e037-496b-8cdb-8789cebdffae" alt=""><figcaption></figcaption></figure>

### 2 - No menu principal, navegue na opção ( **Catálogo -> Filtros** )

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2FGJJNikQqNsVm3x7DnMOi%2FCaptura%20de%20Tela%202025-01-17%20a%CC%80s%2013.57.04.png?alt=media&amp;token=7b20e74a-d2f5-4256-a810-73d1954c1d57" alt=""><figcaption></figcaption></figure></div>

Na página de filtros, podemos listar todos os filtros já criados, editar, excluir ou inserir um novo filtro.

### 3 - Navegue no menu ( **Grupo )** para criar um novo grupo de filtros.

* Em seguida clique em ( **+** ) para adicionar um novo **Grupo de Filtros**.

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2FXPDDLcv0E1r7DbnlU6LI%2Fimage.png?alt=media&amp;token=8a8c731a-467b-4704-88e4-dacf4af3beab" alt=""><figcaption></figcaption></figure></div>

Para criar um novo Grupo de filtros, devemos inserir alguns dados obrigatórios:

* 1\. **Nome do Grupo**, neste exemplo iremos criar um grupo chamado de **Material**.
* 2\. **Situação** deve estar **Ativa**.

Os campos: Adicionar ao Topo, Ordem e Descrição não são obrigatórios.

* Em seguida clique em **Salvar**.

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2FYyXbmu7dsxQ5c0vITZbE%2Fimage.png?alt=media&amp;token=94184770-9cb0-41bb-8703-62eef27c6fd0" alt=""><figcaption></figcaption></figure></div>

Após criar um grupo chamado ( **Material** ), devemos agora criar os ( **Filtros )** pertencentes a este grupo.

### 4 - Retorne ao menu ( **Filtros )** e clique em ( + ) para a**dicionar um novo ( Filtro ) ao Grupo ( Material ) recém criado**.

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2Fv4GEoJAAk23NMnuVCNYO%2Fimage.png?alt=media&amp;token=347cb687-1a1c-46e5-b320-c00bff9a300a" alt=""><figcaption></figcaption></figure></div>

* Ao criar um novo Filtro, devemos primeiro **selecionar um Grupo de Filtros**. \
  -> Neste caso, iremos usar o **grupo ( Material ), anteriormente criado.**

1\. Escolha um **Título para o filtro**, neste caso iremos criar um filtro chamado ( **Ouro** ) dentro do grupo ( **Material )**.

2\. Você pode selecione uma **imagem** em formato de ícone para ilustrar o filtro **ex**. (**35x35px**).

3\. Certifique-se que a **situação está ativa**.

4\. E também pode inserir uma **descrição** para este filtro se precisar.

Em seguida clique em **Salvar**.

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2FchoW0OBO1BmO98VUEywK%2Fimage.png?alt=media&amp;token=eeec3613-22c5-4001-9c9c-5923a0c6f075" alt=""><figcaption></figcaption></figure></div>

### 5 - Repita o passo anterior cadastrando outros  ( Filtros ) no ( Grupo ) de filtros \[ Material ]

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2FdePE8s4gJWBUqYS0oyaw%2Fimage.png?alt=media&amp;token=c3c81cd7-8996-46a2-aab4-69089edc3bb8" alt=""><figcaption></figcaption></figure></div>

* **Exemplo**: **Ouro 18k, Ouro 10k, Prata, Prata Leve, Aço, Folhado a Ouro Rosé,** etc ..

***

### 6 - Agora vamos configurar o "Vínculo" onde serão exibidos os filtros quando estivermos navegando na loja.

* Navegue na aba **( Vínculo)** dos filtros de produtos e **escolha em qual Área da Loja gostaria de Exibir os novos Filtros**, clicando em **\[** **Editar ]**\
  -> Neste exemplo, iremos configurar para **exibir os novos filtros** quando o **Cliente** estiver navegando nas **( Categorias da Loja ).**

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2FmrCAS2YtNIu5gUdTeh1e%2Fimage.png?alt=media&amp;token=ddb43556-8e4e-4eed-b392-b478d42996ba" alt=""><figcaption></figcaption></figure></div>

### 7 - Vamos configurar quais Filtros irão aparecer ao navegar nas "Categorias" da loja.

* Utilize os campos abaixo ( Categoria ) para selecionar em quais categorias o filtro irá aparecer.

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2F9JZQXeasGTY9TRWRVMUq%2Fimage.png?alt=media&amp;token=bcd5895f-8342-49e2-b54d-2e9bd823bff8" alt=""><figcaption></figcaption></figure></div>

* Mais abaixo, **selecione/adicione/remova grupos e filtros** que gostaria de aparecer ao navegar nas categorias da loja e clique em **Salvar**.
* **Obs**. Repita esse passo sempre que criar novos grupos e filtros, vinculando estes nas áreas de vínculo (nas categorias, busca, promoções, filtros, etc ..) que gostaria que estes apareçam.

### 8 - Devemos, agora, vincular os filtros nos produtos loja.

* No menu principal, navegue em ( **Catálogo** -> **Produtos** ).

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2Fw85RUp6feezpdk5E66a1%2FCaptura%20de%20Tela%202025-01-17%20a%CC%80s%2017.54.36.png?alt=media&amp;token=5d10384c-457f-4608-acbe-f98f93516f66" alt=""><figcaption></figcaption></figure></div>

* Escolha um produto e clique em **Editar**.

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2FpLfx6VrZ8eLDgiO4tvE7%2FCaptura%20de%20Tela%202025-01-20%20a%CC%80s%2009.29.00.png?alt=media&amp;token=fd409828-1040-4b14-93b7-2c70920e2d27" alt=""><figcaption></figcaption></figure></div>

* No menu **lateral direito dentro da página de edição do produto**, encontre a área **Selos de navegação** e clique em **( + Novo Selo )**&#x20;

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2FnrLpsWvuhFpLPts13FhC%2Fimage.png?alt=media&amp;token=3489a37a-fc04-49c7-88c7-622c98244743" alt=""><figcaption></figcaption></figure></div>

* **Selecione** todos os **Selos/Filtros** relacionados a este produto e clique em **Confirmar**.

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2FMEpaJEwHJ4VF8JtutoEU%2Fimage.png?alt=media&amp;token=227a2a0c-942d-48e7-868a-4433c3a97d05" alt=""><figcaption></figcaption></figure></div>

* Após a seleção dos filtros, salve o produto clicando em ( **Salvar )**

<div data-full-width="true"><figure><img src="https://2105237181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZkzZVMxLiuvqRO6xv6kx%2Fuploads%2F5jrGekjfSU0T2qpwxc16%2Fimage.png?alt=media&amp;token=7f65b8fc-5a77-48c2-9cc3-759c978c2201" alt=""><figcaption></figcaption></figure></div>

Pronto!

Agora você já pode filtrar os produtos quando estiver navegando pelas Categorias da sua loja, conforme as configurações que você desejar.