GIF vs HTML

Cómo funcionan realmente las cuentas atrás en email

No son JavaScript. No son HTML. Son GIF generados en un servidor, y precisamente por eso funcionan en todas partes.

Crea tu temporizador gratis 10.000 impresiones gratis al mes · Sin marca de agua
Cómo funcionan realmente las cuentas atrás en email
  • Un GIF nuevo en cada apertura
  • Funciona en cualquier plataforma de email
  • Sin JavaScript, solo una imagen
  • 10.000 impresiones gratis al mes
La respuesta corta

La respuesta corta: son GIF generados en un servidor

Las cuentas atrás para email no funcionan con JavaScript. No son animaciones HTML5. Son imágenes GIF animadas que se generan en un servidor en el momento exacto en que alguien abre tu email. Cada vez que un suscriptor abre el mensaje, el cliente de correo solicita una imagen nueva al servidor del temporizador, que calcula el tiempo restante y genera un nuevo GIF al instante.

Esta es la clave que confunde a la mayoría de los profesionales del marketing: el temporizador no está incrustado en el email. El email contiene una etiqueta <img> que apunta a una URL. Esa URL llama a un servidor que genera y devuelve un GIF con la cuenta atrás actual. Es contenido dinámico entregado a través del elemento con mayor compatibilidad en email: una imagen.

Este enfoque funciona porque todos los clientes de correo del mundo admiten imágenes GIF: Gmail, Outlook, Apple Mail, Yahoo, Samsung Mail y cualquier otro. Sin JavaScript, sin animaciones CSS, sin problemas de compatibilidad. Solo una etiqueta de imagen estándar que apunta a un servidor inteligente.

98 %
de los clientes de email muestran timers GIF

20–50 KB
peso típico de un timer GIF optimizado

0
líneas de JavaScript: es una etiqueta de imagen estándar
Paso a paso

Cómo funcionan los temporizadores GIF generados en servidor (paso a paso)

  1. Configuras tu temporizadorCon una herramienta como ClickTimer, defines la fecha y hora de fin, eliges los colores, seleccionas una fuente (más de 900 opciones) y personalizas el diseño. El configurador genera una URL única que contiene todos tus ajustes como parámetros.
  2. Insertas la URL de la imagen en tu emailPegas la URL generada como una etiqueta <img src="..."> estándar en tu plantilla de email. Funciona en cualquier ESP: Mailchimp, Klaviyo, HubSpot, ActiveCampaign, Brevo… en todos. Es solo una etiqueta de imagen.
  3. El suscriptor abre el emailCuando el suscriptor abre el email, su cliente de correo carga todas las imágenes, incluida la URL del temporizador. Eso lanza una petición HTTP al servidor del temporizador.
  4. El servidor calcula el tiempo restanteEl servidor del temporizador lee la fecha de fin de los parámetros de la URL, calcula la diferencia entre el momento actual y la fecha límite, y determina los días, horas, minutos y segundos que quedan.
  5. El servidor genera un GIF animadoCon tus ajustes de diseño (colores, fuente, tamaño), el servidor genera un GIF animado que muestra la cuenta atrás. La animación suele recorrer unos segundos de cuenta atrás para crear el efecto de tictac. Ese GIF se devuelve como respuesta HTTP.
  6. El cliente de correo muestra el temporizadorEl suscriptor ve una cuenta atrás en directo en su email. Si cierra el email y lo vuelve a abrir una hora después, se envía una nueva petición al servidor y se genera un GIF nuevo con el tiempo restante actualizado.
Comparativa

Temporizadores GIF vs temporizadores HTML: las diferencias clave

A veces oirás hablar de «cuentas atrás HTML» para email. Usan animaciones CSS o incluso JavaScript para mostrar una cuenta atrás directamente en el email. Aunque son técnicamente impresionantes, tienen graves problemas de compatibilidad que las hacen poco prácticas para la mayoría de las campañas de email.

