Como Criar um Cronômetro de Contagem Regressiva no WordPress (Passo a Passo)

Você quer criar um senso de empolgação com um cronômetro de contagem regressiva em seu site?

Quer você esteja planejando o lançamento de um produto, promovendo um evento ou realizando uma oferta por tempo limitado, um cronômetro de contagem regressiva é uma ferramenta poderosa.

Neste artigo, vamos guiá-lo pelo processo de adicionar um cronômetro de contagem regressiva ao seu site WordPress, passo a passo.

Para ter uma ideia do tipo de campanhas que o ajudaremos a criar, aqui está um ótimo banner de boas-vindas com uma oferta de desconto por tempo limitado. Criamos isso com o OptinMonster:

Antes de passarmos para as etapas, vamos dar uma olhada em quando você deve usar um cronômetro em seu site.

Quando Usar um Cronômetro de Contagem Regressiva

Existem muitos casos em que você pode querer adicionar um cronômetro de contagem regressiva ao seu site. Mas ele funciona melhor nas seguintes instâncias.

• em uma página "Em Breve" antes de lançar seu site
• para que os visitantes saibam quando o site estará disponível novamente se ele estiver fora do ar para manutenção.
• ao hospedar um webinar, evento ou conferência
• antes de introduzir um novo produto ou serviço
• eventos de vendas futuras e relâmpago
• atingindo um marco
• celebrando um evento futuro

Dito isso, vamos mergulhar no tutorial.

Adicionando Cronômetro de Contagem Regressiva ao WordPress

A melhor maneira de adicionar um cronômetro regressivo no WordPress é usando um plugin de Cronômetro Regressivo.

Vamos mostrar como usar 2 dos mais populares:

1. Adicionando um Cronômetro de Contagem Regressiva com OptinMonster
2. Adicionando um Cronômetro de Contagem Regressiva com SeedProd

Escolhemos esses 2 plugins porque são fáceis de usar. Nós os usamos há anos em nossos próprios sites. Não há codificação envolvida nesses construtores de contagem regressiva, então eles são perfeitos para iniciantes.

Eles também são compatíveis com todos os temas populares do WordPress e são construídos com as melhores práticas. Isso significa que eles não vão deixar seu site lento, o que é um impulso para o SEO.

Você pode usar ambos os plugins em seu blog, site de pequena empresa e até mesmo em lojas online.

Método 1: Adicionando um Timer de Contagem Regressiva com OptinMonster

Este método é útil se você quiser exibir seu cronômetro regressivo na forma de um widget em seu site. Com o OptinMonster, adicionar um widget de cronômetro regressivo é super fácil.

A melhor coisa sobre usar o OptinMonster para adicionar um timer de contagem regressiva é que ele é fácil de configurar e não requer codificação ou mesmo shortcodes.

É um dos aplicativos de geração de leads mais poderosos que ajuda você a atingir as metas de conversão do seu site de forma rápida e fácil.

Com este aplicativo, você pode criar algumas das pop-ups mais avançadas e exibi-las com precisão para seu público-alvo.

O OptinMonster funciona perfeitamente com WordPress e WooCommerce. Ele também funciona em outras plataformas de eCommerce como BigCommerce, Shopify e até mesmo sites HTML.

Leia nossa análise sobre o OptinMonster e saiba mais sobre ele.

Etapa 1: Conectando o aplicativo OptinMonster ao plugin

Para começar, crie sua conta no OptinMonster e, em seguida, instale e ative o plugin OptinMonster em seu site.

Este plugin atua como um conector entre seu site WordPress e o aplicativo. Vá em frente e instale o plugin gratuito OptinMonster em seu site.

Uma vez ativado, você verá uma opção para conectar a uma conta existente.

Certifique-se de que você está conectado à sua conta OptinMonster em outra aba na mesma janela do navegador. Isso ocorre porque o OptinMonster detectará automaticamente sua conta e a sincronizará com seu site.

Você será redirecionado para uma nova janela onde verá uma opção para Conectar com o WordPress.

Clique nesta opção e seu aplicativo se conectará automaticamente ao seu painel do WordPress.

Etapa 2: Criando seu cronômetro de contagem regressiva com o OptinMonster

Agora é hora de você começar a criar seu widget de cronômetro de contagem regressiva. Você pode criar uma nova campanha diretamente no seu painel do WordPress. Você também pode começar dentro da sua conta OptinMonster na aba Campanhas.

