A funcionalidade do Cronômetro de Ofertas permite que os assinantes possam configurar uma contagem regressiva para ofertas especiais. É ativado através do Contentful e está conectado ao modelo do Carrossel de Produtos.
obs.: Não é necessário vincular uma promoção da VTEX para que o cronômetro funcione, basta fazer toda a configuração via Contentful.
Configurando Crômetro de Ofertas
- Entre no Contentful e faça login com o e-mail que já possui acesso à ferramenta;
- Na aba "Content", clique em "Add Entry" e selecione a opção do componente "Carrosel | Produto".
- Ao abrir o modelo para edição, preencha os campos já conhecidos como:
- Título: Título para identificar o modelo dentro do Contentful.
- Ativo: Determina se o componente será exibido no aplicativo.
- Plano de Fundo: Plano de fundo do carrossel de produtos.
- Tipo de listagem: Define se será um carrossel feito a partir de uma lista de produtos, de uma categoria, de uma coleção ou de uma pesquisa.
- Identificador: Identificador(es) relacionado(s) à opção escolhida em "tipo de listagem".
- Ordenação: Define o método de ordenação do carrossel de produtos.
- Exibição programada (Data de início e fim): Programa a data e hora em que esse carrossel deverá ficar visível no app.
- Exibir o título: Define se o título escolhido para o modelo será exibido ou não no app.
- Após as configurações iniciais dos produtos que irão ter sua promoção marcada pelo cronômetro, preenche os campos indicados conforme as instruções abaixo:
- Exibir timer: Define se o componente de cronômetro será exibido ou não no app.
- Cor do background: Cor em hexadecimal que irá definir o background do cronômetro de ofertas.
- Cor do texto do timer:Cor em hexadecimal que irá definir o texto exibido no cronômetro de ofertas.
- Cor do botão do carrossel: Cor do ícone de seta do botão "Ver mais" no cronômetro de ofertas.
Exemplo:
Exibição na PLP
Para exibir o cronômetro na PDP e na PLP, utiliza-se o campo Tipo de Listagem, configurado no Carrossel de Produtos.
Na PLP, o cronômetro aparecerá nas seguintes situações:
- Categoria: Aparece ao clicar em "Ver mais" no carrossel a partir da página inicial e em qualquer fluxo onde o app redireciona para a categoria (Banner, carrossel de categoria, menu de categorias e etc).
- Search: Aparece somente ao clicar em "Ver mais" no carrossel da home.
- Collection: Aparece somente ao clicar em "Ver mais" no carrossel da home e em fluxos onde o app redireciona para a collection (Ex: através de banners).
Exemplo:
Exibição na PDP
Na PDP, o cronômetro aparecerá nas seguintes situações:
- Categoria: Aparece ao acessar o produto por qualquer fluxo no aplicativo.
- Collection: Aparece ao acessar o produto por qualquer fluxo no aplicativo.
- Search: Os carrosséis configurados com este tipo de listagem não aparecerão na PDP, pois os termos de pesquisa podem ser genéricos e fazer referência a vários produtos.
obs.: Se houver mais de um cronômetro atrelado ao produto pelo contentful, aparecerá o cronômetro que foi cadastrado primeiro.
Exemplo:
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 suporte@kobe.io.