Como adicionar um cronômetro de contagem regressiva no WordPress

Ao criar seu site WordPress, pode ser necessário incorporar ferramentas, designs e recursos que o ajudem a promover eventos ou outras ofertas urgentes. Usar um widget ou plug-in de cronômetro de contagem regressiva pode tornar isso muito mais fácil.

Com um widget de cronômetro de contagem regressiva do WordPress, você pode simplificar para os proprietários e visitantes do site acompanhar datas e horários específicos. Além disso, existem vários plug-ins de contagem regressiva que tornam a adição de um ao seu site um processo rápido.

Nesta postagem, explicaremos quando usar um cronômetro de contagem regressiva e o que é um widget de cronômetro de contagem regressiva do WordPress. Em seguida, mostraremos três das melhores opções para adicionar um cronômetro de contagem regressiva no WordPress usando um plug-in. Vamos começar!

Quando usar uma contagem regressiva

Um cronômetro de contagem regressiva pode ser usado para mostrar diferentes marcos, como aniversários de negócios. Você também pode usar um para ajudar a criar antecipação para um próximo evento (como o lançamento de um novo produto), promover o início de uma venda ou informar os visitantes quando um site sairá do modo de manutenção.

O que é um widget de cronômetro de contagem regressiva?

Um widget de contagem regressiva é uma extensão que você pode adicionar ao seu site WordPress, a fim de criar entusiasmo ou urgência em torno de um produto ou evento. Você pode usar um widget de contagem regressiva do WordPress para informar ou lembrar os clientes quando esperar algo, exibindo um relógio que faz a contagem regressiva do tempo restante.

Alguns dos cenários mais comuns em que um cronômetro de contagem regressiva é usado incluem:

• Informar aos visitantes que um site WordPress está em manutenção e quando estará online novamente
• Promover e criar antecipação para um próximo evento, como o lançamento de um produto, reunião social ou conferência
• Reconhecer marcos importantes, como aniversários
• Gerar emoção para um evento especial de vendas, promoção ou uma página Coming Soon

Opções para adicionar um cronômetro de contagem regressiva ao WordPress

Existem várias opções para adicionar um cronômetro de contagem regressiva ao seu site WordPress. Embora você possa fazer isso por meio de código, o método mais fácil é usar um plug-in de contagem regressiva do WordPress. Vamos dar uma olhada em três plug-ins de contagem regressiva recomendados e como começar a usá-los.

Opção 1: adicionar um cronômetro de contagem regressiva usando o widget de contagem regressiva T(-)

(T-) Countdown Widget é um dos plugins de contagem regressiva mais populares do WordPress disponíveis. Ele permite que você exiba um timer HTML5 altamente flexível e personalizável por meio de um shortcode, em qualquer página ou postagem do seu site WordPress:

Para aproveitar ao máximo os recursos do plug-in, no entanto, você precisa de um pouco de conhecimento de HTML e CSS. Portanto, pode não ser a melhor opção para iniciantes.

Depois de instalar e ativar o plug-in, você pode localizá-lo em Configurações > Contagem regressiva T(-) :

Nesta tela, você pode escolher se quer contar segundos, semanas, meses ou anos. Você também pode personalizar os rótulos que serão exibidos e adicionar seu próprio CSS.

Ao baixar e ativar o plugin, um bloco T(-) Countdown será adicionado ao seu editor WordPress. Para usá-lo, navegue até a página ou postagem à qual deseja adicionar seu cronômetro de contagem regressiva. Clique no ícone de mais e procure nos blocos a opção T(-) Countdown :

Este bloco adicionará um cronômetro de contagem regressiva padrão à página ou postagem. Você pode personalizá-lo e configurá-lo no painel à direita:

Você pode escolher uma hora e data de inicialização e selecionar um dos 13 estilos de exibição do cronômetro. Também há seções para você ajustar as mesmas configurações (incluindo rótulos e CSS personalizado) que também são encontradas na página de configurações T(-) Countdown .

Se precisar, há suporte gratuito disponível para este plug-in, bem como uma lista completa de opções de shortcode que você pode usar. Também vale a pena notar que esta é a versão ativamente desenvolvida do antigo plugin jQuery T(-) Countdown Widget.

Opção 2: adicionar um cronômetro de contagem regressiva usando o Countdown Timer Ultimate