Tudo o que você precisa fazer aqui é clicar no botão Criar nova campanha.

Isso abrirá uma nova página onde você pode escolher entre 3 opções:

• Playbooks: Campanhas pré-fabricadas e pré-configuradas que são projetadas com base em campanhas bem-sucedidas de outras marcas
• Templates: Designs personalizáveis
• Canvas: Um modelo em branco para começar do zero

Vamos escolher um modelo por enquanto. Em seguida, você pode escolher o tipo de campanha e, em seguida, selecionar um modelo de sua preferência. Vamos selecionar a campanha Barra Flutuante aqui. Você pode escolher qualquer campanha que desejar, os passos permanecerão os mesmos.

Agora existem vários modelos que já vêm com o cronômetro adicionado. Você também pode escolher qualquer modelo e adicionar um cronômetro a ele.

Na próxima etapa, você será solicitado a nomear sua campanha. Você também pode escolher o site onde deseja exibir este cronômetro.

Após concluir, clique na guia Começar a Construir. Isso iniciará o construtor de arrastar e soltar onde você pode projetar sua campanha.

Você verá uma prévia da sua campanha juntamente com uma barra de tarefas à esquerda com novos blocos que você pode adicionar.

Se o seu modelo não tiver o cronômetro adicionado, basta selecionar o bloco Cronômetro e arrastá-lo para onde desejar em seu design.

Agora você pode clicar em qualquer elemento e começar a personalizá-lo, incluindo seus textos, fontes, cores, etc. Você também pode alterar a posição da barra flutuante para o topo.

Para editar o cronômetro, basta clicar no cronômetro em seu painel de design e você verá várias opções editáveis em seu painel de edição à esquerda.

Aqui você pode trabalhar em como deseja que seu cronômetro apareça. Você pode selecionar a hora em que deseja que a contagem regressiva comece e termine.

Você pode escolher 2 tipos de contagens regressivas:

• Temporizador estático para rodar por um período específico.
• Contador dinâmico para rodar sua campanha por um número definido de dias, horas, etc.

Quer tornar sua campanha perene? Você pode escolher reiniciar a contagem regressiva quando o temporizador expirar.

Para facilitar a compreensão dos seus usuários sobre o início e o fim da sua contagem regressiva globalmente, você também pode adicionar o horário local do visitante. Você também pode adicionar o tipo de exibição da unidade, como dias, horas, minutos, segundos, etc.

Se você não estiver satisfeito com um determinado elemento, basta usar a opção excluir para removê-lo.

Passo 3: Adicionar Regras de Segmentação e Integrações de E-mail

O OptinMonster permite controlar quando e onde a campanha aparece. Na aba Regras de Exibição, você pode selecionar quais regras deseja adicionar.

Algumas regras populares incluem ao sair, ao rolar a página, em uma página específica, novo visitante, dispositivo do visitante e muito mais.

Quer exibir o contador em um local específico? O OptinMonster permite segmentar um local físico como um país, cidade ou região.

Com tantas opções, você pode realizar promoções ou campanhas de eventos localizadas. Você também pode optar por exibi-la apenas para um público vindo de uma fonte de referência.

Em seguida, se você quiser sincronizar sua campanha com um provedor de serviços de e-mail, pode usar a aba Integração. Tudo o que você precisa fazer é adicionar uma nova integração, escolher seu provedor e adicionar os detalhes da conta necessários.

Com isso, você está pronto para publicar sua campanha com tempo limitado em seu site WordPress.

Passo 4: Publicando Seu Contador Regressivo

Após concluir todas as configurações, clique no botão Salvar.

Em seguida, vá para a aba Publicar. Aqui você pode pré-visualizar sua campanha e alterar o status para Publicar para que a campanha vá ao ar.

Agora, como você está usando o plugin do WordPress, vá para o seu painel do WordPress. Acesse a aba OptinMonster » Campanhas e certifique-se de que sua campanha também esteja definida como Publicar aqui.

E é isso. Sua campanha já deve estar ativa em seu site WordPress. Agora você pode visitar seu site e ver o contador regressivo em ação.

Em seguida, mostraremos como adicionar um contador regressivo às suas páginas e posts no WordPress.

Método 2: Adicionando um Contador Regressivo com SeedProd

O SeedProd permite adicionar um contador regressivo em qualquer lugar do seu site, incluindo landing pages e posts.

