Cómo añadir una cuenta atrás a tus emails de Klaviyo

En resumen

Klaviyo no tiene cuenta atrás propia: su ayuda indica usar una herramienta externa y pegar el código en un bloque HTML. Crea el timer aquí, copia el HTML de la pestaña Klaviyo y pégalo en un bloque HTML de tu campaña o flow. Para que cada persona tenga su propio plazo, añade ?rid={{ person.KlaviyoID }} a la URL.

Actualizado el · AP Agency

Klaviyo no tiene un bloque de cuenta atrás propio. Su centro de ayuda lo dice así y propone usar una herramienta externa: generas el timer fuera y pegas su código en un bloque HTML. Es lo que hace esta página. El generador de abajo ya tiene seleccionada la salida para Klaviyo.

Basado en la documentación oficial de Klaviyo, revisada el 1 de octubre de 2026.

Crea la tuya

El generador ya viene configurado para esta página. Cambia lo que necesites y pulsa Crear contador.

En directo Vista previa de una cuenta atrás en GIF con días, horas, minutos y segundos

GIF animado. Se recalcula cada vez que se abre el email.

Empezar con
Tipo de contadorRecurrente, plan Starter
Duración para cada destinatario

Con la etiqueta de tu plataforma en la URL (plan Starter), cada persona ve su propio plazo desde que abre el email. Sin ella, cada apertura muestra la duración completa.

Se repite
Días de la semana

Al llegar a cero vuelve a empezar hasta la siguiente fecha.

EstiloLos estilos Pro se pueden probar aquí
Gratis
PRO
UnidadesSi quitas días, las horas los absorben
Colores

Suaviza el borde de las cifras para que encajen sobre ese fondo.

Fondo de imagen STARTER

Pon una foto o una textura detrás de las cifras. Necesita una cuenta con el plan Starter. Crear cuenta · Ver planes

Más opciones de fuente y texto

Más de 1.500 familias desde el plan Starter. Con ese plan, la vista previa las carga desde nuestro servidor; sin él, se ve con Inter.

Tamaño
Idioma de las etiquetas
Etiquetas
Al llegar a cero

Gratis y sin registro. Recibes el código para pegar en tu email.

Esta opción es de pago

