ℹ️ 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.

Quer adicionar urgência à sua loja e ajudar os clientes a agir antes que o tempo acabe?

Isso é exatamente o que o Hoppy Countdown Timer é construído para.

Com este aplicativo, você pode criar contadores de contagem regressiva para:

• 🛍️ Páginas de Produtos — Mostrar urgência directamente nas páginas de pormenor do produto
• 🛒 Caixa da Página de Carrinhos — Incentivar os compradores a concluir o checkout
• 💳 Página de Saída — Aumentar a urgência na fase final (Shopify Apenas mais)
• 🌐 Banner de Topo/Bottom — Mostrar uma barra de contagem regressiva no local
• 📄 Página de desembarque e posições personalizadas — Destinar colecções específicas ou colocações personalizadas

Este guia leva você através dos passos de configuração essenciais para que você possa obter seu primeiro temporizador de contagem regressiva ao vivo rapidamente 🚀

📍 Tipos de contagem regressiva disponíveis

Dependendo de sua campanha, você pode escolher entre vários comportamentos timer:

• Contagem regressiva até uma data — Termina numa data e hora específicas
• Minutos fixos — Uma contagem regressiva de duração fixa para cada sessão de visitantes
• Temporizador recorrente diário — Repetições em dias seleccionados (por exemplo, todos os dias da semana das 9h às 11h)
• Temporizador de intervalo — Múltiplos horários de início e fim programados (até 7 intervalos)
• Temporizador da sessão — Uma contagem regressiva única que começa de novo para cada visitante

O tipo que você seleciona altera quais opções de temporização aparecem em sua configuração.

⚠️ Antes de começar

Antes de criar um temporizador regressivo, certifique-se:

• A Hoppy Countdown Timer app está instalado no seu Shopify guardar
• Você tem acesso ao seu Shopify Administrador

Habilitar a incorporação da aplicação

Para que os timers de contagem regressiva apareçam na frente da sua loja, a incorporação da aplicação deve ser activada dentro da sua Shopify tema.

Ir para:

Shopify Admin → Canais de Vendas → Loja online → Temas → Editar Tema → App Incorpora

Depois:

• Procurar Contagem regressiva
• Alternar ON
• Clique Gravar

💡 Se você pular este passo, seu temporizador de contagem regressiva publicado não será visível na frente do store.

Shopify Mais exigência para checkout

Se você quiser colocar um relógio de contagem regressiva no Página de Saída, sua loja deve estar em um Shopify Mais Plano. As lojas Non-Plus verão um aviso de plano ao tentar criar uma contagem regressiva de página de checkout.

🛠️ Passo 1 — Criar um Novo Temporizador de Contagem Regressiva

Abrir o Hoppy Countdown Timer app a partir da sua Shopify Admin.

Depois:

→ Clique Criar nova contagem regressiva

→ Selecione o tipo de colocação que corresponde onde deseja que o temporizador apareça:

• Página do produto
• Página do Carrinho
• Gaveta de Carrinhos
• Página de Saída (Shopify Apenas mais)
• Banner de Topo/Bottom
• Página de desembarque
• Posição Personalizada

Uma vez selecionado, o editor de configuração abre automaticamente com configurações padrão adaptadas para essa colocação.

⚙️ Passo 2 — Configurar a Página de Conteúdo

Depois de abrir a página de configuração, você vai pousar dentro do Conteúdo tab.

Esta página controla:

• 🏷️ Nome da contagem regressiva e mensagens
• Tipo e timing da contagem regressiva
• 🔚 O que acontece quando o temporizador termina
• 🌍 Traduções (para colocações apoiadas)

🏷️ Nome da Contagem Regressiva

Este campo é usado para apenas referência interna — os clientes nunca o verão.

Use um nome reconhecível como:

• Temporizador de Venda de Verão
• Black Friday Countdown
• Barra de Urgência de Venda Flash

💡 Usar nomes internos claros torna mais fácil gerenciar várias campanhas mais tarde.

📝 Título & Subtítulo

• Título — A principal mensagem que os clientes vêem (por exemplo: "Depressa! A venda termina em {timer}")
• Subdivisão — Uma linha secundária mostrada abaixo do título na maioria das colocações

ℹ️ Ligado Página do Carrinho e Página de Saída timers, você pode usar a variável dinâmica {timer} dentro do título para exibir a contagem regressiva em linha.

🔘 Botão de Chamada à Ação

Pela Banner de Topo/Bottom, Página de desembarque, Página do Carrinho, e Gaveta de Carrinhos timers, você pode escolher o que acontece quando os clientes interagem com a barra regressiva.

Definir a Tipo de ação CTA a:

