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

En resumen

En Mailchimp, la cuenta atrás se pega en un bloque Code, que existe en el editor nuevo y en el antiguo. Crea el timer aquí, copia el HTML y pégalo en ese bloque. No subas el GIF a Mailchimp como imagen, porque quedaría congelado. Para un plazo por contacto, añade ?rid=*|UNIQID|* a la URL.

Actualizado el · AP Agency

En Mailchimp la cuenta atrás va en un bloque Code. Pegas una tabla con la imagen del timer, y esa imagen se pide a nuestro servidor cada vez que alguien abre el email. Por eso muestra el tiempo que queda en ese momento, aunque el email se enviara hace días.

Basado en la documentación oficial de Mailchimp, 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 Code. La ayuda de Mailchimp lo describe como el bloque para añadir HTML propio al email, y está en el editor nuevo y en el antiguo. Mailchimp elimina cualquier JavaScript que encuentre; nuestro código no lleva, es una tabla con una imagen. La ayuda no indica en qué planes está disponible.

    Imagen subida, no. Si subes el GIF a Mailchimp, el email apunta a una copia guardada en Mailchimp, con el fotograma del momento de la subida, y el timer deja de contar.

    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, deja el ancho en 600 o menos.
    2. Copia el código de la pestaña HTML.
    3. En Mailchimp, crea o abre la campaña de email y entra en el diseño del contenido.
    4. Haz clic en un bloque Code o arrástralo desde el panel lateral hasta donde quieras el timer, por ejemplo debajo de la cabecera.
    5. Pega el código en el menú Code.
    6. Guarda y comprueba en la vista previa que se ve la imagen.

    El código lleva los & escapados y el color de fondo en la tabla y la celda. Así no aparecen bordes blancos alrededor de la imagen.

    Escribe la fecha límite en texto justo encima o debajo del timer, por ejemplo "Termina el domingo 29 de noviembre a las 23:59 (hora de Madrid)". Quien solo vea el primer fotograma, o tenga las imágenes desactivadas, sigue teniendo la fecha. El texto alternativo de la imagen viene como "Cuenta atrás"; puedes cambiarlo en el código.

    En una automatización

    Los emails de una automatización de Mailchimp se diseñan con el mismo editor. Añade la acción de enviar email al flujo, diseña el email y pega el timer en un bloque Code, igual que en una campaña.

    Según Mailchimp, con el plan Essentials o superior puedes añadir hasta 4 pasos a un flujo, y con Standard o superior, hasta 200.

    Con una fecha fija, la automatización puede enviar el email cualquier día: el GIF mostrará lo que queda hasta esa fecha. Si cada contacto necesita su propio plazo (bienvenida con cupón de 72 horas, fin de prueba), usa un timer evergreen con la etiqueta del contacto.

    Cuenta atrás por contacto

    Un timer evergreen cuenta una duración desde un inicio:

    Para lo segundo, añade la etiqueta del ID único a la URL de la imagen dentro del código:

    https://kauntodaun.com/t/k3x9q2m7ab.gif?rid=*|UNIQID|*
    

    Según la guía de etiquetas de Mailchimp, *|UNIQID|* devuelve el ID único del contacto. Preferimos el ID al email (*|EMAIL|*) porque el email viajaría en la URL de la imagen. Si aun así usas una etiqueta que puede llevar símbolos, Mailchimp ofrece *|URL:ETIQUETA|* para codificarla en una URL.

    Guardamos el ID convertido en un hash. 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 con datos reales. En la vista previa, activa la opción de información merge en vivo para ver las etiquetas sustituidas con los datos de un contacto.
    2. Email de prueba. Te sirve para revisar el diseño. Mailchimp no rellena en las pruebas las etiquetas ligadas al público, así que un timer por contacto se verá contando desde la apertura.
    3. Segmento de prueba. Mailchimp recomienda enviar a un segmento pequeño cuando las etiquetas parecen no funcionar. Crea uno con dos o tres direcciones tuyas, envía y abre cada email dos veces con unos minutos de diferencia. La segunda apertura debe mostrar menos tiempo.
    4. Outlook. Ábrelo 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 con el tiempo restante.

    Problemas conocidos

    Otras plataformas

    Mira también las guías de Klaviyo, HubSpot y Shopify Email. Para campañas con fecha, están listas las cuentas atrás de Black Friday y Cyber Monday.

    Lo que suele preguntarse

    ¿Qué bloque de Mailchimp uso?

    El bloque Code. Según la ayuda de Mailchimp, sirve para añadir HTML propio al email y está en los dos editores, el nuevo y el antiguo.

    ¿Funciona en las automatizaciones de Mailchimp?

    Sí. Los emails de una automatización se diseñan con el mismo editor, así que el bloque Code funciona igual. Según Mailchimp, con Essentials puedes añadir hasta 4 pasos a un flujo y con Standard, hasta 200.

    ¿Qué etiqueta uso para el timer por contacto?

    *|UNIQID|*, que según la guía de etiquetas de Mailchimp devuelve el ID único del contacto. Así no pones el email en la URL de la imagen.

    ¿Por qué en el email de prueba el timer empieza desde el principio?

    Mailchimp no rellena en los emails de prueba las etiquetas ligadas al público. El motor recibe la etiqueta sin sustituir, la ignora y cuenta desde ese momento. Para probarlo de verdad, envía la campaña a un segmento pequeño con tus direcciones.

    ¿Mailchimp elimina algo del código?

    Mailchimp quita cualquier JavaScript del bloque Code. Nuestro código no lleva: es una tabla con una imagen.

    ¿Se ve en Outlook?

    Según Microsoft, Outlook para Microsoft 365, 2021 y 2024 reproduce GIF animados si las animaciones de Windows están activadas. Si no, se ve el primer fotograma, que ya muestra el tiempo restante.

    Fuentes

    1. Bloque Code para añadir HTML propio; se hace clic o se arrastra desde el panel lateral y se pega el código en el menú Code; Mailchimp elimina el JavaScript. mailchimp.com, consultada el
    2. El bloque Code existe en el editor nuevo y en el antiguo; la página no indica restricciones de plan. mailchimp.com, consultada el
    3. *|UNIQID|* devuelve el ID único del contacto; *|EMAIL|* el email; *|URL:ETIQUETA|* codifica el valor para una URL. mailchimp.com, consultada el
    4. Las etiquetas ligadas al público no se rellenan en los emails de prueba; vista previa con información merge en vivo; envío a un segmento pequeño de prueba. mailchimp.com, consultada el
    5. Automatizaciones: acción de enviar email diseñado por ti; hasta 4 pasos con Essentials o superior y hasta 200 con Standard o superior. mailchimp.com, consultada el
    6. Outlook para Microsoft 365, 2021 y 2024 reproduce GIF animados por defecto; con animaciones desactivadas, solo el primer fotograma. support.microsoft.com, consultada el
    7. Apple Mail Privacy Protection descarga el contenido remoto en segundo plano, se abra o no el email. apple.com, consultada el
    8. 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
    Código copiado