A funcionalidade do Cronômetro de Ofertas permite configurar uma contagem regressiva para ofertas especiais. É ativado através do CMS Shopify 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 CMS Shopify.
Configurando Cronômetro de Ofertas
- Realize o login no painel administrativo da Shopify e entre no espaço destinado ao CMS
Exemplo: - Selecione a opção do componente "Carrossel de Produtos".
- Ao abrir o componente para edição, preencha os campos:
Título: Identificar o modelo, pode ser exibido para os usuários a partir da ativação do campo "Exibir o título"
Ativo: Determina se o componente será exibido no aplicativo.
Plano de Fundo: não é necessário o preenchimento
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.
ID relativo ao tipo de listagem: ID correspondente à opção escolhida em "tipo de listagem".
Ordenação: Define a ordenação do carrossel de produtos.
Exibir o título: Define se o título escolhido para o modelo será exibido ou não no app.
Cor do background: Insira o código hexadecimal da cor de fundo do cronômetro de ofertas.
Cor do texto do timer: Insira o código hexadecimal da cor do texto exibido no cronômetro.
Cor do botão do carrossel: Insira o código hexadecimal da cor do ícone de seta do botão "Ver mais" no cronômetro de ofertas.
Exibição programada (Data de início e fim): Programa a data e hora em que deverá ficar visível no app.
Exibir timer: Habilite esse componente, assim o cronômetro será exibido atrelado ao carrossel de produtos.
Exemplos:
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: É exibido somente ao clicar em "Ver mais" no carrossel da home.
Collection: Apenas 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á nos seguintes cenários:
Categoria: Exibido 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 CMS, aparecerá o cronômetro que foi cadastrado primeiro.
Exemplo:
Ao final, lembre-se de salvar e 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.