Countdown Timer Ultimate usa um shortcode para exibir cronômetros de contagem regressiva em seu site WordPress. Funciona bem com o editor Gutenberg, é totalmente responsivo e permite criar contagens regressivas ilimitadas:

Depois de instalar e ativar o plug-in, ele apresentará uma mensagem de boas-vindas. Selecione Ignorar ou Permitir e continuar :

Em seguida, navegue até Contagem regressiva > Adicionar cronômetro :

Nesta tela, você pode nomear seu cronômetro de contagem regressiva e personalizar sua exibição. Depois de escolher uma data de validade, você pode escolher entre dois estilos de animação: Smooth ou Ticks .

Em seguida, selecione a largura e as cores do círculo. Tudo o que você não definir será definido como o estilo padrão. Quando terminar, clique em Publicar .

Você pode adicionar seu widget de contagem regressiva a qualquer postagem ou página do WordPress. Para fazer isso, copie o shortcode do cronômetro de contagem regressiva (localizado na coluna Shortcode na página WP Countdown Timer ):

Em seguida, navegue até a página ou post onde deseja adicionar o cronômetro. Clique no ícone de mais no editor de blocos e selecione o widget Shortcode :

Cole o shortcode no campo de texto e, em seguida, visualize a página para ter certeza de que está satisfeito com a aparência. Se estiver satisfeito, clique em Publicar .

Se você quiser adicionar o widget de contagem regressiva a uma barra lateral em seu site, você pode fazer isso acessando Aparência > Widgets e adicionando o widget Texto à sua barra lateral. Nas configurações do widget, basta colar o shortcode do cronômetro de contagem regressiva:

Como mencionamos anteriormente, você pode baixar e usar a versão gratuita deste plugin para criar temporizadores ilimitados. Você também pode atualizar para a versão premium, a fim de desbloquear o acesso a designs adicionais e recursos avançados. Se você quiser testar o plug-in primeiro, também pode se inscrever para uma demonstração gratuita.

Opção 3: adicionar um contador de tempo usando o POWr

Por último, mas não menos importante, o POWr é um plug-in de cronômetro de contagem regressiva baseado em nuvem. Portanto, para usá-lo, primeiro você precisa se inscrever para uma conta gratuita.

Um dos benefícios do powr é que ele é totalmente responsivo e personalizável. No entanto, é único porque, além de criar cronômetros de contagem regressiva regulares, você também pode usá-lo para rastrear eventos ao longo do tempo.

Para começar, primeiro baixe e ative o plug-in de contagem regressiva POWr WordPress em seu site. Ele vem em um pacote com vários outros recursos, que podem ser usados ​​para criar formulários e feeds sociais:

Em seguida, visite o site do powr e clique no botão Começar para se inscrever para uma conta gratuita. Depois de criar sua conta, você será direcionado para a página Meus plugins . É aqui que você pode "criar seu próprio plug-in", selecionando Contagem regressiva no menu de navegação à esquerda:

Em seguida, você será direcionado para a tela onde poderá criar e personalizar um widget de contagem regressiva para o seu site WordPress:

Você tem uma variedade de opções para o tipo de contagem regressiva que deseja usar. Além disso, nas guias Conteúdo e Design , você pode definir uma data-alvo, personalizar os rótulos do cronômetro, criar mensagens personalizadas e adicionar animações.

Quando estiver satisfeito com a contagem regressiva, clique no botão Adicionar ao site na parte inferior da tela:

Em seguida, você terá várias opções para adicioná-lo ao seu site. Por exemplo, você pode clicar no ícone do WordPress para produzir um shortcode para o cronômetro de contagem regressiva:

Você pode então copiar este shortcode e colá-lo no bloco Shortcode no editor do WordPress (como visto na seção anterior). Você também pode escolher a opção Embed Code para copiar e colar o código em qualquer elemento HTML em seu site.

Encontre mais recursos úteis do WP Engine

Adicionar um cronômetro de contagem regressiva ao seu site é uma ótima maneira de aumentar a empolgação e motivar os visitantes. Obviamente, quaisquer que sejam os recursos que você deseja adicionar ao seu site, estamos aqui para ajudar.

O WP Engine oferece os melhores recursos para usuários e desenvolvedores, fornecendo as informações e ferramentas necessárias para proporcionar uma experiência digital incrível. Comece hoje mesmo com a melhor hospedagem WordPress!