Gmail · Outlook · Apple Mail

Compatibilidad de la cuenta atrás con clientes de correo

Asegúrate de que todos tus suscriptores vean tu cuenta atrás, sea cual sea su cliente de correo.

Crea tu temporizador gratis 10.000 impresiones gratis al mes · Sin marca de agua
Compatibilidad de la cuenta atrás con clientes de correo
  • Timers de imagen en más del 90 % de clientes
  • Outlook muestra igual el tiempo restante
  • Se adapta al móvil
  • Sin marca de agua, ni en el plan gratis
Por qué importa

Por qué importa la compatibilidad con los clientes de correo

Las cuentas atrás en el email están entre las herramientas de conversión más potentes al alcance de los profesionales del marketing. Crean urgencia, generan clics y aumentan los ingresos. Pero hay un problema: no todos los clientes de correo las muestran igual. Una cuenta atrás perfectamente animada en Apple Mail puede verse como una imagen estática —o peor, como un recuadro roto— en Outlook. Entender estas diferencias es esencial si quieres resultados coherentes en toda tu base de suscriptores.

El panorama del renderizado de emails está fragmentado. Gmail usa su propio proxy de imágenes. Outlook se basa en el motor de renderizado de Microsoft Word. Apple Mail admite GIF animados de forma nativa. Yahoo elimina ciertos atributos HTML. Cada cliente tiene peculiaridades que afectan a cómo ve el usuario final tu cuenta atrás, e ignorarlas supone perder conversiones.

90 %+
de los clientes de correo muestran timers GIF

<55 %
de los clientes admiten animaciones CSS

60 %+
de los emails se abren en el móvil
Cliente por cliente

Cómo gestionan la cuenta atrás los principales clientes de correo

Las cuentas atrás en el email suelen presentarse de dos formas: GIF animados generados en el servidor y servidos como imágenes, o animaciones HTML/CSS insertadas directamente en el email. El primer enfoque —el que usa ClickTimer— ofrece una compatibilidad mucho mayor, porque casi todos los clientes de correo admiten imágenes. El segundo falla en la mayoría de clientes, salvo en Apple Mail y algunos otros que admiten animaciones CSS.

Cliente de correoGIF animadoAnimación CSSCuota de mercado
Apple MailCompatibleCompatible~52 %
Gmail (web)CompatibleEliminada~29 %
Gmail (móvil)CompatibleEliminadaIncl. arriba
Outlook 2019+Solo el primer fotogramaNo compatible~4 %
Outlook.comCompatibleEliminada~3 %
Yahoo MailCompatibleEliminada~3 %
Samsung MailCompatibleNo compatible~2 %
La conclusión: los temporizadores basados en GIF animados funcionan en más del 90 % de los clientes de correo. Las animaciones CSS funcionan en menos del 55 %. Por eso los temporizadores de imagen generados en el servidor siguen siendo el estándar del sector para la cuenta atrás en el email.
Outlook

El reto de Outlook: el primer fotograma como respaldo

Outlook de escritorio (2013, 2016, 2019 y Microsoft 365) usa el motor de renderizado de Word, que solo muestra el primer fotograma de los GIF animados. Por tanto, tu cuenta atrás aparecerá como una imagen estática. La solución es diseñar el primer fotograma del temporizador para que tenga sentido por sí solo: debe mostrar con claridad el valor de la cuenta atrás y el mensaje de urgencia, incluso sin animación.

ClickTimer lo resuelve automáticamente. La imagen del temporizador generada siempre empieza con el estado actual de la cuenta atrás, así que incluso los usuarios de Outlook ven el tiempo restante exacto al abrir el email. No hace falta ninguna configuración adicional. El primer fotograma está optimizado para transmitir urgencia con o sin animación.

Consejo: prueba antes de enviar

Usa herramientas como Litmus o Email on Acid para previsualizar tu cuenta atrás en más de 90 clientes de correo antes de enviar. Céntrate en Outlook de escritorio, Gmail y Apple Mail: estos tres cubren la gran mayoría de tu audiencia. Con el enfoque basado en imágenes de ClickTimer, verás resultados coherentes en todos ellos; la única diferencia es la animación en Outlook de escritorio.

