devpack
EnglishDeutschFrançaisEspañolPortuguês (Brasil)
Auditoria do site

Gerador de Contador Regressivo — Incorpore um Countdown em Qualquer Site

Crie um contador regressivo para um lançamento, promoção, webinar ou evento e incorpore em qualquer lugar — Webflow, WordPress, Shopify ou HTML puro. Escolha a data, hora e fuso horário de término (assim, todos os visitantes contam até o mesmo momento), as unidades, o estilo e suas cores, e o que acontece quando chegar a zero: mostrar uma mensagem, ocultar o contador ou redirecionar.

Atualizado em

Pré-visualização

Código de incorporação


    
No Webflow, adicione um elemento Embed (ou Configurações do site → Código personalizado) e cole o código; no WordPress, use um bloco Custom HTML.

  

  


    
 Seus dados nunca saem do seu computador. Todo o processamento acontece localmente no navegador.

    
    
    

      
Como usar: Gerador de Contador Regressivo
  1. Escolha a data e hora de término e o fuso horário delas — o contador faz a conversão, então ele termina no mesmo momento para todos os visitantes.
  2. Escolha quais unidades mostrar e digite os rótulos no seu idioma.
  3. Defina o que acontece no zero: uma mensagem, ocultar o contador ou ir para uma página.
  4. Escolha um estilo e as cores e copie o código para um elemento Embed (Webflow) ou um bloco Custom HTML (WordPress).


Um momento único para todos os visitantes


A hora final é armazenada como um momento UTC exato, calculado a partir da data, hora e fuso horário que você escolher — incluindo o horário de verão naquela data. Um visitante em Tóquio e outro em Nova York veem relógios locais diferentes, mas o contador chega a zero no mesmo instante.


Leve e autocontido


O código é formado por poucas linhas de HTML, CSS e JavaScript, sem nenhuma biblioteca. Os estilos têm escopo em uma classe única, para não conflitar com o seu site. Ele se atualiza uma vez por segundo, usa aria-live de forma discreta para não sobrecarregar leitores de tela e pausa o processamento quando a aba fica oculta. Você pode ter vários contadores na mesma página — gere um código para cada um.


Use contadores apenas para prazos reais: os falsos contadores “evergreen”, que reiniciam para cada visitante, enganam os clientes e são proibidos por regras de defesa do consumidor em muitos países. Veja também: Conversor de Fuso Horário, Conversor de Timestamp Unix.
Também pesquisado como: contador regressivo para site, contador regressivo html, contador regressivo webflow, widget de contagem regressiva, contador de lançamento, contador de promoção, countdown timer embed.
Ferramentas que combinam com: Gerador de Contador Regressivo
  • Calculadora de Diferença de Datas — Conte os dias entre duas datas, incluindo dias úteis e a divisão em anos/meses/dias, some ou subtraia tempo de uma data ou acompanhe uma contagem regressiva em tempo real.
  • Gerador de Banner de Cookies — Adicione um banner de consentimento de cookies a qualquer site — Webflow, WordPress, Shopify ou HTML puro — sem plugin pago.
  • HTML e CSS para Webflow — Cole o HTML e o CSS, clique em Copy to Webflow e cole no Designer — você recebe Div Blocks, Headings, Links, Imagens e Listas reais, com classes, combo classes, breakpoints para tablet e mobile e estados hover, em vez de um grande Code Embed.
  • Gerador de Animação CSS — Crie animações CSS em uma linha do tempo de keyframes real.
Perguntas frequentes
Como adiciono um contador regressivo no Webflow?
Gere o contador, adicione um elemento Embed onde ele deve aparecer, cole o código e publique. Ele funciona no site publicado e também na pré-visualização.
O contador vai terminar ao mesmo tempo para todos?
Sim. A hora final é convertida do fuso horário que você escolher para um momento exato, então não depende das configurações de relógio ou do fuso do visitante.
O que acontece quando chega a zero?
Depende da opção escolhida: ele mostra a sua mensagem, se oculta ou envia o visitante para uma página, como a sua promoção ativa.
Posso colocar dois contadores em uma mesma página?
Sim — cada código usa uma classe única, então gere um para cada contador.
Posso instalar o Gerador de Contador Regressivo como um aplicativo da web e usá-lo offline?
Sim. O Gerador de Contador Regressivo é um aplicativo da web instalável (PWA) — instalado a partir do seu navegador, não baixado de uma loja de aplicativos. Clique em “Instalar aplicativo” na parte superior desta página no Chrome ou no Edge (Windows, macOS, Linux, ChromeOS) ou, no Android, use “Compartilhar” → “Adicionar à tela inicial” no iPhone e no iPad, ou “Arquivo” → “Adicionar ao Dock” no Safari 17+ em um Mac. Em seguida, ela se abre em uma janela própria com seu próprio ícone e, como é executada inteiramente no seu navegador, continua funcionando offline. O Firefox no desktop não permite a instalação de aplicativos da web. Como funciona a instalação.

      
    

    
    
Ferramentas relacionadas
localConversor de Fuso HorárioConverta qualquer horário entre cidades e fusos horários, veja a hora atual em todo lugar e encontre um…localConversor de Timestamp UnixVeja o Unix time atual ao vivo, converta qualquer timestamp epoch (segundos, milissegundos, microssegundos…localCalculadora de Diferença de DatasConte os dias entre duas datas, incluindo dias úteis e a divisão em anos/meses/dias, some ou subtraia…localGerador de Banner de CookiesAdicione um banner de consentimento de cookies a qualquer site — Webflow, WordPress, Shopify ou HTML puro…localHTML e CSS para WebflowCole o HTML e o CSS, clique em Copy to Webflow e cole no Designer — você recebe Div Blocks, Headings,…localGerador de Animação CSSCrie animações CSS em uma linha do tempo de keyframes real. Comece com mais de 50 presets, navegue quadro…