No entanto, este método é útil se você estiver lançando um novo site ou se o seu site já estabelecido estiver em manutenção e você quiser informar aos seus visitantes que ele estará no ar em breve.

SeedProd é o melhor construtor de sites e páginas de destino para WordPress que vem com funcionalidade fácil de modo "Em Breve" e de manutenção. O plugin vem com uma versão gratuita e um plano pro.

Ele permite que você adicione vários elementos à sua página de destino, incluindo um cronômetro regressivo.

Vamos aprender como adicionar um cronômetro regressivo com o SeedProd passo a passo.

Passo 1: Instalando o SeedProd

O primeiro passo é instalar o plugin SeedProd em seu site WordPress.

Após o plugin ser instalado e ativado, você terá que verificar sua chave de licença.

Sua chave está disponível em sua conta SeedProd criada no momento da compra do produto.

Cole a chave no campo em branco e clique na caixa Verificar Chave para validá-la.

Após sua chave de licença ser validada, role mais para baixo na página e clique no botão Criar Sua Primeira Página.

Isso o levará ao painel do SeedProd. Aqui você pode escolher em qual tipo de página deseja criar um cronômetro regressivo. Existem 4 opções diferentes:

• Modo "Em Breve": Crie uma página "Em Breve" para gerar expectativa para o lançamento do seu site.
• Modo de Manutenção: Coloque seu site em modo de manutenção enquanto você trabalha nele nos bastidores.
• Página de Login: Crie uma página de login personalizada para o seu site.
• Página 404: Substitua a página 404 padrão por uma página 404 personalizada.

Abaixo, você pode rolar mais para baixo na tela para criar uma página de destino regular.

Para este tutorial, criaremos uma página de "em breve" com um cronômetro. Para começar, clique no botão Configurar uma Página de "Em Breve".

Etapa 2: Criando Seu Cronômetro

Primeiro, você precisa escolher um modelo de página de "em breve". O SeedProd oferece mais de 200 modelos projetados profissionalmente para escolher, então vá em frente e selecione o modelo que você mais gosta.

Quando terminar, você será direcionado para o construtor de páginas onde poderá começar a criar seu cronômetro.

Quando estiver no construtor de páginas do SeedProd, você verá todas as opções de Blocos para personalizar sua página à esquerda e uma prévia ao vivo da sua página à direita.

Para adicionar um cronômetro, vá para os Blocos à direita e, na seção Avançado, arraste o cronômetro e solte-o em sua página.

Ao clicar no bloco de contagem regressiva em seu design, você obterá opções de personalização à esquerda. Você pode então selecionar o fuso horário da contagem regressiva, selecionar uma data e hora de término, escolher o estilo da sua contagem regressiva e muito mais.

Com base na sua data de término, o cronômetro desaparecerá automaticamente do seu site na data especificada.

Se desejar, você pode adicionar mais conteúdo à sua página usando os blocos de landing page prontos do SeedProd. Você pode adicionar formulários de contato, perfis sociais, vídeos, formulários de optin por e-mail, barras de progresso e muito mais.

Para personalizar ainda mais sua página, você pode clicar no botão Configurações Globais no canto inferior esquerdo da tela.

Aqui você pode alterar a imagem de fundo, escolher as cores da sua página, selecionar uma nova fonte e assim por diante.

Quando estiver satisfeito com a aparência da sua página e do seu cronômetro, clique no botão Salvar.

Etapa 3: Publicando Seu Cronômetro

Agora que a página em breve está pronta com o cronômetro, é hora de publicá-la em seu site. Clique na seta suspensa ao lado do botão Salvar e clique no botão Publicar.

Você verá então uma mensagem de sucesso de que sua página foi publicada e poderá clicar no botão Ver Página ao Vivo para ver como ela fica.

Veja como sua página aparecerá para seus visitantes:

Por último, ative a página acessando SeedProd » Páginas na sua área de administração do WordPress. Na seção Modo Em Breve, alterne o botão de Inativo para Ativo.

Agora, quando os usuários visitarem seu site, eles verão a página em breve com a página do cronômetro que você acabou de criar.

Se você quiser desativar o modo em breve, use o mesmo botão aqui para desativá-lo.

É isso! Agora que você sabe como usar o SeedProd, pode adicionar cronômetros a qualquer página de destino também.

Também devemos mencionar que o Thrive Architect é outra ótima opção para adicionar contadores regressivos a qualquer página ou postagem. Você tem dezenas de modelos de contadores para escolher:

