ℹ️ Note: Este artigo foi traduzido automaticamente utilizando IA e pode conter imprecisões. Se algo parecer errado, entre em contato com nossa equipe de suporte.

Hoppy Countdown Timer oferece vários tipos de contagem regressiva para que você possa criar urgência em diferentes áreas da sua loja — desde páginas de produto e gavetas de carrinhos até campanhas de checkout e email.

Cada tipo de contagem regressiva é projetado para uma área de colocação específica e vem com seu próprio comportamento, configurações e lógica de storefront. Escolher o tipo certo ajuda a exibir cronômetros exatamente onde eles mais importam 🎯

⚠️ Antes de começar

Para explorar tipos de contagem regressiva:

→ Abra o Hoppy Countdown Timer app
→ Clique Criar nova contagem regressiva
→ Selecione um tipo de contagem regressiva nas opções disponíveis

Uma vez selecionada, a página de configuração abre com configurações adaptadas a esse tipo específico.

ℹ️ Nem todas as configurações aparecem para cada tipo. O aplicativo mostra dinamicamente apenas os campos relevantes para sua contagem regressiva selecionada.

🏷️ Marcas de Tempo

Controle de etiquetas de tempo quais etiquetas unitárias são exibidas ao lado do temporizador de contagem regressiva.

Por padrão, as contagens mostram todas as etiquetas disponíveis:

• Dias
• Hrs
• Mins
• Secs

Os comerciantes podem ativar ou desativar individualmente essas etiquetas dependendo de como eles querem que o timer apareça na frente da loja.

Exemplo

Uma contagem regressiva a mostrar: 02 Dias : 14 horas : 30 minutos : 45 segundos pode ser simplificada por desativar rótulos selecionados, tais como: 14 : 30 : 45 ou 02 Dias : 14 horas dependendo dos requisitos da campanha.

Como Funciona

Dentro do editor de contagem regressiva, localizar o Mostrar etiquetas de tempo secção.

Você pode escolher quais rótulos devem ser visíveis:

• Dias
• Hrs
• Mins
• Secs

Quando uma etiqueta está desactivada:

• O valor de tempo correspondente continua a funcionar normalmente.
• Apenas a etiqueta de texto está escondida na tela do storefront.

Isso permite que os comerciantes criem um design de contagem regressiva mais limpo ou mais compacto, preservando a precisão do temporizador.

⚠️ Importante: As etiquetas de tempo só controlam a visibilidade das etiquetas de texto. Eles não afetam como a contagem regressiva em si calcula ou exibe o tempo.

📍 Tipos de contagem regressiva baseados na colocação

Estes definem em que A contagem regressiva aparece na sua loja.

🛍️ Página do produto

• O que faz: Mostra um bloco de contagem regressiva nas páginas do produto, posicionado abaixo do botão Adicionar ao Carrinho.
• Melhor para: Criação de urgência nos produtos individuais.

Opções de Colocação

• Todos os Produtos — Mostra em cada página do produto.
• Produtos específicos — Escolha produtos individuais através da Shopify Recolhedor de recursos.
• Produtos com etiquetas específicas — Marcas correspondentes aos produtos-alvo que define.
• Produtos em Coleções Específicas — Produtos-alvo nas colecções seleccionadas.
• Personalizado — Use o ID de contagem regressiva em seu editor de tema ou cole um trecho de código manualmente.

Comportamento por Omissão

• Título: "Depressa!"
• Sub-rubrica: "A venda termina em"
• Mostra todas as unidades de tempo: dias, horas, minutos, segundos
• Barra de progresso está oculta por padrão
• Nenhum botão de chamada à ação por padrão

📶 Barra superior / inferior

• O que faz: Mostra uma barra de contagem regressiva fixa ou pegajosa na parte superior ou inferior da sua loja.
• Melhor para: Anúncios em toda a loja, vendas flash, ou prazos de envio.

Opções de Colocação

