X

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

como adicionar um contador regressivo no wordpress

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 lhe dar uma ideia do tipo de campanhas que o ajudaremos a criar, aqui está um tapete de boas-vindas bacana com uma oferta de desconto por tempo limitado. Criamos isso com o OptinMonster:

modelo mat em tela cheia

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 estiver fora 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 de contagem regressiva no WordPress é usando um plugin de Cronômetro de Contagem Regressiva.

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 timer de contagem regressiva na forma de um widget em seu site. Com OptinMonster, adicionar um widget de timer de contagem regressiva é super fácil.

optinmonster-popups

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 os objetivos de conversão do seu site de forma rápida e fácil.

Com este aplicativo, você pode criar algumas das campanhas de popup 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.

conectar uma conta existente no optinmonster

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.

conectar optinmonster ao 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.

criar nova campanha no optinmonster

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
começar a criar sua campanha no optinmonster

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.

modelos de campanha de barra flutuante

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.

começar a construir campanha

Quando terminar, clique na aba 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.

painel do optinmonster

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.

adicionar contador regressivo no optinmonster

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.

configurações de contagem regressiva no optinmonster

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.

regras de exibição no optinmonster

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.

local_fisico

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.

adicionar integração constant contact no om

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.

publicar campanha optinmonster

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.

publicar campanha optinmonster no wordpress

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á online em breve.

SeedProd is the best website and landing page builder for WordPress that comes with easy coming soon and maintenance mode functionality. The plugin comes with a free version and pro plan.

SeedProd

It lets you add several elements to your landing page, including a countdown timer.

Let’s learn how to add a countdown timer with SeedProd in a step-by-step manner.

Step 1: Installing SeedProd

The first step is to install the SeedProd plugin on your WordPress site.

Once the plugin is installed and activated, you’ll have to verify your license key.

Your key is available in your SeedProd account created at the time of purchasing the product.

seedprod conta download de plugin

Paste the key in the blank field and click on the Verify Key box to validate it.

adicionar licença seedprod

Once your license key is validated, scroll further down the page and click on the Create Your First Page button.

This will take you to the SeedProd dashboard. Here you can choose which type of page you want to create a countdown timer on. There are 4 different options:

  • Coming soon mode: Create a coming soon page to build excitement for your website launch.
  • Maintenance mode: Put your website into maintenance mode while you work on it behind the scenes.
  • Login page: Create a custom login page for your website.
  • 404 page: Replace the default 404 page with a custom 404 page.

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

clique no botão configurar uma nova página em breve

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.

escolher um modelo para criar um cronômetro de contagem regressiva

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

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

construtor visual de páginas seedprod

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.

arraste e solte o bloco de cronômetro de contagem regressiva 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.

personalize o cronômetro de contagem regressiva e defina a data de término

Se desejar, você pode adicionar mais conteúdo à sua página usando os blocos de página de destino prontos do SeedProd. Você pode adicionar formulários de contato, perfis sociais, vídeo, formulários de opt-in 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.

configurar configurações globais

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.

publicar o cronômetro de contagem regressiva

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.

mensagem de sucesso mostrando que a página de contagem regressiva foi publicada

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

página do cronômetro de contagem regressiva ao vivo

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.

ativar o modo em breve no WordPress

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 cronômetros a qualquer página ou postagem. Você tem dezenas de modelos de cronômetros para escolher:

biblioteca de contagem regressiva Thrive

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 informações.

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 cronômetro de contagem regressiva 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 cronômetro de contagem regressiva 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 Cronômetro de Contagem Regressiva 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.

Comentários   Deixe uma Resposta

Adicionar um comentário

Ficamos felizes que você escolheu deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Checklist de Lançamento WordPress

O Checklist Definitivo para Lançamento de WordPress

Compilamos todos os itens essenciais da lista de verificação para o lançamento do seu próximo site WordPress em um e-book prático.
Sim, envie-me o eBook Gratuito!