Tags de Promoção e Tags Customizadas no app
Guia rápido para entender, configurar e validar a exibição de tags no aplicativo.
🏷️ Como funcionam as Tags Promoção no app
As tags de promoção são nativas da VTEX, ou seja, estão diretamente vinculadas às promoções configuradas na plataforma.
Para exibição no app, é necessário cadastrar a promoção corretamente no painel da VTEX.
A ativação da funcionalidade deve ser solicitada pelo portal.
Importante: habilite a opção "Exibir destaque" ou "Destaque" nas configurações da promoção. O texto exibido na tag do app será exatamente o nome definido na promoção cadastrada na VTEX.
🔒 Como ocultar informações internas no nome da Tag de Promoção
Caso seja necessário adicionar informações internas para controle no nome da promoção da VTEX, isso pode ser feito sem impactar a exibição da tag no app.
Não é necessária nenhuma habilitação adicional para utilizar essa opção. Após a ativação das tags de promoção, essa configuração já pode ser realizada.
Regra do FLAG: apenas o texto que estiver após o termo FLAG será exibido na tag de promoção no app; todo o conteúdo anterior ficará oculto para o usuário.
Exemplo: na VTEX, Coca-Cola125 FLAG Leve 3 por R$ 2,99; no app, Leve 3 por R$ 2,99.
🎨 Como funcionam as Tags Customizadas no app
As tags customizadas são configuradas diretamente no CMS, onde é possível personalizar nome, formato e cor, independentemente das configurações realizadas na VTEX ou em outra plataforma de e-commerce.
A funcionalidade é composta por dois componentes: Product Badge Structure e Product Badge | Coupon. Para que as tags sejam exibidas corretamente no app, é necessário que ambos estejam publicados e habilitados.
A configuração das tags customizadas é feita de forma autônoma por você diretamente no CMS. O único chamado necessário é para solicitar a desativação das tags nativas da VTEX, caso estejam ativas..
Cada produto pode exibir até 3 tags customizadas simultaneamente.
Links úteis
🛠️ Tag Customizada não exibe no app
Validações principais:
Validar se os dois componentes estão publicados: Product Badge Structure e Product Badge | Coupon.
Conferir se o campo ID do Product Badge Structure possui exatamente o mesmo valor numérico informado no campo Estrutura do Product Badge | Coupon.
Inserir um código hexadecimal válido no campo de cor. Exemplo:
#013220→ verde escuro.Verificar se não foi cadastrada a cor branca (
#FFFFFF), pois isso pode fazer com que a tag fique invisível.Conferir se os IDs cadastrados estão corretos para o local onde a tag deve aparecer, como Coleção, Categoria, Lista de Produtos e outros.
❓ Posso usar Tags de Promoção e Tags Customizadas ao mesmo tempo?
Atenção: as tags de promoção e as tags customizadas são mutuamente exclusivas. Ao solicitar a ativação de um dos modelos, o outro será automaticamente desativado.
Exemplo: se o app estiver utilizando as tags de promoção da VTEX e for solicitada a ativação das tags customizadas via CMS, a opção de tags nativas da VTEX será desativada. O mesmo comportamento ocorre no sentido inverso.