Pular para o conteúdo
Instalar app
Português (Brasil)

Contagem regressiva

Adicione um cronômetro regressivo ao menu para promoções relâmpago, lançamentos e prazos de datas comemorativas.

Referência Growth Navigation · Pro Navigation 3 min de leitura

Um cronômetro ao vivo (dias, horas, minutos, segundos) que conta até uma data que você define, com título e subtítulo. Use para criar urgência em uma promoção relâmpago, um lançamento de produto ou um prazo de envio para datas comemorativas.

Adicione o bloco

  1. Escolha um layout

    No painel do mega menu da pré-visualização, clique em Adicionar bloco. Clique em Contagem regressiva, passe o mouse sobre um layout e clique em Selecionar.

    (1) Clique em Contagem regressiva, (2) escolha um layout.
  2. Defina os textos

    Clique na contagem regressiva na pré-visualização para abrir Editar item. Em Geral, defina o Título, o Subtítulo, um Link opcional e a Largura.

    (1) Clique na contagem regressiva na pré-visualização, (2) defina a Largura.
  3. Defina o término

    Na seção Contagem regressiva, defina a Data de término, a Hora de término e Quando a contagem terminar.

    Data de término, Hora de término e Quando a contagem terminar
  4. Salve e publique

    Se quiser, estilize em Estilos e clique em Salvar e Publicar.

Layouts

Contagem regressiva padrão
Título e subtítulo centralizados, com um cronômetro grande abaixo deles.
Contagem regressiva equilibrada
Título à esquerda, cronômetro à direita.
Contagem regressiva em linha
Título à esquerda, um cronômetro compacto em uma linha à direita.

Configurações

Geral

Título
A linha principal, por exemplo “Corra!”.
Subtítulo
A linha abaixo do título, por exemplo “A oferta termina em breve”.
Link
Página opcional para a qual o bloco leva.
Largura
Quanto da linha do mega menu o bloco ocupa: Automático ou de 8,33% a 100%.

Contagem regressiva

Data de término / Hora de término
Quando o cronômetro chega a zero, no fuso horário da sua loja (mostrado abaixo da data). O término precisa estar no futuro.
Quando a contagem terminarPadrão: Ocultar o bloco
Ocultar o bloco o remove do menu. Continuar mostrando zeros o mantém com tudo zerado. Mostrar uma mensagem exibe o texto que você digitar em Mensagem ao terminar, por exemplo “Esta oferta terminou”.

Estilos

LayoutPadrão: O layout que você escolheu
Padrão, Em linha ou Equilibrado. Alterar redefine seus tamanhos e cores personalizados para os padrões desse layout, então escolha o layout primeiro.
Cor de fundoPadrão: Transparente
Fundo do bloco.
Tamanho e cor do títuloPadrão: 28 / 24 / 18 px · #202223
Tamanho (de 8 a 96 px) e cor. Os padrões são para Padrão / Equilibrado / Em linha.
Tamanho e cor do subtítuloPadrão: 16 / 16 / 14 px · #6D7175
Tamanho e cor do subtítulo.
Tamanho e cor do cronômetroPadrão: 40 / 32 / 20 px · #202223
Tamanho e cor dos números.
Tamanho e cor da legendaPadrão: 14 px · #6D7175
Os rótulos “Dias”, “Hrs” abaixo dos números.

Clique em Limpar configurações para voltar aos padrões. A Visibilidade funciona como em todo bloco; veja Configurações que todo bloco tem.

Dicas

  • O layout Padrão precisa de espaço para quatro pares de números grandes. Em colunas de 25% ou menos, reduza o Tamanho e cor do cronômetro ou defina a Largura como 33,33% ou mais.
  • O cronômetro conta até uma data fixa e não reinicia. Para uma nova promoção, defina uma nova Data de término.
  • Para mostrar o bloco somente durante a promoção, use também Visibilidade > Agendar publicação.
  • Combine com um código de cupom para os compradores verem o código de desconto ao lado do cronômetro.

Esta página foi útil?

Relatar um problema