• Cada Página — Visível em toda a sua loja.
• Apenas na Página Pessoal — Apenas na página inicial.
• Todas as Páginas de Produto — Cada página do produto.
• Produtos específicos — Apenas em produtos seleccionados.
• Todas as Páginas de Colecção — Cada página de colecção.
• Colecções específicas — Apenas colecções seleccionadas.
• Personalizado — Colocação manual utilizando o ID de contagem regressiva ou o recorte de código.

Posição & Comportamento

• Posição: Escolher Topo ou Fundo.
• Fixo: Quando definido para Topo, você pode ativar o comportamento pegajoso para que a barra permaneça visível enquanto rola.
• Fechar ícone: Os comerciantes podem ativar um botão de fechamento. Quando um cliente dispensa a barra, ela permanece escondida usando o armazenamento do navegador.

Comportamento por Omissão

• Inclui um botão CTA por padrão
• Fechar o ícone está activo por omissão
• Links de botões e texto são configuráveis

🗂️ Página de desembarque (Página de Colecção)

• O que faz: Mostra um bloco de contagem regressiva nas páginas da colecção.
• Melhor para: Vendas específicas da coleção, campanhas sazonais ou promoções de categoria.

Opções de Colocação

• Todas as Páginas de Colecção — Cada página de colecção.
• Colecções específicas — Apenas colecções seleccionadas.
• Personalizado — Colocação manual utilizando o ID de contagem regressiva ou o recorte de código.

Comportamento por Omissão

• Inclui um botão CTA por padrão
• Suporta ações de barra inteira clicável
• Injetado antes da área de conteúdo principal

🛒 Página do Carrinho

• O que faz: Mostra uma contagem decrescente na página do carrinho e dentro da gaveta do carrinho quando os itens são adicionados.
• Melhor para: Reduzir o abandono do carrinho com urgência de checkout.

Opções de Colocação

• Topo do Carrinho — Posicionado no topo do conteúdo do carrinho.
• Personalizado — Colocação manual utilizando o ID de contagem regressiva ou o recorte de código.

Comportamento Especial

• O temporizador começa quando o primeiro item é adicionado ao carrinho. O aplicativo detecta ações de add-to-cart automaticamente.
• Se o carrinho ficar vazio, a contagem regressiva é removida.
• O título suporta uma {timer} placeholder para que o temporizador ao vivo apareça em linha dentro de sua mensagem.

Comportamento por Omissão

• Apenas horas, minutos e segundos são mostrados (sem dias).
• Closable por padrão.
• Título padrão: "Apressar a venda termina em {timer}"

📄 Página de Carrinhos

• O que faz: O mesmo que a Página do Carrinho, mas apenas na /cart página — não na gaveta do carrinho.
• Melhor para: Comerciantes que querem urgência regressiva estritamente na página dedicada do carrinho.

Comportamento da frente da loja

• Apenas renderiza na /cart nome do caminho.
• Não anexa ou aparece dentro da gaveta do carrinho.

🗃️ Gaveta de Carrinhos

• O que faz: O mesmo que a Página do Carrinho, mas apenas dentro da gaveta do carrinho — não /cart Page.
• Melhor para: Lojas onde os clientes usam principalmente a gaveta do carrinho em vez de visitar a página completa do carrinho.

Comportamento da frente da loja

• Só fica dentro da gaveta do carrinho.
• Utiliza um MutationObserver para detectar quando a gaveta abre e injeta a contagem regressiva automaticamente.
• Não aparece na /cart Page.

💳 Página de Saída

• O que faz: Exibe uma contagem regressiva diretamente na Shopify Página de saída.
• Melhor para: Urgência final para concluir a compra.

Requisitos Importantes

⚠️ Shopify Mais plano é necessário. Este tipo de contagem decrescente só está disponível para Shopify Mais comerciantes porque usa Shopify Obter extensões de UI.

Opções de Colocação

• Compra Checkout Bloco Render — Colocação de bloco personalizada configurada pelo comerciante dentro do editor de checkout.

Limitações de Desenho

Porque as páginas de checkout usam Shopify's Interface de Extensão:

