Filtro de produtos com promoção
O Filtro de produtos com promoção é um recurso que permite ao cliente visualizar apenas os itens que possuem preço promocional ativo no momento da navegação. Essa funcionalidade é disponibilizada por meio de uma checkbox exibida no lado esquerdo das páginas de listagem de produtos, como busca, coleção, marca, departamento e demais páginas de categoria.
Ao selecionar esse filtro, o sistema retorna exclusivamente os produtos que estejam com promoção vigente, facilitando a descoberta de ofertas e aumentando a conversão de campanhas comerciais.
Onde configurar
Não é necessário realizar nenhuma configuração inicial para que o filtro seja exibido. A checkbox de promoção é apresentada automaticamente nas páginas de listagem do E-Commerce.
O funcionamento está condicionado à existência de produtos com preço promocional ativo. Caso não existam produtos em promoção, o filtro não retornará resultados. Para sites com preço fechado, o filtro será disponibilizado apenas para clientes logados.
Como funciona
Sempre que um produto possui uma campanha promocional evidente (que são apresentadas ao cliente), ele passa a ser elegível para o filtro de promoção. Ou seja, todos os produtos com o selo ‘Promoção’ ou ‘-X%’. Ao marcar a opção de filtro, a navegação é atualizada considerando o parâmetro promocional, retornando apenas os itens que atendem a essa condição.
Essa dinâmica facilita campanhas sazonais, ações comerciais e estratégias de liquidação, permitindo que o cliente encontre rapidamente os produtos com desconto.
Como criar um menu exclusivo para produtos em promoção
Além da checkbox lateral, é possível criar um item de menu específico na barra de departamentos direcionando o cliente para uma listagem apenas com produtos promocionados. Essa configuração depende de acessos de Administrador no Admin, logo, caso o seu usuário não tenha, busque apoio com seu gerente ou seu departamento de TI.
Como criar:
Passo 1: Adicionar um novo item de menu
Vá em Configurações > Parâmetros e filtre pelo parâmetro “topmenu”, utilizando a coluna Parâmetros. Clique para editar o parâmetro, vá até o bloco de código e adicione o bloco abaixo dentro do parâmetro:
{
"name": "topmenu-item",
"target": "",
"title": "PROMOÇÃO",
"icon": "fas fa-tags",
"data": "",
"token": "empresa",
"ttl": 3000,
"columns": 0,
"active": true
}
Faça o mesmo para o parâmetro do Mobile.
Esse link utiliza o parâmetro promocao=1, responsável por retornar apenas produtos com promoção ativa.
ATENÇÃO: SEMPRE faça backup do parâmetro antes de qualquer alteração.
Passo 2: Destacar o menu com CSS
Para dar maior visibilidade ao menu de promoção, recomenda-se aplicar um estilo visual diferenciado. Vá em Configurações > Layout e adicione seu estilo CSS.
Caso o item seja o último da barra de departamentos, segue um CSS de exemplo:
.nav-links__item:last-child .nav-links__item-link {
background-color: #E20026;
margin-left: 10px;
color: #FCFCFC;
border-radius: 20px;
}
Esse destaque visual reforça a estratégia comercial, chama a atenção do cliente e contribui para o aumento do tráfego nas páginas promocionais.
Vantagens de utilizar o filtro de promoção
Marcar o filtro de produtos com promoção facilita a navegação, melhora a experiência do cliente e potencializa campanhas comerciais.
A funcionalidade permite que ofertas sejam encontradas com mais rapidez, reduz a fricção na jornada de compra e aumenta a exposição de produtos estratégicos. Além disso, ao combinar o filtro com um menu destacado, cria-se um ponto adicional de acesso às promoções, ampliando as oportunidades de conversão e fortalecendo ações sazonais e campanhas específicas.