Puedes probarla en la vista previa, pero para usarla en un email necesitas el plan Starter.

    Qué bloque usar

    Bloque HTML. Es el método que documenta Klaviyo y el que recomendamos. Pegas una tabla con la imagen del timer, que se pide a nuestro servidor cada vez que alguien abre el email. La guía de Klaviyo no menciona restricciones de plan para este bloque.

    Bloque de imagen. Klaviyo permite imágenes dinámicas con una URL en el campo "Dynamic variable or dynamic URL", pensadas para variables del perfil o del evento. La documentación de Klaviyo solo muestra en ese campo variables del perfil o del evento, no una URL externa. Si la imagen acaba guardada como copia en la biblioteca de Klaviyo, esa copia ya no se actualiza y el timer se congela. Usa el bloque HTML.

    Paso a paso en una campaña

    1. Crea el timer en el generador con la fecha y la zona horaria del cierre. Si tu plantilla mide 600 px de ancho, deja el ancho en 600 o menos.
    2. Copia el código de la pestaña Klaviyo.
    3. En Klaviyo, abre la campaña y entra en el editor del email.
    4. Arrastra un bloque HTML al sitio donde quieras el timer. Suele funcionar justo debajo de la cabecera o encima del botón principal.
    5. Borra el código que trae el bloque y pega el tuyo.
    6. Vuelve con la flecha para aplicar los cambios y guarda.

    El código ya lleva los & escapados y el color de fondo en la tabla, para que no aparezcan márgenes blancos alrededor del GIF.

    En un flow

    El bloque HTML es el mismo en los emails de flow. Abre el flow, haz clic en el email, entra en el editor y repite los pasos 4 a 6.

    Con una fecha fija, el flow puede enviar el email cualquier día: el GIF se calcula al abrir y muestra lo que queda hasta esa fecha. Si el email sale después del cierre, verá el texto de caducado.

    Para flujos donde cada persona tiene su propio plazo (carrito abandonado, bienvenida con cupón de 48 horas), crea un timer evergreen y añade la etiqueta del destinatario, como explicamos a continuación.

    Cuenta atrás por destinatario

    Un timer evergreen cuenta una duración, por ejemplo 48 horas. Lo que cambia es desde cuándo:

    Para lo segundo, añade a la URL de la imagen el ID del perfil:

    https://kauntodaun.com/t/k3x9q2m7ab.gif?rid={{ person.KlaviyoID }}
    

    Según la guía de etiquetas de Klaviyo, {{ person.KlaviyoID }} devuelve el ID de Klaviyo del perfil. Distingue mayúsculas y minúsculas. No uses {{ person.id }}: es el ID externo, que muchos perfiles no tienen. En el plan Starter, la pestaña Klaviyo del generador ya incluye la etiqueta en el código.

    Guardamos el ID convertido en un hash, nunca en claro. Si la etiqueta llega vacía o sin sustituir, el motor la ignora y cuenta desde ese momento.

    Cómo probarlo antes de enviar

    1. Vista previa. En el editor, abre la vista previa y elige un perfil para ver cómo se sustituyen las etiquetas. Con un timer por destinatario, usa tu propio perfil de prueba: si la vista previa carga la imagen con el ID de un cliente real, su plazo empieza en ese momento.
    2. Email de prueba. Envíate una prueba. Klaviyo la rellena con los datos del perfil elegido. Ábrela dos veces con unos minutos de diferencia: en un timer por destinatario, la segunda debe mostrar menos tiempo.
    3. Envío real a una lista de prueba. Klaviyo avisa de que parte del contenido dinámico no se comporta igual que en un envío real. Si el timer es por destinatario, manda la campaña a una lista con dos o tres direcciones tuyas.
    4. Outlook. Abre la prueba en Outlook de escritorio. Según Microsoft, Outlook para Microsoft 365, 2021 y 2024 anima el GIF si las animaciones de Windows están activadas; si no, verás el primer fotograma, que ya muestra el tiempo restante.

    Problemas conocidos

    Otras plataformas

    Si también envías desde otra herramienta, mira las guías de Mailchimp, HubSpot y Shopify Email. Para campañas con fecha, tienes listas las cuentas atrás de Black Friday y Cyber Monday.

    Lo que suele preguntarse

    ¿Klaviyo tiene un bloque de cuenta atrás propio?

    No. La ayuda de Klaviyo dice que no tiene cuenta atrás integrada y que hay que usar una herramienta externa pegando su código en un bloque HTML.

    ¿Funciona en los flows de Klaviyo?

    Sí. El bloque HTML está en el mismo editor para campañas, plantillas y emails de flow. El GIF se calcula al abrir el email, así que el flow puede enviarlo cualquier día.

    ¿Qué etiqueta uso para el timer por destinatario?

    {{ person.KlaviyoID }}, que según la guía de etiquetas de Klaviyo devuelve el ID de Klaviyo del perfil. Las etiquetas distinguen mayúsculas y minúsculas: escríbela tal cual.

    ¿Puedo usar {{ email }} en lugar del ID?

    Funciona, pero el email viajaría en la URL de la imagen y quedaría en los registros de los servidores intermedios. Nuestro motor lo convierte en un hash, aunque es mejor no enviarlo. Usa el ID.

    ¿Por qué en la vista previa de Klaviyo el timer empieza desde el principio?

    Si la etiqueta llega sin sustituir, el motor la ignora y cuenta desde ese momento. En la vista previa con un perfil seleccionado, la etiqueta sí se sustituye.

    ¿Necesito pagar Klaviyo para usar el bloque HTML?

    La guía de Klaviyo sobre cuentas atrás no menciona ninguna restricción de plan para el bloque HTML. No lo hemos comprobado en una cuenta gratuita.

    ¿Se ve en Outlook y en Apple Mail?

    Klaviyo avisa de que Outlook 2007, 2010 y 2013 muestran solo el primer fotograma y de que en Apple Mail las cuentas atrás pueden no verse bien por la precarga de imágenes. Escribe también la fecha límite en el texto.

    Fuentes

    1. Klaviyo no tiene cuenta atrás integrada; pasos: abrir el email (plantilla, campaña sin enviar o email de flow), añadir un bloque HTML, borrar el código, pegar el del timer y volver con la flecha; Outlook 2007, 2010 y 2013 muestran el primer fotograma; Apple Mail puede mostrarlo mal por la precarga; sin restricciones de plan mencionadas. help.klaviyo.com, consultada el
    2. {{ person.KlaviyoID }} devuelve el ID de Klaviyo; {{ person.id }} el ID único externo; {{ email }} el email; las etiquetas distinguen mayúsculas y minúsculas; filtro |default. help.klaviyo.com, consultada el
    3. Imagen dinámica: Select image > Dynamic Image y pegar la etiqueta en el campo Dynamic variable or dynamic URL; las campañas solo usan propiedades del perfil. help.klaviyo.com, consultada el
    4. Vista previa con un perfil, envío de prueba con los datos del perfil, envío real a una lista de prueba; parte del contenido dinámico no se comporta igual que en un envío real. help.klaviyo.com, consultada el
    5. Outlook para Microsoft 365, 2021 y 2024 reproduce GIF animados por defecto; con animaciones desactivadas, solo el primer fotograma. support.microsoft.com, consultada el
    6. Apple Mail Privacy Protection descarga el contenido remoto en segundo plano, se abra o no el email. apple.com, consultada el
    7. Motor: rid hasheado, etiqueta sin sustituir o vacía ignorada, rid ignorado en plan gratis, primera petición con rid fija el inicio. Documentación técnica de Kauntodaun, consultada el
    8. Snippets de la API (pestaña Klaviyo, rid solo desde Starter). Documentación técnica de Kauntodaun, consultada el
    Código copiado