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

En resumen

En el editor visual de Mailrelay, arrastra un elemento Imagen y pega la URL del timer en el campo URL, que admite imágenes desde una dirección pública. No subas el GIF al gestor de medios: quedaría congelado. Si trabajas con el editor Pegar código, pega el HTML del generador. Para un plazo por suscriptor, añade ?rid= con un campo personalizado.

Actualizado el · AP Agency

En el editor visual de Mailrelay, la cuenta atrás entra como imagen desde una URL pública. Arrastras un elemento Imagen, pegas la URL del timer y listo. Esa imagen se pide a nuestro servidor cada vez que alguien abre el email, así que muestra el tiempo que queda en ese momento, aunque el boletín saliera hace días.

Basado en la documentación oficial de Mailrelay, 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é elemento usar

    Imagen con URL pública. Es lo que documenta la guía del editor visual: en la zona de Configuración del elemento Imagen puedes elegir una imagen de tu repositorio o pegar la dirección de una imagen pública en el campo URL. Usa la segunda opción. La guía no dice si Mailrelay guarda una copia de esa imagen en su gestor de medios. Si la guardara, el timer quedaría congelado. Por eso, después de guardar, vuelve al elemento y comprueba que el campo URL sigue mostrando una dirección de kauntodaun.com (o de contadorparaemail.com, en contadores antiguos).

    Editor Pegar código. Si trabajas con tu propio HTML, Mailrelay ofrece en Boletines > Añadir tres opciones avanzadas: pegar código HTML, subir un ZIP o importarlo desde una URL. En ese caso, copia el código de la pestaña HTML del generador y pégalo en el punto de tu plantilla donde quieras el timer.

    Subir el GIF, no. El gestor de medios es la biblioteca donde Mailrelay guarda las imágenes que subes. Una copia subida es un GIF fijo, con el fotograma del momento de la subida.

    El contador regresivo de Mailrelay. La guía del editor visual lo menciona en su índice, pero no explica cómo funciona ni qué opciones tiene. No sabemos si permite un plazo por suscriptor. Si te sirve, úsalo; nuestro timer te da otros estilos y la misma URL para cualquier plataforma.

    En la lista de elementos de esa guía no aparece un bloque de HTML dentro del editor visual, así que dentro de ese editor la vía es la imagen.

    Paso a paso en un boletín

    1. Crea el timer en el generador con la fecha y la zona horaria del cierre. Viene con 600 px de ancho, que encaja en la mayoría de plantillas.
    2. Copia la URL de la pestaña URL.
    3. En Mailrelay, ve a Boletines > Boletines, pulsa +Añadir y elige Nuevo editor con IA > Crear boletín. Ponle nombre en Asunto y pulsa Crear boletín.
    4. En Contenido, pulsa Editar y elige una plantilla o empieza con la IA.
    5. Arrastra el elemento Imagen al sitio donde quieras el timer, por ejemplo encima del botón principal.
    6. En la zona de Configuración, opción Imagen, pega la URL en el campo URL.
    7. Si quieres que el timer lleve a tu oferta, añade el enlace en Configuración de imagen > Dirección del enlace.
    8. Guarda y revisa el resultado en la zona de visualización.

    Escribe también la fecha límite en un bloque de texto, cerca del timer: "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.

    En una automatización

    Ve a Automatizaciones, pulsa +Añadir, ponle nombre y pulsa Crear automatización. En el editor visual, haz clic en Nuevo punto de entrada y elige el disparador, por ejemplo cuando un suscriptor se añade a un grupo. Después añade un bloque Enviar email, con asunto y remitente, y elige el diseño: Importar campaña existente o Editar contenido. En los dos casos, el timer se pone igual que en un boletín.

    Mailrelay crea las automatizaciones deshabilitadas. Para que empiecen a enviar, usa Cambiar estado > Habilitar.

    Según Mailrelay, su cuenta gratuita incluye automatizaciones, con hasta 80.000 emails al mes y 20.000 contactos.

    Con una fecha fija, la automatización puede enviar el email cualquier día y el GIF mostrará lo que queda hasta esa fecha. Para una bienvenida con cupón de 72 horas o un carrito abandonado, donde cada persona tiene su propio plazo, usa un timer evergreen con la variable del suscriptor.

    Cuenta atrás por suscriptor

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

    Las variables de Mailrelay van entre llaves dobles. Su ayuda documenta {{ subscriber.name }} para el nombre y {{ subscriber.custom_fields.ETIQUETA }} para los campos personalizados. No documenta, en las páginas que revisamos, una variable con el ID del suscriptor.

    La opción más limpia es un campo personalizado con tu propio ID de cliente:

    1. En Suscriptores > Campos personalizados, crea un campo de texto. En "Nombre de la etiqueta" escribe, por ejemplo, idcliente (solo letras y números, sin espacios).
    2. Importa tus contactos con ese campo relleno.
    3. Añade la variable a la URL del timer:
    https://kauntodaun.com/t/k3x9q2m7ab.gif?rid={{ subscriber.custom_fields.idcliente }}
    

    Si en el desplegable Variables del editor aparece el email del suscriptor, también funciona. Lo desaconsejamos porque el email viaja en la URL de la imagen; nuestro motor lo guarda convertido en un hash, nunca en claro.

    La ayuda de Mailrelay muestra variables en textos, en el asunto y en la dirección de un enlace, pero no dice si se sustituyen en la URL de una imagen. Si la variable llega sin sustituir o vacía, el motor la ignora y cuenta desde esa apertura, sin romper la imagen. Compruébalo antes de una campaña grande, como explicamos abajo.

    Cómo probarlo antes de enviar

    1. Zona de visualización. El editor muestra el boletín mientras lo editas. Si ves la imagen del timer, la URL es correcta.
    2. Grupo de prueba. La ayuda que revisamos no describe el envío de prueba de Mailrelay. Lo más seguro es crear un grupo con dos o tres direcciones tuyas y enviarle el boletín.
    3. Dos aperturas. Con un timer por suscriptor, abre cada email dos veces con unos minutos de diferencia. La segunda debe mostrar menos tiempo. Si las dos muestran el plazo entero, la variable no se sustituyó.
    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, que ya muestra el tiempo restante.

    Problemas conocidos

    Otras plataformas

    Mira también las guías de Acumbamail, Doppler, Mailchimp y Klaviyo. Para campañas con fecha, están listas las cuentas atrás de Black Friday y Navidad.

    Lo que suele preguntarse

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

    La guía del editor visual de Mailrelay incluye un contador regresivo en su índice, pero no explica cómo funciona ni qué opciones tiene. Si te basta, úsalo. Nuestro timer va como imagen y funciona igual en cualquier plataforma.

    ¿Dónde pego el timer en el editor visual?

    En un elemento Imagen. En la zona de Configuración, opción Imagen, pega la URL del timer en el campo URL. La guía de Mailrelay dice que ese campo admite imágenes desde una URL pública.

    ¿Y si uso el editor Pegar código?

    Pega el código de la pestaña HTML del generador en el punto de tu plantilla donde quieras el timer. Es una tabla con una imagen y no lleva JavaScript.

    ¿Funciona con la cuenta gratuita?

    Según Mailrelay, la cuenta gratuita permite hasta 80.000 emails al mes y 20.000 contactos e incluye automatizaciones. La guía del editor no marca el elemento Imagen como exclusivo de ningún plan.

    ¿Qué variable uso para el timer por suscriptor?

    La ayuda de Mailrelay documenta {{ subscriber.name }} y los campos personalizados con {{ subscriber.custom_fields.ETIQUETA }}. No documenta una variable con el ID del suscriptor. Te recomendamos un campo personalizado con tu propio ID de cliente.

    ¿Mailrelay sustituye la variable dentro de la URL de una imagen?

    Su ayuda muestra variables en textos, en el asunto y en la dirección de un enlace, pero no dice nada de la URL de una imagen. Si no se sustituye, el motor ignora la variable y cuenta desde cada apertura. Pruébalo con un grupo de direcciones tuyas.

    ¿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. Editor visual (Nuevo editor con IA): Boletines > Boletines > +Añadir > Crear boletín; elemento Imagen con Seleccionar imagen del repositorio o imagen desde una URL pública pegada en el campo URL; Dirección del enlace en Configuración de imagen; zona de visualización; el índice incluye 4.14 Añadir un contador regresivo sin desarrollar. help.mailrelay.com, consultada el
    2. Editor HTML para usuarios avanzados en Boletines > Añadir: pegar código HTML, subir ZIP o importar desde URL. help.mailrelay.com, consultada el
    3. Variable {{ subscriber.name }} desde el desplegable Variables, en el editor Pegar código y en el editor con IA. help.mailrelay.com, consultada el
    4. Campos personalizados: Suscriptores > Campos personalizados, Nombre de la etiqueta sin espacios y con letras y números; variable {{ subscriber.custom_fields.sport }}. help.mailrelay.com, consultada el
    5. Nombre de la etiqueta como nombre interno para usar el campo en los boletines. help.mailrelay.com, consultada el
    6. {{ subscriber.custom_fields.URL }} usado en la dirección de un enlace. help.mailrelay.com, consultada el
    7. Gestor de medios: biblioteca para subir imágenes y reutilizarlas en el editor. help.mailrelay.com, consultada el
    8. Automatizaciones: Automatizaciones > +Añadir > Crear automatización; bloque Enviar email con Importar campaña existente o Editar contenido; se crean deshabilitadas y se activan con Cambiar estado > Habilitar. help.mailrelay.com, consultada el
    9. Cuenta gratuita: hasta 80.000 emails al mes y 20.000 contactos, sin tarjeta; incluye automatizaciones. help.mailrelay.com, consultada el
    10. Grupos de suscriptores para elegir destinatarios de un boletín. help.mailrelay.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