• A seleção de fontes está limitada a ShopifySão opções predefinidas.
• Os estilos do timer estão restritos a ShopifyO tamanho do texto e as predefinições de cores.
• Modelos e opções avançadas de estilo não estão disponíveis.
• Apenas uma contagem regressiva de checkout publicada é permitida por loja.

Ações finais disponíveis

Apenas Não publicado e Nada. estão disponíveis. Outras ações finais como mensagens personalizadas, estender ou reiniciar não são suportadas para contagem regressiva de checkout.

Comportamento por Omissão

• Título: "Depressa! A venda termina em {timer}"
• Closable por padrão

Tipos de Comportamento do Temporizador

Estes definem como o temporizador da contagem regressiva comporta-se com o tempo. As opções disponíveis dependem do tipo de colocação que você selecionou.

📅 Contagem regressiva para uma data

• O que faz: Conta até uma data e hora determinadas.
• Melhor para: Vendas em flash, lançamentos de produtos ou prazos para eventos.

Configuração

• Tipo de início:
• • Agora. — O temporizador torna-se visível imediatamente.
  • Mais tarde. — O temporizador só se torna visível após a data de início que configurar.
• Data de início — só aparece se o tipo de arranque for definido como "mais tarde".
• Data de Fim — a data e hora exactas em que a contagem regressiva atinge o zero.

Minutos fixos

• O que faz: Inicia uma contagem regressiva a partir de um número fixo de minutos para cada sessão de visitante.
• Melhor para: Criando urgência por sessão como "Seu carrinho está reservado por 15 minutos."

Configuração

• Ata — Introduzir a duração em minutos (por omissão: 120).

Comportamento da frente da loja

• Timer começa fresco em cada carga de página.
• Quando o tempo se esgota, a contagem regressiva termina com base na ação final selecionada.

🔁 Temporizador Recorrente Diário

• O que faz: Repeti a contagem regressiva em dias selecionados da semana entre os tempos de início e fim configurados.
• Melhor para: Vendas flash diárias, horas felizes, ou promoções recorrentes.

Configuração

• Dias selecionados — Escolha quais os dias da semana em que a contagem regressiva deverá aparecer.
• Hora de início — Horas, minutos e indicador AM/PM.
• Hora do fim — Horas, minutos e indicador AM/PM.

Comportamento da frente da loja

• Se a hora final for mais cedo do que a hora de início (por exemplo, 10 PM a 2 AM), o aplicativo lida automaticamente com a transição noturna.
• A contagem regressiva é completamente oculto em dias não selecionados.

📊 Temporizador de Intervalo

• O que faz: Configura até 7 intervalos de contagem regressiva separados, cada um com sua própria data de início e fim.
• Melhor para: Campanhas multifásicas, vendas escalonadas, ou eventos semanais com diferentes períodos de urgência.

Configuração

• Intervalos — Adicionar até 7 intervalos, cada um com uma hora de início e fim.

Comportamento da frente da loja

• A contagem regressiva só aparece durante um intervalo ativo.
• Se o tempo atual cai entre intervalos, a contagem regressiva é oculta.
• Os intervalos são avaliados sequencialmente.

👤 Temporizador de Sessão

• O que faz: Inicia uma contagem regressiva única para cada visitante e persiste em todas as atualizações de página usando o armazenamento do navegador.
• Melhor para: Urgência por visitador que não reinicia quando navegam para outra página.

Configuração

• Ata — indicar a duração da sessão em minutos.

Comportamento da frente da loja

• Na primeira visita do visitante, o cronômetro inicia e armazena os horários de início e fim no armazenamento do navegador.
• Nas visitas subsequentes, o timer retoma de onde parou.
• Se o armazenamento do navegador for limpo ou corrompido, uma nova sessão é criada automaticamente.

🎯 O Que Acontece Quando o timer terminar

Cada tipo de contagem regressiva suporta ações finais que controlam o que acontece quando o tempo atinge zero.

Acção Final

Comportamento

Não publicado

Esconde a contagem regressiva completamente da frente da loja