Ele permite adicionar efeitos de animação e configurar as configurações de visibilidade. Você pode alterar cores de fundo, estilo, borda e muito mais.

Veja nossa Análise Completa do Thrive Architect para mais detalhes.

Em seguida, respondemos a perguntas comuns que nossos usuários nos fizeram.

FAQs: Cronômetros de Contagem Regressiva para WordPress

Como adiciono um cronômetro de contagem regressiva ao WordPress?

Você pode facilmente adicionar um contador regressivo ao seu site WordPress usando um plugin como SeedProd, OptinMonster ou Thrive. Esses plugins são perfeitos para iniciantes, pois não envolvem codificação.

Qual é o melhor plugin de cronômetro de contagem regressiva para WordPress?

O melhor plugin de contador regressivo para WordPress pode variar dependendo de suas necessidades e preferências específicas. No entanto, opções populares que oferecem recursos extensos e avaliações positivas de usuários são SeedProd, OptinMonster ou Thrive. Veja nossa lista para mais: 7 Melhores Plugins de Contador Regressivo para WordPress.

Como configurar um cronômetro de contagem regressiva evergreen?

A maioria dos plugins como OptinMonster e SeedProd permite que você configure cronômetros de contagem regressiva dinâmicos e evergreen. Estes são cronômetros ilimitados ou recorrentes que reiniciam quando o cronômetro atinge sua expiração.

Por que usar um cronômetro de contagem regressiva de vendas?

Cronômetros de contagem regressiva adicionam um senso de urgência e despertam o sentimento de FOMO (medo de ficar de fora). Os clientes são mais propensos a comprar agora enquanto obtêm um bom desconto ou oferta que sabem ser limitada, caso contrário, eles perderão.

Posso adicionar cronômetros de contagem regressiva às páginas de produtos?

Sim, você pode adicionar cronômetros de contagem regressiva a qualquer página de produto que desejar. Recomendamos o uso de uma barra flutuante para que ela não perturbe a experiência de compra do usuário, mas ao mesmo tempo possa chamar a atenção para sua oferta.

O Editor Gutenberg tem um cronômetro de contagem regressiva?

No momento em que escrevo isto, não, não há um bloco Gutenberg para adicionar um cronômetro de contagem regressiva. Você pode usar um construtor de páginas como SeedProd, Thrive ou Elementor para aprimorar as capacidades do editor de blocos.

Existem plugins gratuitos de cronômetro de contagem regressiva disponíveis para WordPress?

Sim, existem plugins gratuitos disponíveis para WordPress para adicionar um cronômetro de contagem regressiva simples. O diretório de plugins do WordPress oferece uma ampla gama de opções que você pode explorar.

Posso personalizar a aparência do cronômetro de contagem regressiva no meu site WordPress?

Sim, a maioria dos plugins de cronômetro de contagem regressiva para WordPress permite que você personalize a aparência do cronômetro. Geralmente, você pode ajustar configurações como cores, fontes, tamanhos, estilos e até adicionar CSS personalizado para combinar com o design e a marca do seu site.

Posso exibir vários cronômetros de contagem regressiva em diferentes páginas do meu site WordPress?

Sim, você pode configurar vários cronômetros de contagem regressiva em diferentes páginas do seu site WordPress com os plugins de cronômetro de contagem regressiva usados neste tutorial. Cada plugin pode ter seu próprio método para criar e gerenciar vários cronômetros, portanto, consulte a documentação ou as configurações do plugin para configurar vários cronômetros conforme necessário.

Posso exibir um cronômetro de contagem regressiva apenas para uma localização física específica?

Sim, o OptinMonster é o melhor plugin para isso. Você pode facilmente definir regras de exibição e selecionar o local que deseja segmentar.

Posso exibir um cronômetro de contagem regressiva apenas para uma localização física específica?

Os próprios contadores regressivos não têm um impacto direto no SEO (Otimização para Mecanismos de Busca). Mecanismos de busca como o Google focam principalmente em fatores como conteúdo do site, relevância, experiência do usuário e desempenho geral do site ao determinar as classificações de busca.

Esperamos que este guia tenha ajudado você a criar um contador regressivo em seu site. Você também pode querer conferir como adicionar prova social ao seu site WordPress para ganhar a confiança dos usuários e impulsionar seus objetivos de conversão.