CaracterísticaTemporizadores GIF (ClickTimer)Temporizadores HTML/CSS
Compatibilidad con GmailCompatibilidad totalGmail lo elimina
Compatibilidad con OutlookMuestra el primer fotogramaDiseño roto
Apple MailAnimación completaCompatibilidad parcial
Yahoo MailCompatibilidad totalNo compatible
Precisión en tiempo realSe actualiza en cada aperturaMuestra el tiempo desde el envío
Complejidad de configuraciónPegar 1 URL de imagenEscribir HTML/CSS a medida
Cobertura de clientes de correo~98 % de todos los clientes~40 % de los clientes
El veredicto es claro: los temporizadores GIF son el estándar del sector porque funcionan en todas partes. Solo Gmail tiene más de 1.800 millones de usuarios; si tu temporizador falla en Gmail, has perdido a la mayor parte de tu audiencia. Los temporizadores HTML son una curiosidad técnica, no una solución lista para producción.
Por qué GIF

Por qué los temporizadores GIF ganan en email marketing

Compatibilidad universal

El GIF es el formato de imagen con mayor compatibilidad en email. Cualquier cliente de correo que pueda mostrar imágenes (es decir, todos) puede mostrar un temporizador GIF. Sin alternativas de respaldo, sin renderizado condicional, sin diseños rotos.

Siempre exacto

Como el GIF se genera de nuevo en cada apertura, siempre muestra el tiempo restante correcto. Aunque alguien abra el email 3 días después de enviarlo, el temporizador mostrará el tiempo que queda de verdad, no el tiempo transcurrido desde el envío.

Cero riesgo de implementación

Es solo una etiqueta de imagen. No puedes romper el diseño de tu email con una etiqueta de imagen. No hay JavaScript que se pueda eliminar, ni CSS que entre en conflicto con tu plantilla, ni diferencias entre motores de renderizado que depurar.

Funciona con cualquier ESP

Mailchimp, Klaviyo, HubSpot, ActiveCampaign, Brevo, Omnisend, Campaign Monitor: si puede enviar un email con imágenes, admite cuentas atrás GIF. Sin integraciones, sin plugins, sin configurar ninguna API.

Pruébalo ahora

Crea tu cuenta atrás

Mira cómo se genera el GIF mientras lo ajustas. 10.000 impresiones gratis al mes, sin tarjeta.

Email countdown timer preview: My Countdown

Vista previa a tamaño real

  • El ancho y el alto de bloque definen el tamaño de cada uno de los cuatro bloques; el relleno añade espacio dentro de cada bloque y el espaciado lo añade entre ellos.
  • El tamaño de fuente define el tamaño del bloque hasta que fijes tú un ancho o un alto.
  • Las etiquetas añaden una franja bajo los bloques, o hacen cada bloque más alto cuando van dentro.
Vista previa 636 × 231 px

Fuente

Fuente de la etiqueta

Sigue el tamaño de fuente hasta que lo cambies.

Colores

Configurar por segmento Da a un segmento sus propios colores: unos Seg en rojo sobre unos Días tranquilos.
Color del texto
Fondo del bloque
Color del borde del bloque
Color de la etiqueta
Color del anillo
Color de la pista
Relleno del anillo
Ancho:
Radio del borde:

Tamaño y diseño

Margen exterior

Espacio alrededor de todo el temporizador, fuera de los bloques, donde cabe un anillo más grande que su bloque.

Extras

Etiquetas

La etiqueta va dentro de cada bloque, debajo del número.

Espacio entre los números y sus etiquetas.

Fondo

Countdown Settings

Fecha de fin a las

Inicia sesión en tu panel y accede a más de 50+ ajustes, degradados y otros valores configurables para hacerla realmente única para tu marca.

Minimalista
Minimalista email countdown timer style
Editando
Llamativo
Llamativo email countdown timer style
Editando
Festivo
Festivo email countdown timer style
Editando
Profesional
Profesional email countdown timer style
Editando
Modo oscuro
Modo oscuro email countdown timer style
Editando
Transparente
Transparente email countdown timer style
Editando
The Submariner
The Submariner email countdown timer style
Editando
Tipos

Tipos de cuentas atrás para email

Temporizadores de fecha fija

Cuentan hacia una fecha y hora concretas (por ejemplo, «El Black Friday termina el 30 de noviembre a medianoche»). Todos los suscriptores ven la misma fecha límite. Ideales para: rebajas, lanzamientos de producto, webinars, festividades.

Temporizadores evergreen

Cuentan desde un tiempo relativo (por ejemplo, «24 horas desde que abres este email»). Cada suscriptor tiene su propia fecha límite personal. Ideales para: emails de carrito abandonado, secuencias de bienvenida, fin de pruebas gratuitas.