Mensagem Personalizada

Substitui o temporizador por um título e subtítulo personalizados que define

Extender

Adiciona tempo extra (60–600 segundos) com uma mensagem opcional. Você pode colar várias extensões juntas

Reiniciar

Reinicia a contagem regressiva a partir de agora com a duração original

Nada.

O temporizador pára, mas o conteúdo da contagem regressiva permanece visível

Apagar o Carrinho

Limpa o carrinho do cliente e recarrega a página. Apenas disponível para contagens relacionadas com carrinhos

Disponibilidade de Ação Final por Tipo

• Tipos-tipo (Página do produto, Barra de Topo / Bottom, Landing Page): Todas as ações finais, exceto Apagar o Carrinho.
• Tipos de carrinho (Página de carrinho, gaveta de carrinho, página de carrinho independente): Todas as ações finais, incluindo Delete Cart.
• Página de Saída: Só não publicado e nada.

⚠️ Notas Importantes

Tipo de temporizador Disponibilidade por colocação

Nem todos os tipos de comportamento timer estão disponíveis para cada colocação:

• Página de Produto, Topo / Bottom Bar, Landing Page: Todos os tipos de temporizador disponíveis (Data, Minutos, Recorrendo, Intervalo, Sessão).
• Página de carrinho, Gaveta de carrinho, Página de carrinho independente: Apenas Minutos fixos tipo timer está disponível.
• Página de Saída: Apenas Minutos fixos tipo timer está disponível.

Obtenção de Restrições da Página

• Requer Shopify Mais Plano.
• Apenas um A contagem regressiva do checkout pode ser publicada por loja de cada vez.
• As opções de design são limitadas a ShopifyAs definições de UI de checkout.

Os tipos de carrinho são mutuamente exclusivos

Cart Page, Cart Page Standalone, e Cart Gaveta são semelhantes, mas servem diferentes propósitos:

• Utilização Página do Carrinho Se quiseres a contagem decrescente na página do carrinho e na gaveta do carrinho.
• Utilização Página de Carrinhos se você só quer no /cart Page.
• Utilização Gaveta de Carrinhos Se só o queres dentro da gaveta do carrinho.

💡 Usar casos e exemplos

Venda Flash em páginas de produtos

→ Selecionar Página do produto
→ Colocação: Produtos específicos (selecionar itens de venda)
→ Timer: Contagem regressiva para uma data
→ Ação Final: Não publicado

Prazo de envio em grande escala

→ Selecionar Barra superior / inferior
→ Colocação: Cada Página
→ Posição: Topo + Fixo
→ Timer: Recorrendo diariamente (por exemplo, segunda-feira–sexta-feira, das 9h às 17h)
→ Ação Final: Mensagem personalizada — "Ordens colocados após o navio 5 PM amanhã"

Urgência de Abandono do Carrinho

→ Selecionar Página do Carrinho
→ Colocação: Topo do Carrinho
→ Temporizador: Minutos fixos (por exemplo, 30 minutos)
→ Título: "Complete sua ordem dentro {timer} para proteger seus itens"
→ Acção Final: Apagar o Carrinho

Final de verificação

→ Selecionar Página de Saída (Shopify Apenas mais)
→ Temporizador: Minutos fixos (por exemplo, 15 minutos)
→ Título: "Depressa! A venda termina em {timer}"
→ Ação Final: Nada

🚀 Resultado Final

Uma vez configurado corretamente:

✅ Contagem regressiva aparece exatamente onde você quer
✅ O comportamento do timer corresponde aos seus objetivos de campanha
✅ As ações finais lidam com a expiração graciosamente
✅ Os clientes experimentam urgência consistente em páginas de produtos, carrinho, checkout e email
✅ Cada tipo de colocação respeita suas próprias regras de visibilidade, condições de direcionamento e restrições de design

Escolher o tipo de contagem regressiva certo garante que sua mensagem de urgência seja mostrada aos clientes certos, no momento certo, no lugar certo ✨

Actualizado em: 10/09/2026