> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Como configurar o temporizador de contagem regressiva > ℹ️ **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 Carrinhos**ou **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 🚀