Seja para demarcar a data de uma viagem, lançamento de produto ou até para a data de um evento importante, utilizar um relógio de contagem regressiva é muito legal. O countdown (contagem regressiva), é uma ferramenta interessante para criar um maior engajamento e relacionamento com os visitantes de um site. Utilizar um countdown widget não precisa ser algo corriqueiro, mas a depender da necessidade que venha a surgir, ele dá maior destaque para um acontecimento importante.
No WordPress você pode exibir um countdown tanto como um widget, ou até mesmo dentro de uma página, por meio de shortcodes. A facilidade de uso e aplicação vai depender do plugin que você escolha usar. Com o plugin Uji Countdown você tem total liberdade para escolher quando e onde seu relógio regressivo vai ficar.
Countdown Widget com Uji Countdown
O plugin Uji Countdown, permite exibir um relógio de contagem regressiva em seus posts, páginas e widgets. Você consegue em poucos passos, criar seu countdown widget personalizado da forma que preferir. Altere cores, fontes e crie quantos countdowns você quiser. Você pode baixar o plugin através da sua Dashboard ou pela página oficial do plugin.
Destaques do plugin
- Desenvolvido em HTML5
- Não utiliza linguagem flash, apenas JavaScript
- Customize as cores das fontes e do background
- Permite adicionar countdown na área de widgets
- Fácil de traduzir
- Você pode utilizar ou não animação para seus relógios
Uma grande preocupação em colocar um countdown timer, é que o mesmo interfira no desempenho do seu site. Como o Uji Countdown trabalha apenas com HTML5 e JavaScript, você pode ficar tranquilo. Pois as linguagens de programação são mais leves, garantindo um bom funcionamento para seu site e para o countdown.
Configuração do Uji Countdown
Depois que você instalou e ativou o plugin, precisa fazer pelo menos uma configuração básica para começar a exibir um relógio de contagem regressiva. Ainda no Painel WordPress do seu site, acesse Configurações > Uji Countdown para criar diferentes estilos para o relógio.
Clicando em Create a new timer style você consegue configurar cores, tipos de formato e até tamanhos para os números do relógio. Enquanto você faz as customizações, pode acompanhar efetivamente as mudanças na área Preview Timer Style – localizada no final da página de configuração.
Na aba Settings você pode traduzir os termos do inglês para o português, ou para qualquer outra língua. Depois de configurar a aparência, estrutura e tradução dos termos, salve todas as alterações. Agora você já tem um estilo para o countdown. Lembrando que você pode criar quantos estilos quiser.
Countdown como widget e dentro das páginas/posts
O primeiro passo você já fez: configurar pelo menos um estilo para seu relógio regressivo. Agora se você acessar seus widgets, Aparência > Widgets, pode colocar o widget Uji Countdown onde desejar. Configure seu widget de contagem regressiva escolhendo um dos estios que você criou, escolhendo a data em que a contagem irá terminar e a ação que deverá acontecer quando o tempo countdown terminar. Neste último você pode escolher se quer o widget desapareça ou se irá redirecionar seu usuário para alguma URL.
Para exibir dentro das páginas e posts, basta clicar no ícone do relógio no menu destinado a criação e formatação do conteúdo, configurar data, estilo e ação para quando o countdown expirar. Daí um shortcode será adicionado a sua página. Quando você ou seus visitantes acessarem a mesma, o relógio regressivo estará lá.
Aqui estou apresentando a você a versão gratuita do plugin. Esta versão permite exibir apenas um countdown por página, o que é mais do que suficiente para a maioria dos sites. Com a versão paga, a partir de $19 , você adiciona quantos countdowns quiser – para qualquer página e post, novas opções para a personalização também são oferecidas.
Se você gostou desse artigo considere compartilhar nas redes sociais. Siga-nos nas redes sociais para acompanhar mais artigos como esse. Se de alguma forma este artigo lhe foi útil deixa seu comentário abaixo para podermos saber a sua opinião.
Ferramentas WordPress Veja Mais Ferramentas
WordPress
Crayon
WP Rocket
Funciona no Elementor ??? Não consegui fazer
Foi muito útil no site que estou desenvolvendo agora. obrigado.
Olá Sendy,
Com esse plugin, eu consigo fazer que a contagem regressiva seja diferente para cada pessoa?
Por exemplo, eu tenho uma oferta que dura três dias, porém ela começa a valer a partir do momento que a pessoa se cadastra, então eu preciso de um contador que comece a contar a partir do momento que a pessoa veja a página de vendas.
Muito bom o post.
Olá Osvaldo, seja bem vindo.
Esse plugin não dispõe dessa funcionalidade.
Esse plugin que encontrei informa que tem essa opção:
https://wordpress.org/plugins/page-expiration-robot/
Espero que ajude,
Abraço.
Olá Gabriel Galvão, muito obrigado.
Esse plugin que você indicou parece resolver meu problema. Bem, eu criei uma campanha nesse Plugin, e segui as recomendações da página do Plugin. Uma dúvida é, como eu coloco esse Plugin em uma página minha criada pelo Optimize (page builder)? Eu sei que tem como eu colocar através do POST do WordPress, mas eu preciso colocar em uma página do OP… Pode me ajudar?
Desde já, agradeço
Olá Osvaldo,
Não tenho certeza se entendi bem a sua dúvida, mas verifique se essa seria a solução para ela:
https://optimizepress.zendesk.com/hc/en-us/articles/200580918-Using-advanced-element-options-to-add-external-shortcodes
Abraço.
Olá Sendy,
Com esse plugin, eu consigo fazer que a contagem regressiva seja diferente para cada pessoa?
Por exemplo, eu tenho uma oferta que dura três dias, porém ela começa a valer a partir do momento que a pessoa se cadastra, então eu preciso de um contador que comece a contar a partir do momento que a pessoa veja a página de vendas.
Muito bom o post.
Olá Osvaldo, seja bem vindo.
Esse plugin não dispõe dessa funcionalidade.
Esse plugin que encontrei informa que tem essa opção:
https://wordpress.org/plugins/page-expiration-robot/
Espero que ajude,
Abraço.
Olá Gabriel Galvão, muito obrigado.
Esse plugin que você indicou parece resolver meu problema. Bem, eu criei uma campanha nesse Plugin, e segui as recomendações da página do Plugin. Uma dúvida é, como eu coloco esse Plugin em uma página minha criada pelo Optimize (page builder)? Eu sei que tem como eu colocar através do POST do WordPress, mas eu preciso colocar em uma página do OP… Pode me ajudar?
Desde já, agradeço
Olá Osvaldo,
Não tenho certeza se entendi bem a sua dúvida, mas verifique se essa seria a solução para ela:
https://optimizepress.zendesk.com/hc/en-us/articles/200580918-Using-advanced-element-options-to-add-external-shortcodes
Abraço.