Para añadir una cuenta atrás a un email de Klaviyo, crea tu temporizador en CleverTimer y copia el «Código HTML del temporizador» completo y pégalo en un bloque HTML del editor de Klaviyo. No necesitas programar ni crear una cuenta en CleverTimer: el temporizador es gratis. Tampoco necesitas conectar ninguna aplicación.
Klaviyo no dispone actualmente de una función de cuenta atrás integrada para emails. Su guía oficial de temporizadores de cuenta atrás explica cómo insertar un temporizador externo mediante un bloque HTML. En CleverTimer puedes elegir un diseño, ajustar los colores y las etiquetas y, si lo necesitas, configurar una imagen alternativa para Apple Mail.
Esta guía sirve para ofertas, promociones e inscripciones con una fecha y hora de finalización fijas. Abrir el email no inicia un plazo nuevo para cada destinatario.
Cómo añadir una cuenta atrás en Klaviyo
Paso 1: Define la fecha de finalización y el diseño en CleverTimer
- Abre el generador de CleverTimer y elige la fecha, la hora y la zona horaria de finalización.
- Escoge Square, Solid, Arc o Split-Flap. Ajusta los colores y el idioma de las etiquetas del temporizador a tu newsletter. Comprueba que las cifras se lean bien al tamaño en el que se mostrarán. El idioma de la web, las etiquetas y la zona horaria son ajustes distintos.
- Si lo necesitas, elige una alternativa para Apple Mail: «Mostrar imagen» muestra una imagen fija con tu texto y «Ocultar» proporciona una imagen transparente. Con «Desactivada», no se usa ninguna imagen alternativa. Estas imágenes sustituyen la cuenta atrás en las solicitudes identificadas como posible actividad de Mail Privacy Protection.
- Pulsa «Crear temporizador», introduce tu dirección de email, acepta las condiciones de uso y autoriza el uso de tu dirección para la activación. Solicita el código de seis cifras e introdúcelo para crear el temporizador. No necesitas crear una cuenta.
- Copia el «Código HTML del temporizador» completo, no solo la URL.
Haz que la fecha de finalización coincida con la de tu oferta. Si el newsletter dice, por ejemplo, «La promoción termina el 27 de noviembre de 2026 a las 20:00 (CET)», tanto el temporizador como la oferta de tu web deben terminar en ese momento.
Paso 2: Añade un bloque HTML en Klaviyo
- Abre el email que quieras editar: una plantilla, una campaña que aún no hayas enviado o un email de un flujo.
- Añade un bloque HTML donde quieras mostrar el temporizador, por ejemplo debajo de la oferta y encima del botón.
- Borra el código de ejemplo de ese nuevo bloque y pega el código HTML completo de CleverTimer.
- Haz clic en la flecha hacia atrás para aplicar el cambio y volver al diseño.
La captura muestra el código HTML a la izquierda y la cuenta atrás dentro del diseño a la derecha. Los controles del editor y las etiquetas del temporizador están en inglés; en CleverTimer puedes elegir etiquetas en español. Usa tu propio código generado, no la dirección del temporizador que aparece en la captura.
Consejo: Conserva la URL original de la imagen de CleverTimer en el código. No descargues el GIF para volver a subirlo como archivo a Klaviyo: estarías usando una imagen ya generada. Con la URL original, CleverTimer puede recalcular el tiempo restante al recibir una solicitud de la imagen; las aplicaciones de correo pueden guardar el resultado en caché.
Alternativa: Inserta la URL del temporizador con «Imagen dinámica»
Si prefieres trabajar con un bloque de imagen, utiliza la «URL del temporizador» de CleverTimer en lugar del código HTML:
- Añade un bloque «Image» (Imagen) y pulsa «Select image» (Seleccionar imagen).
- Abre la pestaña «Dynamic image» (Imagen dinámica).
- Pega la URL completa de tu temporizador en «Dynamic variable or dynamic URL» (Variable dinámica o URL dinámica) y pulsa «Save» (Guardar).
La URL de la captura es un ejemplo. Sustitúyela por la URL de tu propio temporizador. Para esta opción, utiliza «Dynamic image», sin subir un GIF descargado ni seleccionar «Import URL» (Importar URL). El código HTML completo no debe pegarse en el campo de URL. Los nombres en inglés corresponden a los controles de la captura; los equivalentes en español te ayudan a encontrarlos si usas Klaviyo en ese idioma.
Solo necesitas una de las dos opciones. «Imagen dinámica» no crea un plazo individual ni garantiza que se cargue una imagen nueva cada vez que se abra el email. Sea cual sea el método que elijas, envíate un email de prueba y compruébalo en tu bandeja de entrada.
Paso 3: Comprueba un email de prueba
Envíate el email y ábrelo en el móvil y en el ordenador, preferiblemente en las aplicaciones de correo que utiliza tu público. Que se vea bien en la vista previa del editor es solo la primera comprobación.
- Tiempo restante: compara la cuenta atrás con la fecha, la hora y la zona horaria de finalización. Incluye también estos datos como texto normal en el email.
- Presentación: comprueba que el temporizador quepa en la columna y que las cifras se lean bien. Si cambias sus dimensiones en el HTML, mantén las proporciones.
- Imágenes: revisa el mensaje con las imágenes bloqueadas. Añade un texto alternativo adecuado, como «Cuenta atrás hasta el final de la promoción», y comprueba que la oferta se entienda sin la imagen.
- Finalización: crea un temporizador de prueba independiente con una duración corta para comprobar el email recibido cuando termine. Antes del envío real, sustituye el código o la URL de prueba por los del temporizador de tu campaña y vuelve a revisar la fecha de finalización.
Volver a abrir el mensaje no obliga a cargar una imagen nueva. Si las cifras no coinciden, consulta los consejos de resolución de problemas que encontrarás más abajo.
¿Puedo usar la cuenta atrás en los flujos de Klaviyo?
Sí, si el email anuncia una fecha límite común para todos los destinatarios. Un email de un flujo que recuerda una promoción que termina el viernes puede usar la misma cuenta atrás con fecha fija que tu campaña.
El caso de «Tu descuento es válido durante 24 horas desde que te registras» es distinto: cada destinatario necesita su propia fecha y hora de finalización. La integración de CleverTimer descrita en esta guía no crea ese tipo de temporizador evergreen. Incluirla en un flujo no cambia su funcionamiento.
Comprueba en qué momento pueden recibir el email los destinatarios del flujo. Si pudiera enviarse después de terminar la promoción, ajusta el flujo o sustituye el mensaje a tiempo. La imagen de la cuenta atrás no desactiva un descuento ni impide que Klaviyo envíe un email.
¿Por qué la cuenta atrás no aparece, se queda fija o muestra un tiempo incorrecto?
El código aparece como texto o no se ve el temporizador
Para la opción con HTML, pega el código de inserción completo en un bloque HTML. Para la opción con imagen, introduce solo la URL del temporizador en «Imagen dinámica». Comprueba también que hayas activado el temporizador y que la aplicación de correo permita mostrar imágenes externas.
La cuenta atrás sigue avanzando, pero el tiempo restante es incorrecto
Revisa primero la fecha, la hora y la zona horaria. Si son correctas, puede que la aplicación de correo esté mostrando una imagen guardada. Apple Mail Privacy Protection puede solicitar imágenes antes de que se lea el mensaje. Por eso, una cuenta atrás puede seguir animándose aunque el tiempo restante ya no sea correcto.
Las alternativas opcionales de CleverTimer muestran otra imagen en las solicitudes identificadas como posible actividad de MPP. No evitan la caché ni garantizan detectar a todos los destinatarios que usan Apple Mail. Nuestra guía sobre Apple Mail Privacy Protection y temporizadores explica las opciones y sus límites.
El temporizador aparece como una imagen fija
Algunas aplicaciones de correo o sus ajustes impiden reproducir GIF animados. Klaviyo menciona versiones antiguas de Outlook, como 2007, 2010 y 2013, que solo muestran el primer fotograma. Escribir la fecha límite junto a la oferta ayuda a que el mensaje se entienda también sin animación.
Preguntas frecuentes
No. Puedes usar el código HTML de CleverTimer en un bloque HTML o la URL del temporizador en un bloque de imagen con la opción «Imagen dinámica». Ninguno de los dos métodos requiere conectar una aplicación ni usar una clave de API.
CleverTimer es gratis y no necesitas crear una cuenta. Para crear tu temporizador, introduce el código de activación de seis cifras que recibirás por email.
Sí, si el nuevo email anuncia la misma fecha límite. Copiar el código no reinicia la cuenta atrás ni amplía el plazo. Para una oferta distinta, crea un temporizador con la fecha de finalización adecuada y comprueba el nuevo email antes de enviarlo.
No. El temporizador muestra una fecha límite; no controla los precios, los códigos de descuento ni el proceso de pago de tu tienda. Configura la oferta por separado y haz que su fecha de finalización coincida con la del email.
Prepara tu próximo newsletter de Klaviyo con una cuenta atrás
Elige el diseño de tu temporizador e inserta la cuenta atrás. Después, envíate un email de prueba y compruébalo en tu bandeja de entrada. Encontrarás más ideas para promociones, eventos y lanzamientos de productos en nuestra guía de temporizadores de cuenta atrás para newsletters.