Skip to main content
O elemento Countdown cria urgência na sua página exibindo um cronômetro.
Ele é muito usado para ofertas, prazos ou ações por tempo limitado.
Você pode adicioná-lo pela barra lateral esquerda e personalizar totalmente o comportamento e o design.
Countdown

Configurações da contagem regressiva

Style

  • Escolha a aparência visual da contagem regressiva
  • Estilos diferentes mudam como os números e os rótulos são exibidos

Mode

Existem dois modos:
  • Date → faz a contagem até uma data e hora específicas
  • Timer → inicia uma contagem (por exemplo, 10 minutos) quando a página carrega

Date

  • Disponível no modo Date
  • Selecione a data e a hora exatas no seletor

Color

  • Controla a cor dos números e dos rótulos

Size

  • Ajusta o tamanho do texto da contagem regressiva

Hide Labels

  • Yes → oculta rótulos como dias, horas e minutos
  • No → exibe os rótulos

Full Width

  • Yes → expande a contagem regressiva por todo o contêiner
  • No → mantém o formato compacto

Redirect

  • Yes → redireciona os usuários quando a contagem termina
  • No → nenhuma ação após o término

Itens (unidades de tempo)

Você pode controlar quais unidades de tempo são exibidas:
  • Dias
  • Horas
  • Minutos
  • Segundos
Cada uma pode ser ativada ou desativada individualmente.

Posição e espaçamento

Assim como nos outros elementos, você pode ajustar:
  • Alinhamento
  • Espaçamento (margin e padding)

Como funciona

  • No modo Date, a contagem regressiva fica fixa em um prazo específico
  • No modo Timer, ela começa do zero para cada visitante