Contador
Contagem regressiva para um prazo REAL (fim de oferta, turma, bônus, início de evento) ou uma oferta de boas-vindas com tempo limitado contada a partir do primeiro acesso.
Intermediário5 min de leitura
Nesta página
Visão geral
Contador regressivo em seção própria (título, descrição, números e botão opcional), com as mesmas regras do contador do conversor Barras: por período (até uma data final) ou por acesso (minutos a partir do primeiro acesso do visitante, sem reiniciar ao atualizar a página). Responsivo e personalizável.
| Propriedade | Valor |
|---|---|
| Nome no editor | Contador |
| Onde encontrar | Painel de widgets do Elementor, categoria Converto |
| Identificador no Elementor | lgr-countdown |
| Identificador no Markdown | countdown |
| Papel na página | Urgência e decisão |
| Campos de conteúdo | 18 |
| Opções de estilo | 44 (23 responsivas) |
Quando usar
Situações em que este widget é indicado:
- A oferta, o lote, o bônus ou o evento tem um prazo REAL: use o tipo period com a data e hora finais.
- A oferta é por tempo limitado a partir da visita (oferta de boas-vindas, desconto relâmpago): use o tipo access com os minutos; o prazo conta do primeiro acesso do visitante.
Como adicionar
- Abra a página no editor do Elementor.
- No painel de widgets, abra a categoria Converto e arraste Contador para a página (ou clique em + em uma área vazia).
- Preencha a aba Conteúdo e ajuste a aba Estilo.
O widget também pode vir pronto em um modelo de página ou ser inserido pelo Converto Construtor.
Opções da aba Conteúdo
Conteúdo
| Opção | Tipo | Detalhes |
|---|---|---|
| Título | Texto | Padrão: A oferta termina em |
| Descrição | Área de texto |
Contador
| Opção | Tipo | Detalhes |
|---|---|---|
| Tipo de contador | Seleção | Opções: Por período (até uma data final) (period), Por acesso (minutos a partir do 1º acesso do visitante) (access) · Padrão: access |
| Data e hora final | Data e hora | Todos os visitantes veem o mesmo prazo final. O horário vale no fuso do navegador do visitante. |
| Expiração em minutos | Número | Padrão: 5 · O prazo começa a contar no primeiro acesso do visitante e continua valendo mesmo que ele atualize a página. |
| Exibir dias | Sim/Não | Padrão: Ligado |
| Rótulo de dias | Texto | Padrão: Dias |
| Exibir horas | Sim/Não | Padrão: Ligado |
| Rótulo de horas | Texto | Padrão: Horas |
| Exibir minutos | Sim/Não | Padrão: Ligado |
| Rótulo de minutos | Texto | Padrão: Minutos |
| Exibir segundos | Sim/Não | Padrão: Ligado |
| Rótulo de segundos | Texto | Padrão: Segundos |
| Mensagem ao expirar | Texto | Padrão: Oferta expirada |
| Ao expirar | Seleção | Opções: Trocar o contador pela mensagem (message), Esconder o contador (hide) · Padrão: message |
Botão
| Opção | Tipo | Detalhes |
|---|---|---|
| Exibir botão | Sim/Não | |
| Texto do botão | Texto | Padrão: Aproveitar agora |
| Link do botão | Link |
Opções da aba Estilo
A aba Estilo reúne 44 opções em 9 seções (a última é Animações, comum a todos os widgets Converto).
| Seção | O que ajusta |
|---|---|
| Textos | Título, Título / Altura da Linha, Descrição, Descrição / Altura da Linha, Números, Números / Peso, Rótulos, Rótulos / Caixa, Mensagem ao expirar, Botão |
| Cores | Título, Descrição, Números, Rótulos, Mensagem ao expirar, Fundo das Caixas, Borda das Caixas, Separador (:), Botão / Fundo, Botão / Texto, Botão / Fundo ao passar o mouse |
| Disposição | Estilo, Alinhamento, Espaço entre as unidades, Exibir separador (:), Tamanho do separador, Espaço entre título e contador |
| Caixas | Largura mínima, Espaço interno vertical, Espaço interno horizontal, Raio da borda, Espessura da borda, Sombra das caixas |
| Botão | Espaço interno vertical, Espaço interno horizontal, Raio da borda, Espaço acima do botão |
| Plano de Fundo | Plano de Fundo |
| Sobreposição de Fundo | Sobreposição de Fundo, Opacidade |
| Espaçamentos | Espaço superior, Espaço inferior, Anular espaço de cima, Anular espaço de baixo |
| Animações | Entrada de textos e de imagens e ícones: tipo, velocidade, atraso e intervalo (veja Animações de entrada) |
Comportamento responsivo
23 opções deste widget são responsivas: o Elementor permite definir valores diferentes para desktop, tablet e celular (ícones de dispositivo ao lado do campo). Para ajustes finos por largura de tela, use a sintaxe curta de media queries no campo CSS da aba Avançado.
Campos no Converto Construtor (Markdown)
Use o identificador countdown na linha <!-- converto:countdown -->. Campos de conteúdo (bloco :::content):
| Campo | Tipo | Obrigatório | Detalhes |
|---|---|---|---|
title | Texto | Não | Chamada acima do contador (ex.: "A oferta termina em"). |
description | Texto | Não | |
timer_type | Seleção | Não | period: conta até timer_end (mesmo prazo para todos). access (padrão): conta timer_access_minutes a partir do primeiro acesso do visitante e continua valendo se ele atualizar a página. · Opções: period, access |
timer_end | Texto | Não | Obrigatório quando timer_type = period. Data e hora finais no formato YYYY-MM-DD HH:MM (24h), no fuso do navegador do visitante. Sem data o contador não aparece. Use só prazos reais; nunca invente urgência. · Quando timer_type = period |
timer_access_minutes | Número | Não | Minutos de duração quando timer_type = access (mínimo 1, padrão 5). Escreva a oferta de modo honesto: "disponível por X minutos após sua visita". · Quando timer_type = access |
expired_text | Texto | Não | Mensagem exibida quando o prazo acaba (padrão "Oferta expirada"). |
expired_action | Seleção | Não | message (padrão): troca o contador pela mensagem. hide: esconde o contador ao expirar. · Opções: message, hide |
show_button | Sim/Não | Não | yes para exibir um botão de ação abaixo do contador (exige button_text e button_link). |
button_text | Texto | Não | |
button_link | Link | Não | Destino do botão: o mesmo CTA principal da página (checkout, formulário ou âncora). |
Os controles da aba Estilo também podem ser usados no bloco :::style, pelos identificadores do próprio widget (campo omitido mantém o padrão). Veja a linguagem Markdown Converto.
Exemplo
<!-- converto:countdown -->
:::content
title: A oferta termina em
description: Texto de exemplo
timer_type: period
expired_text: Oferta expirada
expired_action: message
show_button: yes
button_text: Aproveitar agora
button_link: https://exemplo.com/oferta
:::Recursos comuns a todos os widgets
- Textos aceitam variáveis de página (
{{rotulo}}) e marcação de texto. - Aba Avançado: campos CSS e JS por elemento (CSS e JS personalizado).
- Seção Animações na aba Estilo (Animações de entrada).
Observações
- Use apenas com prazos reais. Veja também a Barra de aviso com contador.
Este artigo foi útil?
Artigos relacionados
Biblioteca de widgets
Comparador
Comparação lado a lado de 2 a 5 planos ou versões (ou contra concorrentes), com recursos agrupados em seções.
Biblioteca de widgets
Cartões Empilhados
Pilha de cartões com foto fixada na tela enquanto o visitante rola — perfis de público, casos de uso ou resultados com números.
Biblioteca de widgets
Passos
Processo curto de 3 a 5 passos ("como funciona", "como comprar", onboarding), em círculos com ícone, selo "Passo N", título e uma frase, ligados por setas.