• Nenhuma chamada à ação — A barra exibe apenas o texto
• Botão — Adiciona um botão clicável abaixo do temporizador
• Tornar a barra inteira clicável — Transforma a barra inteira numa ligação

ℹ️ Se você selecionar Botão ou Tornar a barra inteira clicável, Texto do Botão e Ligação os campos aparecem automaticamente para que você possa configurar onde os clientes são direcionados.

Tipo de contagem regressiva

Escolha como seu timer deve se comportar:

Tipo

Quando utilizar

Contagem regressiva até uma data

Data limite fixa (por exemplo, venda termina em 31 de dezembro)

Minutos fixos

Cada visitante tem o mesmo comprimento de sessão fixo

Temporizador recorrente diário

Repetições nos dias seleccionados com as horas de início/fim definidas

Temporizador de intervalo

Múltiplas janelas de contagem regressiva agendadas

Temporizador da sessão

Uma nova contagem regressiva para cada sessão de visitantes

Depois de selecionar um tipo, os campos de tempo relevantes aparecem automaticamente:

• Data → Início data e fim data escolhedores aparecem
• Atas fixas / Sessão → A Ata campo aparece
• Recorrendo → Selector de dia e controles de tempo de início/fim aparecem
• Intervalo → Aparecem vários captadores de datas de início/fim (até 7 intervalos)

ℹ️ Página do Carrinho, Gaveta de Carrinhos e Página de Saída colocações usam modos de cronometragem fixos e fazer não mostrar o seletor Tipo Contagem regressiva. Para Carrinho e Saída, você define a duração em Ata.

🕐 Configuração do Início do Temporizador

Pela Contagem regressiva até uma data timers, você pode escolher quando o timer começa:

• Agora — O temporizador começa imediatamente quando publicado
• Agendar para começar mais tarde — Definir uma data de início futura

Se você escolher "Schedule para começar mais tarde", um adicional Data de início O campo aparece.

ℹ️ Esta opção não está disponível para Página do Carrinho, Gaveta de Carrinhosou Página de Saída colocações, que utilizam os seus próprios controlos de tempo.

🔚 Uma vez que Termina

Esta configuração controla o que acontece quando a contagem regressiva atinge zero.

As opções disponíveis dependem do seu tipo de colocação e contagem regressiva:

Para a maioria das colocações:

• Temporizador não publicado (Esconder) — Esconde a contagem decrescente automaticamente
• Mostrar mensagem personalizada — Apresenta um título/mensagem personalizado que define
• Temporizador de extensão — Adiciona tempo extra e mostra uma mensagem estendida
• Não fazer nada — Deixa o temporizador visível em zero

Para a página do carrinho, gaveta do carrinho, e carrinho autônomo:

• Todos os acima, mais:
• Reiniciar contagem regressiva — Restaura o temporizador automaticamente
• Apagar os produtos do carrinho — Remove os artigos do carrinho quando termina o temporizador

Para o tipo "minutos fixos" em outras posições:

• Inclui também Reiniciar contagem regressivaPara a página de saída:
• Temporizador não publicado (Esconder) Apenas
• Não fazer nada

ℹ️ Se você selecionar Mostrar mensagem personalizada ou Temporizador de extensão, campos de texto adicionais aparecem automaticamente para que você possa inserir o conteúdo da mensagem.

📍 Passo 3 — Configurar a Página de Colocação

Em seguida, abra o Colocação aba para controlar onde a contagem regressiva aparece e quem pode vê-la.

🎯 Selecione Páginas ou Produtos

As opções de segmentação disponíveis dependem do tipo de colocação que você escolheu no Passo 1.

🛍️ Página do produto

• Todos os produtos — Mostrar em cada página do produto
• Produtos específicos — Escolher a mão produtos individuais da sua loja
• Todos os produtos com etiquetas específicas — Marcas correspondentes aos produtos-alvo que define
• Todos os produtos em coleções específicas — Mostrar para produtos dentro de coleções escolhidas
• Posição personalizada — Coloque manualmente o ID de contagem regressiva ou o trecho líquido

🛒 Caixa da Página de Carrinhos

• No topo do carrinho — Colocação por defeito acima das rubricas do carrinho
• Posição personalizada — Coloque manualmente o ID de contagem regressiva ou o trecho líquido

🌐 Banner de Topo/Bottom

• Mostrar em cada página — Visibilidade em todo o sítio
• Mostrar apenas na página inicial — Restrição à página inicial
• Mostrar em todas as páginas do produto — Aparecer em cada página do produto
• Mostrar em páginas de produto específicas — Escolha individual de produtos
• Todos os produtos em coleções específicas — Produtos-alvo nas colecções seleccionadas
• Mostrar em todas as páginas da coleção — Aparecer em cada página de colecção
• Mostrar em páginas de colecção específicas — Escolha a dedo
• Posição personalizada — Coloque manualmente o ID de contagem regressiva ou o trecho líquido

