Tag de Promoção Customizada (Contentful)

A funcionalidade foi desenvolvida para oferecer um maior controle sobre a exibição de tags de promoção com nome e cor personalizados, sem depender do cadastro feito na VTEX. Inclusive permitindo a inserção de mais de uma tag em um mesmo produto.

OBS.: Para que essa customização reflita no aplicativo, é necessário solicitar ao suporte que desative a opção de tags de promoção vindas da VTEX. Por isso, lembre-se de deixar todas as novas Tags configuradas antes de fazer a solicitação.

Configurando Estrutura Base da Tag

1. Entre no Contentful e faça login com o e-mail que já possui acesso à ferramenta;
2. Na aba "Content", clique em "Add Entry" e selecione a opção do componente "Product Badge Structure".
3. Ao abrir o modelo para edição, preencha os campos indicados conforme as instruções abaixo:
   • ID: ID de identificação da estrutura no Contentful.
   • Nome: Nome usado para identificar a Tag, é o nome que aparece no app.
   • Cor: Cor de exibição da Tag no app.
   • Estilo: Opção "Pílula" para formato arredondado de Tag ou "Retangular" para o formato padrão.
   • Acima da imagem do produto?: Selecionar "Sim" caso utilize o tema CLEAN no app.
   • Demais perguntas: Pode selecionar "Não".

Configurando Exibição da Tag

1. Na aba "Content", clique em "Add Entry" e selecione a opção do componente "Product Badge | Coupon".
2. Ao abrir o modelo para edição, preencha os campos indicados conforme as instruções abaixo:
   • Estrutura: Selecionar o ID que foi registrado para a Tag que deseja exibir no app.
   • Nome: Nome para identificação no Contentful (não é exibido no app).
   • Texto complementar: Texto extra para facilitar a identificação da tag que está sendo cadastrada, opcional.
   • O selo será exibido em um/uma: Selecionar se deseja exibir a nova Tag em uma Coleção, Categoria, Lista de Especificações ou Lista de Produtos.
   • Insira os ID dos produtos, coleções, categorias: Adicionar os IDs de acordo com a opção selecionada anteriormente.

OBS: um mesmo produto pode exibir até três tags customizadas.

Exemplo no App

     

Ao final, lembre-se de publicar a alteração para que ela seja aplicada no aplicativo.

Caso fique com alguma dúvida, você pode enviar um e-mail para [e-mail].