Uma contagem regressiva cria urgência, e urgência move as pessoas a agir O livre Widget de temporizador de contagem regressiva em Complementos Mestres para Elementor deixa cair um temporizador em qualquer página que marca para baixo a uma data que você definir Ele tem duas predefinições de estilo livre, mais oito com Pro, e controle sobre cada rótulo, unidade e cor do painel Elementor.
Ele se encaixa em vendas, lançamentos, webinars e avisos de back-in-stock, em qualquer lugar que um prazo empurra uma decisão Você escolhe uma data-alvo, escolhe uma predefinição como Card (ou Circle with Pro), decide quais unidades de tempo mostrar, em seguida, estilize-o para combinar com sua marca Abaixo está uma corrida através de cada configuração.
O que o widget Countdown Timer faz #
O widget faz a contagem regressiva para uma data e hora que você definiu, mostrando anos, meses, dias, horas, minutos e segundos Você decide qual dessas unidades aparece, o que cada uma é rotulada e como a coisa toda parece através de um conjunto de predefinições de estilo.
Possui três guias: Conteúdo para a data, unidades e predefinições, Estilo para as cores e espaçamento e Avançado para as opções usuais do Elementor Master Addons Pro também adiciona uma opção de repetição que reinicia o temporizador em um ciclo fixo.
Antes de começar #
- WordPress com Elementor instalado e ativo.
- Complementos Mestres para Elementor instalado e ativo. Novo no plugin? veja o guia instalação.
- A data e hora previstas para as quais você está contando.
Como adicionar o widget Countdown Timer #
No editor Elementor, abra o Elementos painel e pesquisa Temporizador Contagem Regressiva, ou vá até a seção Complementos Mestres Arraste-o para sua página Ele carrega com um temporizador de trabalho para que você possa ver as unidades imediatamente.
Defina a opção de data e repetição #
Abrir o Conteúdo guia. O Temporizador a seção contém o básico.
- Data e hora de contagem regressiva: no momento em que o cronômetro faz a contagem regressiva para. Escolha-o no selecionador de data.
- Repita a contagem regressiva (Pro): defina uma duração de ciclo em anos, meses, dias, horas, minutos e segundos O temporizador reinicia após cada ciclo até a data de término principal, e cada visitante vê o mesmo ciclo.
Configurações de contagem regressiva: layout, unidades e rótulos #
O Configurações de contagem regressiva seção controla o que o temporizador mostra. A Layout o Switcher define o arranjo (Bloco, Inline, Tabela de Blocos ou Tabela Inline) e o Predefinição Estilo o dropdown altera todo o visual com um clique.
- Separador: o caractere mostrado entre unidades, como uma barra ou dois pontos. Deixe vazio para ninguém.
- Mostrar anos, meses, dias, horas, minutos, segundos: uma alternância para cada unidade, para que você possa mostrar apenas aquelas que importam.
- Etiquetas de unidade: renomeie cada unidade (Anos, Dias e assim por diante), o que ajuda quando você está trabalhando em outro idioma.
Escolha uma predefinição de estilo #
O Predefinição Estilo dropdown é onde o widget se destaca Tem dez looksPadrão e Card são gratuitos, e Master Addons Pro adiciona Flip, Circle, Gradient, Neon, Glassmorphism, Minimal, Outline e Neumorphic Cada um refila o temporizador sem tocar no seu conteúdo.
O Círculo predefinir (Pro) envolve cada unidade em um anel e emparelha-a com o Gradiente a opção dá aos números um desbotamento colorido.
O Esboço predefinido (Pro) mantém-no leve, com cada unidade em uma caixa delimitada e sem preenchimento.
Estilo o temporizador #
O Estilo a guia é dividida em Estilo Comum, Estilo contador, Seperador, e Etiqueta, mais Padrões (uma opção Pro). O Estilo Comum seção define o tamanho e o quadro de cada caixa da unidade.
- Largura e Altura: o tamanho de cada caixa da unidade.
- Alinhamento: esquerda, centro ou direita dentro da coluna.
- Sombra da caixa, tipo de fundo e raio de borda: o olhar das caixas.
- Margem e Preenchimento: espaçamento ao redor e dentro de cada caixa.
Estilo de contador, separador e etiqueta #
O Estilo contador seção vai mais fundo, com um fundo separado para cada unidade (Anos, Mês, Dia, Hora, Minuto, Segundo) mais a cor do número, tipografia, e estado de pairar O Seperador e Etiqueta as seções então estilizam o divisor e o texto da unidade.
O resultado na página #
Publique ou visualize e o cronômetro será ativado ao vivo na predefinição e nas cores que você escolheu. Aqui está a predefinição do cartão, um conjunto limpo de caixas de unidades com o número acima de cada etiqueta.
Casos de uso comum #
- Vendas e promoções contando até o final de um desconto.
- Produto lança construindo antecipação para uma data de lançamento.
- Webinars e eventos mostrando o tempo restante até o início.
- Em breve páginas com um temporizador para o dia de lançamento.
- Ofertas recorrentes usando a opção Pro repetir, por exemplo, um negócio diário.
Dicas para trabalhar com o widget Countdown Timer #
- Mostre apenas as unidades que você precisa. Um cronômetro para uma venda rápida de um dia não precisa de anos e meses.
- Corresponder a predefinição à página. Cartão se encaixa na maioria das páginas Com Pro, Neon e Gradient se adequam a páginas de destino ousadas, e Minimal e Outline se encaixam em layouts limpos.
- Use a opção de repetição para negócios recorrentes (Pro). Ele reinicia o cronômetro em um ciclo fixo, o mesmo para cada visitante.
- Renomeie as etiquetas para seu público. Os campos do rótulo tornam rápida a tradução das unidades.
- Combine-o com um botão. Um cronômetro próximo a um apelo claro à ação transforma urgência em cliques.
Perguntas frequentes #
O que é o widget Countdown Timer em Master Addons?
É um widget Elementor que faz a contagem regressiva para uma data e hora que você definir, mostrando anos, meses, dias, horas, minutos e segundos Ele vem com duas predefinições de estilo livre, mais oito com Pro, e controle total sobre rótulos, unidades, layout e cores, tudo definido a partir do painel Elementor.
Quantas predefinições de estilo o Temporizador de Contagem Regressiva tem?
Dez. Padrão e Cartão são gratuitos; Flip, Circle, Gradient, Neon, Glassmorphism, Minimal, Outline e Neumorphic precisam do Master Addons Pro. Você alterna entre eles a partir do menu suspenso Style Preset e cada um repila todo o cronômetro sem alterar suas configurações de data ou unidade.
Posso fazer a contagem regressiva repetir?
Sim, com Master Addons Pro. Ative a contagem regressiva Repeat na seção Timer e defina a duração do ciclo O temporizador é reiniciado após cada ciclo até a data de término principal, e cada visitante vê o mesmo ciclo.
Posso esconder algumas das unidades de tempo?
Sim. A seção Configurações de contagem regressiva tem um botão Mostrar separado para anos, meses, dias, horas, minutos e segundos Desligue os que você não precisa, para que uma venda a descoberto possa mostrar apenas dias, horas, minutos e segundos.
Posso alterar os rótulos das unidades?
Sim. Cada unidade tem seu próprio campo de rótulo em Configurações de contagem regressiva, para que você possa renomear Anos, Dias, Horas e o resto Isso facilita a tradução do temporizador para outro idioma ou encurtar os rótulos para caber em um layout apertado.
Embrulhando #
O widget Countdown Timer transforma um prazo em um temporizador ao vivo, estilo que empurra os visitantes para agir Defina sua data, escolha uma predefinição, escolha quais unidades mostrar, em seguida, estilo as caixas, números e rótulos para coincidir com sua página Para mais ferramentas baseadas no tempo, veja o Widget Horário de Negócios, navegue por completo Widgets e extensões Master Addons, e veja o Página do widget Countdown Timer para uma comparação com a Contagem Regressiva do Elementor Pro. As predefinições extras e a opção de repetição precisam do Pro, então marque o página preços para planos.
