Adicionar um contador regressivo aos e-mails do Customer.io aumenta as taxas de cliques e de conversão em lembretes de teste, avisos de renovação, estímulos à adoção de recursos e campanhas de crescimento product-led. Este guia mostra como incorporar uma contagem regressiva ao vivo no Customer.io e como usar os templates do Liquid para exibir prazos totalmente personalizados com base em qualquer atributo do usuário.
O Customer.io é uma plataforma de mensagens comportamentais criada para empresas de SaaS product-led e negócios com foco em tecnologia. Seu ponto forte é disparar e-mails com base no que os usuários realmente fazem no seu produto: cadastros, uso de recursos, marcos do teste e eventos de compra. Isso o torna uma opção natural para contadores regressivos vinculados a prazos reais dos usuários.
O que você precisa
Uma conta do Tickvio gratuita e uma conta do Customer.io. A configuração leva menos de dois minutos para contadores básicos, e um pouco mais se você usar personalização dinâmica.
Passo 1: crie seu contador no Tickvio
Faça login no Tickvio e clique em Create Timer. Para os fluxos comportamentais do Customer.io, você normalmente vai usar:
Evergreen: cada usuário recebe um prazo pessoal a partir do momento em que dispara o evento. Perfeito para expirações de teste, prazos de onboarding e estímulos à adoção de recursos.
Dinâmico: a data de término é passada por um parâmetro de URL, que você preenche com os helpers do Liquid do Customer.io. Ideal para datas de renovação, prazos de cobrança e expirações específicas de cada conta armazenadas nos atributos dos seus usuários.
Data fixa: um prazo compartilhado para eventos de toda a empresa, lançamentos de produto ou mudanças de preço.
Personalize o design, defina o estado de expiração e copie o código de incorporação.
Passo 2: abra o editor de e-mail do Customer.io
No Customer.io, vá até sua campanha ou transmissão. Abra o e-mail no editor de arrastar e soltar ou no editor de código.
Passo 3: adicione um bloco HTML
No editor visual, adicione um bloco de conteúdo Code ou HTML. Se você usar o editor de código, pode colar o contador em qualquer lugar do HTML do seu template.
Passo 4: cole o código do contador
Cole o código de incorporação do Tickvio. Para contadores básicos de data fixa ou Evergreen, é só isso que você precisa.
Contadores dinâmicos com Liquid
O Customer.io oferece suporte a templates do Liquid. Para criar contagens regressivas personalizadas com base em atributos do usuário (data de fim do teste, data de renovação, prazo de onboarding), substitua o parâmetro de data na URL do contador dinâmico do Tickvio por uma variável do Liquid:
<img src="https://app.tickvio.com/cd/your-timer?d={{ customer.trial_end_date | date: '%Y-%m-%dT%H:%M:%S' }}" />
Isso exibe uma contagem regressiva única para cada usuário com base nos dados reais dele — a configuração de contador mais poderosa para empresas de SaaS e product-led.
Passo 5: visualize e teste
Use a pré-visualização do Customer.io com um perfil de teste para verificar se o contador é exibido corretamente, principalmente se você usar datas dinâmicas. Envie um e-mail de teste para você mesmo. Confira nosso guia de compatibilidade com clientes de e-mail para saber mais.
Usando contadores em campanhas do Customer.io
A arquitetura orientada a eventos do Customer.io o torna ideal para campanhas com contador:
Expiração de teste: quando um usuário inicia um teste, dispare uma campanha com um contador Evergreen ou dinâmico mostrando exatamente quando o teste dele termina. “Seu teste gratuito expira em:” com uma contagem regressiva ao vivo é muito mais eficaz do que um lembrete em texto puro — empresas de SaaS costumam ver aumentos de 20–40% na conversão de teste para pago depois de adicionar contadores aqui.
Adoção de recursos: “Conclua sua configuração nas próximas 48 horas e desbloqueie um bônus” com um contador Evergreen. Incentive os usuários a alcançar marcos de ativação importantes. Funciona especialmente bem com checklists de onboarding.
Lembretes de renovação: use um contador dinâmico com a data de renovação do usuário obtida no perfil dele no Customer.io. “Sua assinatura é renovada em:” mantém o prazo sempre em evidência.
Mudanças de preço: “Garanta o preço atual antes do aumento” com um contador de data fixa. Eficaz para empresas de SaaS que anunciam mudanças de preço — os clientes atuais correm para renovar os planos anuais antes do aumento.
Recuperação de clientes: para usuários que cancelaram, envie uma oferta de reativação por tempo limitado com um contador Evergreen. “Volte em até 72 horas e ganhe 30% de desconto no primeiro mês.”
Avisos de limite de uso: “Você já usou 90% da sua cota — faça upgrade antes de atingir o limite em:” com um contador dinâmico mostrando o tempo previsto até o limite. Um impulso product-led.
Lembretes de pagamento de faturas: um contador dinâmico com contagem regressiva até a data de vencimento da fatura. Reduz atrasos ao deixar o prazo visível.
Dicas específicas para o Customer.io
O Liquid é seu superpoder: o suporte a Liquid do Customer.io + o tipo de contador dinâmico do Tickvio = contagens regressivas totalmente personalizadas, movidas por qualquer atributo do usuário. Datas de teste, datas de cobrança, expirações de contrato, marcos personalizados — se está no perfil do seu usuário, pode alimentar um contador.
Segmente por comportamento: o Customer.io registra o comportamento no produto de forma nativa. Envie campanhas com contador para usuários que demonstraram intenção (visitaram a página de preços, usaram um recurso importante, atingiram um limite de uso) em vez de disparar para todo mundo. Veja nosso guia de entregabilidade.
Webhooks e eventos: o Customer.io pode disparar e-mails a partir de eventos personalizados. Combine isso com a API do Tickvio para criar contadores de forma programática quando eventos específicos do produto acontecem — automação de verdade em escala.
Integração com Data Pipelines: o recurso Data Pipelines do Customer.io permite sincronizar dados do seu data warehouse. Armazene campos derivados como days_to_trial_end ou projected_usage_limit_date e use-os como prazos de contadores dinâmicos.
Liquid no nível da mensagem: diferentemente de alguns ESPs, o Customer.io avalia o Liquid no momento do envio, não na hora de entrar na fila. Isso significa que os prazos de contador calculados a partir de dados ao vivo estão sempre corretos — fundamental para lembretes de renovação e contadores relacionados a cobrança.
Diferença entre Journey e Campaign: o Customer.io tem Campaigns (disparadas por evento) e Broadcasts (envios únicos). Use contadores Evergreen ou dinâmicos nas Campaigns e de data fixa nos Broadcasts. Erro comum: colocar um contador de data fixa em uma Campaign que roda por meses — o contador expira antes de a maioria dos usuários sequer entrar no fluxo.
Nomenclatura dos atributos de perfil: use uma nomenclatura consistente para atributos de data (por exemplo, sempre _at para timestamps: trial_ends_at, não trial_end). Assim suas URLs de contador dinâmico ficam previsíveis e o trabalho da sua equipe fica mais fácil de depurar.
Fallbacks do Liquid: sempre forneça um fallback para datas dinâmicas. {{ customer.trial_end_date | default: '2099-12-31T23:59:59' }} evita URLs de contador quebradas se o atributo estiver ausente em alguns usuários.
Qual tipo de contador para cada caso de uso do Customer.io?
Broadcasts (envios únicos): contadores de data fixa.
Campanhas disparadas por evento (teste, onboarding, ativação): contadores Evergreen.
Prazos personalizados baseados em dados (renovação, cobrança, cota): contadores dinâmicos com Liquid.
Perguntas frequentes
O Customer.io tem um contador regressivo integrado?
Não. O Customer.io não tem nenhum elemento nativo de contador regressivo. Você adiciona contadores pelo bloco Code/HTML com um serviço de contador de terceiros como o Tickvio. Essa combinação é padrão para empresas de SaaS product-led que usam o Customer.io.
Posso usar Liquid na URL do contador?
Sim — esse é um dos padrões mais fortes de Customer.io + Tickvio. Use Liquid ({{ customer.trial_end_date }}) diretamente no parâmetro da URL do contador para exibir prazos específicos de cada usuário no momento do envio.
O contador vai funcionar nos Broadcasts do Customer.io?
Sim, mas use um contador de data fixa para os Broadcasts (envios únicos) — todo mundo vê o mesmo prazo, correspondente à data de término da campanha. Os contadores Evergreen e dinâmicos são para campanhas disparadas por evento, em que cada usuário entra no fluxo em um momento diferente.
Posso combinar a personalização nativa do Customer.io com contadores dinâmicos?
Sim. A URL do contador dinâmico do Tickvio é só mais um lugar onde o Liquid funciona. Combine atributos de usuário, atributos de conta e valores derivados para criar prazos precisos por usuário.
O contador afeta a taxa de envio ou a entregabilidade do Customer.io?
Não. As imagens do contador são carregadas pelo CDN do Tickvio. A taxa de envio do Customer.io não é afetada por referências a imagens no corpo do e-mail. A entregabilidade não é afetada — o contador é só mais uma imagem HTTPS.
Posso usar os contadores do Tickvio nas mensagens in-app ou notificações push do Customer.io?
Não. Os contadores do Tickvio são apenas para e-mail (são imagens). As mensagens in-app e push do Customer.io são em texto puro ou sem HTML, então imagens não se aplicam. Coordene a urgência entre canais alinhando a mensagem de prazo, não os contadores visuais.
Comece agora
Crie seu contador do Tickvio grátis — 20,000 visualizações/mês, contadores dinâmicos e Evergreen incluídos, sem marca. Cole no Customer.io e comece a gerar urgência nas suas campanhas de e-mail product-led.
Para saber mais, veja nosso guia completo e a página de integração com o Customer.io.