Pruébalo ahora

Crea un timer que funcione en cualquier bandeja

Un timer de imagen que se ve en Gmail, Outlook y Apple Mail. 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
Respaldos

Bloqueo de imágenes, modo oscuro y móvil

Bloqueo de imágenes y estrategias de respaldo

Algunos clientes de correo bloquean las imágenes por defecto hasta que el usuario hace clic en «mostrar imágenes». Las instalaciones corporativas de Outlook suelen hacerlo. Cuando las imágenes están bloqueadas, tu cuenta atrás no se muestra en absoluto. Aquí es donde el texto alternativo se vuelve fundamental. Incluye siempre un texto alternativo descriptivo en la imagen del temporizador, como «La oferta termina en 24 horas — Compra ya», para que el mensaje de urgencia llegue incluso sin la cuenta atrás visual.

Además del texto alternativo, piensa en el diseño de tu email. No confíes solo en la cuenta atrás para transmitir urgencia. Refuerza la fecha límite en el titular, en el texto y en el botón de llamada a la acción. El temporizador debe amplificar la urgencia, no ser su única fuente. Así, incluso los suscriptores con las imágenes bloqueadas entenderán que tu oferta tiene un tiempo limitado.

Compatibilidad con el modo oscuro

El modo oscuro se ha generalizado y afecta al aspecto de las cuentas atrás. Apple Mail, Gmail y Outlook tienen variantes en modo oscuro que pueden invertir los colores o añadir fondos oscuros detrás de las imágenes. Una cuenta atrás con fondo blanco puede desentonar en un email oscuro. Plantéate usar fondos transparentes o combinaciones de colores adaptadas al modo oscuro para tus temporizadores.

ClickTimer ofrece fondos y opciones de color personalizables, para que crees temporizadores que se vean bien tanto en modo claro como en modo oscuro. Lo mejor es elegir un color de fondo que combine con el diseño de tu email en ambos modos, o usar un fondo blanco roto o neutro que funcione en todas partes.

Consideraciones para móvil

Más del 60 % de los emails se abren en dispositivos móviles, así que tu cuenta atrás debe verse bien en pantallas pequeñas. Los temporizadores de imagen se adaptan bien porque responden al ancho de su contenedor. Define width="100%" en la imagen del temporizador en tu HTML para que se redimensione con fluidez. Evita anchos fijos en píxeles que puedan provocar desplazamiento horizontal en el móvil.

Ten en cuenta también el tamaño del archivo. Los GIF pesados cargan despacio en redes móviles, lo que puede hacer que tu temporizador aparezca en blanco durante varios segundos. ClickTimer genera imágenes optimizadas que equilibran calidad visual y peso, normalmente por debajo de 50 KB, para que carguen rápido incluso con conexiones 3G.

FAQ

Preguntas frecuentes

¿Funcionan las cuentas atrás en Gmail?

Sí. Gmail admite por completo las cuentas atrás basadas en GIF animados como las de ClickTimer. Gmail almacena las imágenes en caché a través de su proxy, y el temporizador se actualiza cada vez que se abre el email.

¿Por qué mi temporizador se ve estático en Outlook?

Outlook de escritorio usa el motor de renderizado de Word, que solo muestra el primer fotograma de los GIF. El temporizador sigue mostrando el valor correcto de la cuenta atrás, simplemente no está animado. Esto afecta a un pequeño porcentaje de las aperturas.

¿Cómo gestiono el bloqueo de imágenes?

Añade siempre un texto alternativo descriptivo a la imagen del temporizador y refuerza la urgencia en el texto del email. Así el mensaje llega incluso cuando las políticas de correo corporativas bloquean las imágenes.

¿Funcionará mi temporizador en modo oscuro?

Sí, pero ten en cuenta el color de fondo del temporizador. Usa fondos neutros o complementarios que se vean bien en modo claro y oscuro. Las opciones de personalización de ClickTimer lo ponen fácil.

Prueba ClickTimer gratis

Crea tu primera cuenta atrás en 30 segundos. Funciona en todos los principales clientes de correo.

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