Añadir un temporizador de cuenta atrás a los correos de Customer.io mejora las tasas de clics y de conversión en recordatorios de prueba, avisos de renovación, mensajes para impulsar la adopción de funciones y campañas de crecimiento product-led. Esta guía te muestra cómo incrustar una cuenta atrás en directo en Customer.io y cómo usar las plantillas de Liquid para mostrar fechas límite totalmente personalizadas a partir de cualquier atributo del usuario.
Customer.io es una plataforma de mensajería basada en el comportamiento, diseñada para empresas SaaS product-led y negocios con mentalidad tecnológica. Su punto fuerte es activar correos en función de lo que los usuarios hacen de verdad en tu producto: registros, uso de funciones, hitos de la prueba y eventos de compra. Esto la convierte en una opción ideal para los temporizadores de cuenta atrás vinculados a fechas límite reales de cada usuario.
Qué necesitas
Una cuenta de Tickvio gratuita y una cuenta de Customer.io. La configuración lleva menos de dos minutos para los temporizadores básicos, y algo más si usas personalización dinámica.
Paso 1: Crea tu temporizador en Tickvio
Inicia sesión en Tickvio y haz clic en Create Timer. Para los flujos basados en el comportamiento de Customer.io, normalmente usarás:
Evergreen: cada usuario recibe una fecha límite personal a partir del momento en que activa el evento. Perfecto para vencimientos de prueba, plazos de onboarding y mensajes para impulsar la adopción de funciones.
Dinámico: la fecha de finalización se pasa mediante un parámetro de URL que rellenas con los helpers de Liquid de Customer.io. Ideal para fechas de renovación, plazos de facturación y vencimientos específicos de cada cuenta almacenados en los atributos de tus usuarios.
Fecha fija: una fecha límite compartida para eventos a nivel de empresa, lanzamientos de producto o cambios de precio.
Personaliza el diseño, define el estado de vencimiento y copia el código de inserción.
Paso 2: Abre el editor de correo de Customer.io
En Customer.io, ve a tu campaña o difusión. Abre el correo en el editor de arrastrar y soltar o en el editor de código.
Paso 3: Añade un bloque HTML
En el editor visual, añade un bloque de contenido Code o HTML. Si usas el editor de código, puedes pegar el temporizador en cualquier parte del HTML de tu plantilla.
Paso 4: Pega el código del temporizador
Pega el código de inserción de Tickvio. Para los temporizadores básicos de fecha fija o Evergreen, esto es todo lo que necesitas.
Temporizadores dinámicos con Liquid
Customer.io admite las plantillas de Liquid. Para crear cuentas atrás personalizadas basadas en atributos del usuario (fecha de fin de prueba, fecha de renovación, plazo de onboarding), sustituye el parámetro de fecha en la URL del temporizador dinámico de Tickvio por una variable de Liquid:
<img src="https://app.tickvio.com/cd/your-timer?d={{ customer.trial_end_date | date: '%Y-%m-%dT%H:%M:%S' }}" />
Esto genera una cuenta atrás única para cada usuario en función de sus datos reales: la configuración de temporizador más potente para empresas SaaS y product-led.
Paso 5: Previsualiza y prueba
Usa la vista previa de Customer.io con un perfil de prueba para verificar que el temporizador se muestra correctamente, sobre todo si usas fechas dinámicas. Envíate un correo de prueba a ti mismo. Consulta nuestra guía de compatibilidad con clientes de correo para más información.
Uso de temporizadores en campañas de Customer.io
La arquitectura basada en eventos de Customer.io la hace ideal para las campañas con temporizador:
Vencimiento de prueba: cuando un usuario inicia una prueba, activa una campaña con un temporizador Evergreen o dinámico que muestre exactamente cuándo termina su prueba. «Tu prueba gratuita vence en:» con una cuenta atrás en directo es mucho más eficaz que un recordatorio en texto plano; las empresas SaaS suelen ver mejoras del 20–40% en la conversión de prueba a pago tras añadir temporizadores aquí.
Adopción de funciones: «Completa tu configuración en las próximas 48 horas y desbloquea un extra» con un temporizador Evergreen. Anima a los usuarios a alcanzar hitos de activación clave. Funciona especialmente bien con las listas de tareas de onboarding.
Recordatorios de renovación: usa un temporizador dinámico con la fecha de renovación del usuario tomada de su perfil de Customer.io. «Tu suscripción se renueva en:» mantiene la fecha límite bien visible.
Cambios de precio: «Asegura el precio actual antes de la subida» con un temporizador de fecha fija. Muy eficaz para empresas SaaS que anuncian cambios de precio: los clientes actuales se apresuran a renovar sus planes anuales antes del aumento.
Recuperación de clientes: para usuarios que se han dado de baja, envía una oferta de reactivación por tiempo limitado con un temporizador Evergreen. «Vuelve en 72 horas y consigue un 30% de descuento en tu primer mes».
Avisos de límite de uso: «Has usado el 90% de tu cuota; mejora tu plan antes de llegar al límite en:» con un temporizador dinámico que muestre el tiempo previsto hasta alcanzar el límite. Un impulso product-led.
Recordatorios de pago de facturas: un temporizador dinámico que cuenta atrás hasta la fecha de vencimiento de la factura. Reduce los pagos atrasados al hacer visible la fecha límite.
Consejos específicos para Customer.io
Liquid es tu superpoder: el soporte de Liquid de Customer.io + el tipo de temporizador dinámico de Tickvio = cuentas atrás totalmente personalizadas y basadas en cualquier atributo del usuario. Fechas de prueba, fechas de facturación, vencimientos de contrato, hitos personalizados... si está en el perfil de tu usuario, puede alimentar un temporizador.
Segmenta por comportamiento: Customer.io registra el comportamiento en el producto de forma nativa. Envía campañas con temporizador a los usuarios que han mostrado interés (visitaron la página de precios, usaron una función clave, alcanzaron un umbral de uso) en lugar de escribir a todo el mundo. Consulta nuestra guía de entregabilidad.
Webhooks y eventos: Customer.io puede activar correos a partir de eventos personalizados. Combínalo con la API de Tickvio para crear temporizadores de forma programática cuando ocurren determinados eventos del producto: automatización real a escala.
Integración con Data Pipelines: la función Data Pipelines de Customer.io te permite sincronizar datos desde tu almacén de datos. Guarda campos derivados como days_to_trial_end o projected_usage_limit_date y úsalos como fechas límite de temporizadores dinámicos.
Liquid a nivel de mensaje: a diferencia de otros ESP, Customer.io evalúa Liquid en el momento del envío, no al ponerlo en cola. Esto significa que las fechas límite de los temporizadores calculadas a partir de datos en vivo siempre son exactas, algo crítico para los recordatorios de renovación y los temporizadores relacionados con la facturación.
Diferencia entre Journey y Campaign: Customer.io tiene Campaigns (activadas por eventos) y Broadcasts (envíos únicos). Usa temporizadores Evergreen o dinámicos en las Campaigns y de fecha fija en los Broadcasts. Error habitual: poner un temporizador de fecha fija en una Campaign que se ejecuta durante meses; el temporizador vence antes de que la mayoría de los usuarios entren siquiera en el flujo.
Nomenclatura de los atributos de perfil: usa una nomenclatura coherente para los atributos de fecha (por ejemplo, siempre _at para las marcas de tiempo: trial_ends_at, no trial_end). Así tus URL de temporizador dinámico serán predecibles y el trabajo de tu equipo más fácil de depurar.
Valores de reserva en Liquid: proporciona siempre un valor de reserva para las fechas dinámicas. {{ customer.trial_end_date | default: '2099-12-31T23:59:59' }} evita URL de temporizador rotas si el atributo falta en algunos usuarios.
¿Qué tipo de temporizador para cada caso de uso de Customer.io?
Broadcasts (envíos únicos): temporizadores de fecha fija.
Campañas activadas por eventos (prueba, onboarding, activación): temporizadores Evergreen.
Fechas límite personalizadas basadas en datos (renovación, facturación, cuota): temporizadores dinámicos con Liquid.
Preguntas frecuentes
¿Customer.io tiene un temporizador de cuenta atrás integrado?
No. Customer.io no tiene ningún elemento nativo de cuenta atrás. Los temporizadores se añaden mediante el bloque Code/HTML con un servicio de temporizadores de terceros como Tickvio. Esta combinación es el estándar para las empresas SaaS product-led que usan Customer.io.
¿Puedo usar Liquid en la URL del temporizador?
Sí, y es uno de los patrones más potentes de Customer.io + Tickvio. Usa Liquid ({{ customer.trial_end_date }}) directamente en el parámetro de la URL del temporizador para mostrar fechas límite específicas de cada usuario en el momento del envío.
¿Funcionará el temporizador en los Broadcasts de Customer.io?
Sí, pero usa un temporizador de fecha fija para los Broadcasts (envíos únicos): todos ven la misma fecha límite, que coincide con la fecha de finalización de la campaña. Los temporizadores Evergreen y dinámicos son para las campañas activadas por eventos, donde cada usuario entra en el flujo en un momento distinto.
¿Puedo combinar la personalización nativa de Customer.io con los temporizadores dinámicos?
Sí. La URL del temporizador dinámico de Tickvio es simplemente otro lugar donde funciona Liquid. Combina atributos de usuario, atributos de cuenta y valores derivados para crear fechas límite precisas para cada usuario.
¿El temporizador afecta a la tasa de envío o a la entregabilidad de Customer.io?
No. Las imágenes del temporizador se cargan desde el CDN de Tickvio. La tasa de envío de Customer.io no se ve afectada por las referencias a imágenes en el cuerpo del correo. La entregabilidad no se ve afectada: el temporizador es simplemente otra imagen HTTPS.
¿Puedo usar los temporizadores de Tickvio en los mensajes in-app o las notificaciones push de Customer.io?
No. Los temporizadores de Tickvio son solo para correo (son imágenes). Los mensajes in-app y las notificaciones push de Customer.io son de texto plano o no admiten HTML, así que las imágenes no se aplican. Coordina la urgencia entre canales igualando el mensaje sobre la fecha límite, no los temporizadores visuales.
Empieza ahora
Crea tu temporizador de Tickvio gratis: 20,000 visualizaciones al mes, temporizadores dinámicos y Evergreen incluidos, sin marca. Pégalo en Customer.io y empieza a generar urgencia en tus campañas de correo product-led.
Para más información, consulta nuestra guía completa y la página de integración con Customer.io.