O que é o Cronômetro?
O Cronômetro é um componente que pode ser adicionado ao fluxo de finalização de compra (checkout) para criar senso de urgência durante a compra, exibindo uma contagem regressiva para o cliente finalizar o pedido. É possível personalizar o tempo de expiração, o texto exibido, a posição na tela e o estilo da borda do componente.
Passo a passo
1. Acesse a área de Personalização
No menu lateral do Painel Unbox, clique em Personalização e depois em Checkout, dentro da seção Fluxo de compra.
2. Gerencie as seções do checkout
Com a página Fluxo de finalização de compra aberta, na aba Checkout, clique no botão Gerenciar seções.
3. Adicione a seção do Cronômetro
Clique em Adicionar seção e escolha o componente Cronômetro. Em seguida, dê um nome para a seção e clique em Continuar.
4. Configure a mensagem do cronômetro
Após criar a seção, defina o tempo de expiração (em minutos) — o prazo que o cliente terá para finalizar a compra. Personalize também a Mensagem e a Mensagem em HTML, que ficam junto à contagem regressiva, além da posição do cronômetro para desktop (Padrão) e para dispositivos móveis (Celular).
5. Personalize a borda e a tipografia
Defina se o cronômetro terá borda e escolha seu estilo (sólida, tracejada, etc.), o tamanho da borda, o arredondamento das pontas e a cor. Ajuste também a tipografia (fonte, tamanho e peso) usada no texto do componente, com a opção de definir uma fonte diferente para o celular.
6. Salve e publique
Depois de ajustar todas as configurações, clique em Salvar e, em seguida, em Publicar para que as alterações fiquem visíveis para os clientes na loja.
Atenção: assim como nas demais personalizações do checkout, se você apenas salvar as alterações sem publicar, elas ficarão como rascunho e não serão exibidas na loja.
Boas práticas para o Cronômetro
• Defina um tempo de expiração realista, que dê tempo suficiente para o cliente concluir a compra.
• Use mensagens curtas e diretas, como "Corra, sua oferta expira em breve!"
• Escolha cores e bordas que combinem com a identidade visual da sua loja.
• Teste a exibição em desktop e celular antes de publicar.