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

En resumen

Brevo no tiene un bloque de cuenta atrás, pero su ayuda cita las cuentas atrás entre los usos del bloque HTML del editor Drag & Drop. Crea el timer aquí, copia el HTML y pégalo en ese bloque, en una campaña o en un email de automatización. Para un plazo por contacto, añade ?rid={{ contact.EMAIL }} a la URL.

Actualizado el · AP Agency

Brevo (antes Sendinblue) no tiene un bloque de cuenta atrás en su editor de emails. Su ayuda propone otro camino: el bloque HTML, que según Brevo sirve justo para widgets, cuentas atrás y código de herramientas externas. Pegas ahí una tabla con la imagen del timer, y esa imagen se pide a nuestro servidor cada vez que alguien abre el email.

Basado en la documentación oficial de Brevo, 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 que recomendamos. Lo arrastras al diseño, pegas el código y Brevo lo muestra al momento en el lienzo. Brevo lo recomienda a usuarios avanzados porque un HTML mal hecho puede descuadrar el email en algunos clientes; nuestro código es una tabla con una imagen y no lleva JavaScript. La ayuda de Brevo no asocia este bloque a ningún plan.

    Bloque de imagen con URL. También sirve para un timer de fecha fija. En el campo Image URL pegas la dirección del GIF (pestaña URL del generador). Según Brevo, esa imagen no se guarda en la biblioteca y se carga desde la URL cada vez que se abre el email. Si en vez de eso arrastras el archivo o lo subes a la biblioteca, Brevo guarda una copia con el fotograma de ese momento y el timer se queda congelado.

    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 Brevo, crea o abre la campaña de email y ve al paso Design con el editor Drag & Drop.
    4. Arrastra un bloque HTML hasta donde quieras el timer. Debajo de la cabecera o encima del botón principal suele funcionar.
    5. Sustituye el contenido del bloque por tu código. En el editor nuevo, el bloque se edita desde el panel de la izquierda.
    6. Guarda y revisa el diseño en Preview & test.

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

    Antes de programar el envío, revisa los ajustes adicionales de la campaña. Deja desactivada la opción Embed images in the email: mete las imágenes dentro del email y el GIF viajaría con el fotograma del envío. Para las imágenes personalizadas de NiftyImages, que funcionan igual que el timer, Brevo pide además dejar Hide Images URL en No; haz lo mismo.

    Escribe la fecha límite en texto cerca 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 bloqueadas, sigue sabiendo cuándo acaba la oferta.

    En una automatización

    En una automatización, el email se crea desde el paso Send an email: añades el paso, creas un mensaje nuevo o eliges uno existente y lo diseñas con el mismo editor Drag & Drop. Repite los pasos 4 a 6.

    Ojo con los mensajes sincronizados: si varios pasos usan el mismo mensaje, Brevo aplica cualquier cambio a todos ellos.

    Con una fecha fija, la automatización puede enviar el email cualquier día y el GIF mostrará lo que queda hasta esa fecha. Si cada contacto necesita su propio plazo (un cupón de bienvenida de 48 horas, un carrito abandonado), usa un timer evergreen con la etiqueta del contacto. Según Brevo, con el plan gratuito pueden entrar hasta 2.000 contactos únicos en tus automatizaciones activas.

    Cuenta atrás por contacto

    Un timer evergreen cuenta una duración, por ejemplo 48 horas. Cambia desde cuándo:

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

    https://kauntodaun.com/t/k3x9q2m7ab.gif?rid={{ contact.EMAIL }}
    

    Brevo escribe sus variables de contacto como {{ contact.ATRIBUTO }}, con el nombre exacto del atributo. Preferiríamos un ID interno al email, porque el email viaja en la URL de la imagen. Brevo guarda un CONTACT_ID por contacto, pero su ayuda dice que solo se obtiene exportando los contactos y no lo muestra como variable para emails. Por eso usamos {{ contact.EMAIL }}, que sí está documentada. Brevo explica este mismo uso (una imagen externa con {{contact.ATRIBUTO}} en la URL, dentro de un bloque HTML) en su guía de NiftyImages.

    El motor convierte el valor en un hash y nunca guarda el email en claro. Si la etiqueta llega vacía o sin sustituir, la ignora y cuenta desde ese momento.

    Cómo probarlo antes de enviar

    1. Vista previa como cliente. En Preview & test, pestaña Preview, elige un contacto y Brevo sustituye las variables con sus datos. Con un timer por contacto, usa tu propio contacto: si la vista previa carga la imagen con el email de un cliente real, su plazo empieza en ese momento.
    2. Email de prueba. Desde la pestaña Send test email, envíalo a tu lista de prueba. Según Brevo, cada destinatario lo recibe como si fuera un cliente, con sus atributos, así que la etiqueta se sustituye. Abre el email dos veces con unos minutos de diferencia: en un timer por contacto, la segunda apertura debe mostrar menos tiempo.
    3. Clientes de correo. La pestaña View in inbox genera vistas en distintos clientes. Según Brevo, solo está en los planes Starter, Standard, Professional y Enterprise.
    4. Outlook. 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 Mailjet, ActiveCampaign, Klaviyo y Mailchimp. 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 Brevo uso?

    El bloque HTML del editor Drag & Drop. La ayuda de Brevo lo describe como el bloque para pegar código de herramientas externas y nombra las cuentas atrás entre sus usos.

    ¿Puedo usar el bloque de imagen en vez del HTML?

    Sí, si pegas la URL del GIF en el campo Image URL. Según Brevo, esa imagen no se guarda en la biblioteca y se carga desde la URL cada vez que se abre el email. Si arrastras el archivo o lo subes a la biblioteca, Brevo guarda una copia y el timer se congela.

    ¿Funciona en las automatizaciones de Brevo?

    Sí. El paso Send an email abre el mismo editor Drag & Drop, así que el bloque HTML funciona igual. Según Brevo, con el plan gratuito pueden entrar hasta 2.000 contactos únicos en tus automatizaciones activas.

    ¿Qué etiqueta uso para el timer por contacto?

    {{ contact.EMAIL }}, la variable del email que documenta Brevo. Brevo guarda también un CONTACT_ID, pero su ayuda no lo muestra como variable para emails. Nuestro motor convierte el email en un hash y nunca lo guarda en claro.

    ¿Qué pasa si activo Embed images in the email?

    Esa opción mete las imágenes dentro del propio email. El GIF viajaría con el fotograma del momento del envío y dejaría de contar. Déjala desactivada.

    ¿El email de prueba sustituye la etiqueta?

    Según Brevo, los destinatarios de prueba reciben el email como si fueran clientes, con sus propios atributos. Para eso tienen que estar en tu lista de prueba con los datos al día.

    ¿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. Bloques del editor Drag & Drop: no hay bloque de cuenta atrás; el bloque HTML sirve para widgets, cuentas atrás y código de terceros. help.brevo.com, consultada el
    2. Bloque HTML frente a editor HTML; JavaScript no funciona; la opción Embed images in the email incrusta las imágenes (límite de 5 MB y 1 MB de HTML); variables escapadas por defecto. help.brevo.com, consultada el
    3. Bloque de imagen: arrastrar o subir guarda la imagen en la biblioteca; con el campo Image URL la imagen no se guarda y se carga desde la URL al abrir el email. help.brevo.com, consultada el
    4. Sintaxis {{ contact.ATRIBUTO }}, atributos por defecto y personalizados; ejemplo {{ contact.EMAIL }}. help.brevo.com, consultada el
    5. CONTACT_ID es un atributo por defecto que solo se obtiene exportando los contactos; EMAIL guarda el email. help.brevo.com, consultada el
    6. Imagen personalizada de un tercero en un bloque HTML con {{contact.ATRIBUTO}} en la URL; dejar Hide Images URL en No. help.brevo.com, consultada el
    7. Vista previa como cliente eligiendo un contacto; email de prueba a la lista de prueba con los atributos de cada destinatario; View in inbox solo en Starter, Standard, Professional y Enterprise. help.brevo.com, consultada el
    8. Paso Send an email de una automatización: el email se diseña con el editor Drag & Drop. help.brevo.com, consultada el
    9. Plan gratuito: hasta 2.000 contactos únicos en automatizaciones activas. help.brevo.com, consultada el
    10. Sendinblue cambió su nombre a Brevo. brevo.com, consultada el
    11. Outlook para Microsoft 365, 2021 y 2024 reproduce GIF animados por defecto; con animaciones desactivadas, solo el primer fotograma. support.microsoft.com, consultada el
    12. Apple Mail Privacy Protection descarga el contenido remoto en segundo plano, se abra o no el email. apple.com, consultada el
    13. 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