Temporizadores recurrentes

Se reinician automáticamente (por ejemplo, «La oferta flash semanal termina cada viernes a las 18:00»). Útiles para negocios con promociones periódicas o eventos recurrentes.

Mitos

Mitos habituales sobre las cuentas atrás en email

Mito: «Las cuentas atrás usan JavaScript en el email»

Prácticamente todos los clientes de correo eliminan el JavaScript por motivos de seguridad. Los temporizadores de email de verdad son imágenes generadas en un servidor, no scripts.

Mito: «Los temporizadores GIF son estáticos y no descuentan de verdad»

El GIF contiene un bucle de animación corto (normalmente de 30 a 60 fotogramas) que muestra la cuenta atrás avanzando. Y como se genera un GIF nuevo en cada apertura del email, el punto de partida siempre es exacto.

Mito: «Necesitas conocimientos técnicos para añadir un temporizador a tus emails»

Con herramientas como ClickTimer, configuras tu temporizador de forma visual, copias la URL de la imagen y la pegas en tu editor de email. Si sabes añadir una imagen a un email, sabes añadir una cuenta atrás.

Mito: «Outlook no admite animaciones GIF»

Es cierto que Outlook de escritorio solo muestra el primer fotograma de un GIF. Pero ese primer fotograma sigue mostrando el tiempo restante correcto. El suscriptor ve la fecha límite; simplemente no ve la animación. Outlook.com (web) y Outlook para móvil sí admiten la animación.

Mito: «Los temporizadores ralentizan la carga del email»

Un temporizador GIF bien optimizado suele ocupar entre 20 y 50 KB, menos que la mayoría de las imágenes de producto de tu email. La generación en el servidor tarda milisegundos. No hay un impacto apreciable en el tiempo de carga.

Al llegar a cero

¿Qué pasa cuando el temporizador llega a cero?

Cuando la cuenta atrás termina, el servidor tiene que devolver algo distinto. Con ClickTimer puedes configurar un estado de caducidad: una imagen estática con el texto «Esta oferta ha terminado» o una redirección a un mensaje alternativo. Es una cuestión de profesionalidad: no quieres que tus suscriptores abran un email antiguo y vean «00:00:00:00» con una llamada a la acción que ya no lleva a ninguna parte.

Algunos servicios de temporizadores también admiten URL de redirección: al hacer clic en el temporizador caducado, el suscriptor llega a otra página (por ejemplo, la página principal de tu tienda en lugar de la oferta caducada).
FAQ

Preguntas frecuentes

¿Funcionan las cuentas atrás en Gmail?

Sí. Las cuentas atrás basadas en GIF funcionan perfectamente en Gmail (web y móvil). Gmail admite GIF animados en los emails, así que el temporizador se muestra y se anima correctamente.

¿Funcionan las cuentas atrás en Outlook?

Outlook de escritorio muestra el primer fotograma del GIF (una imagen estática con el tiempo restante correcto). Outlook.com (web) y Outlook para móvil admiten la animación GIF completa.

¿Puedo usar cuentas atrás con Mailchimp?

Sí. Solo tienes que pegar la URL de la imagen del temporizador en un bloque de imagen de tu plantilla de Mailchimp. No necesitas ninguna integración ni plugin.

¿Las cuentas atrás para email son gratis?

ClickTimer ofrece un plan gratuito con 10.000 impresiones al mes y sin marca de agua. La mayoría de las pequeñas empresas pueden probar y validar sin gastar nada.

¿Cuánto cuestan las cuentas atrás para email?

Los planes de pago de ClickTimer empiezan en 4,99 €/mes por 70.000 impresiones, es decir, unos 0,07 € por cada 1.000 visualizaciones. Es bastante más barato que la mayoría de los competidores.

¿Las cuentas atrás aumentan las conversiones del email?

Sí. Los datos del sector indican que los emails con cuenta regresiva consiguen tasas de clic entre un 10 y un 30 % más altas. La mejora exacta depende de tu oferta, tu audiencia y lo bien integrado que esté el temporizador en el diseño del email.

Pruébalo tú mismo gratis

Descubre cómo funcionan las cuentas atrás GIF creando una ahora mismo. Sin registro, sin marca de agua, lista en 30 segundos.

Crea tu cuenta atrás gratis 10.000 impresiones al mes · Sin marca de agua · Sin tarjeta