📄 Página de desembarque

• Todas as páginas de coleção — Mostrar em cada página de coleção
• Páginas de recolha específicas — Escolha a dedo
• Posição personalizada — Coloque manualmente o ID de contagem regressiva ou o trecho líquido

💳 Página de Saída

• Colocação personalizada de blocos — Adicionar através da Shopify Editor de Obtenção

ℹ️ Se você selecionar Posição personalizada, o aplicativo fornece ID de contagem regressiva e a Excerto de código líquido Depois de salvar. Você pode usar estes dentro de seu editor de tema ou código para colocar o cronômetro exatamente onde você deseja.

Segmentação Tempo- no- Site

Escolha quando a contagem deve aparecer:

• Mostrar Sempre — Exibe imediatamente quando a página é carregada
• Mostrar depois de algum tempo — Atraso da aparência por um determinado número de segundos (1–300)

👤 Segmentação do Cliente (Opcional)

Você pode refinar a visibilidade com base em:

• Status de login — Mostrar a todos os clientes ou apenas clientes registados
• Mostrar a barra para — Todos os clientes, clientes com etiquetas específicas, ou clientes baseados na vida útil
• Ocultar barra de — Excluir etiquetas de clientes específicas ou intervalos de tempo despendidos

ℹ️ Estas configurações são opcionais. Para a maioria das configurações, o padrão Mostrar a todos os clientes Funciona perfeitamente.

🌍 Meta de Geolocalização (Opcional)

Por padrão, sua contagem regressiva é visível em todo o mundo.

Se você quiser restringi-lo a países específicos, selecione Países específicos e escolha os locais permitidos do selector de país.

🎨 Passo 4 — Personalizar o Design (Opcional)

Abrir o Desenho aba para alterar como sua contagem regressiva parece.

Você pode aplicar rapidamente um modelo pré- feito ou personalizar manualmente:

• Posição (topo ou inferior)
• Cor ou gradiente de fundo
• Estilo do temporizador (relógio, peças, números simples e muito mais)
• Fontes, espaçamento e estilo de botões

💡 Se você está com pressa, comece com um modelo e afinar mais tarde.

Para uma descrição completa de cada opção de design, consulte o Desenho & Styling documentação.

💾 Passo 5 — Salve Sua Configuração

Uma vez que seu conteúdo e colocação são configurados:

→ Clique Gravar

A barra de gravação aparece na parte inferior da tela sempre que você faz alterações. Salvando armazena sua configuração, mas faz não Faz o temporizador viver ainda.

🚀 Passo 6 — Publicar a Contagem Regressiva

Após a gravação:

→ Clique Publicar

Uma vez publicado:

• A contagem regressiva torna-se visível na frente da sua loja de acordo com as suas regras de colocação e segmentação
• Um verde Publicada o crachá aparece ao lado do nome da contagem decrescente

⚠️ Lembretes importantes:

• Se o aplicativo incorporado não estiver habilitado em seu tema, a contagem regressiva não aparecerá — mesmo após a publicação
• Para temporizadores de página de checkout, apenas um contagem regressiva de checkout publicada é permitida por loja
• Você pode não publicar a qualquer momento clicando no Não publicado botão

✅ Passo Final — Confirmar Está funcionando

Após publicação:

1. Abra a sua loja em um Incógnito ou Privado janela do navegador
2. Navegue para a página onde a contagem regressiva deverá aparecer
3. Verificar se o temporizador está visível e a contagem regressiva está correcta

Se a contagem regressiva não aparecer:

• Verifique novamente que o Aplicativo Incorporar está habilitado e salvo em seu tema
• Confirmar a contagem decrescente é publicado
• Tente um atualizar hard (Ctrl + Shift + R em Windows / Cmd + Shift + R em Mac)
• Verifique se suas regras de agendamento ou segmentação não estão escondendo

🎉 Resultado Final

Uma vez configurado com sucesso:

✅ Um temporizador de contagem regressiva está ao vivo nas páginas seleccionadas ✅ Clientes veem mensagens de urgência em tempo real ✅ O temporizador esconde ou estende automaticamente com base nas suas configurações de ação final ✅ Sua loja se sente mais dinâmica e sensível ao tempo ✨

Um temporizador de contagem regressiva bem colocado pode ajudar a empurrar os clientes para decisões de compra mais rápidas durante a sua viagem de compras 🚀

Actualizado em: 10/09/2026