Artículos sobre: Sitios

Timers: contadores dinámicos

Los Timers son un elemento visual que permite crear contadores dinámicos (de cuenta regresiva o de cuenta ascendente) para insertarlos en tus campañas de email. El resultado no es un widget interactivo ni un video: es una imagen GIF animada que se genera en tiempo real y se actualiza sola cada vez que el destinatario abre el correo, mostrando siempre el tiempo restante (o transcurrido) exacto en el momento de la apertura.


Esto los convierte en una herramienta muy usada en email marketing para transmitir urgencia, marcar hitos o comunicar el avance de un plazo.


¿Para qué sirve y qué beneficios aporta?
  • Genera urgencia real y verificable: a diferencia de una imagen estática con una fecha estática, el Timer siempre muestra el tiempo correcto, sin importar cuándo se abra el email.
  • Se actualiza solo: no hay que reenviar ni editar la campaña a medida que pasa el tiempo; el GIF se recalcula en cada apertura.
  • Es 100% visual, sin necesidad de código: todo el diseño (colores, tipografía, forma, tamaño) se configura desde un formulario con vista previa en vivo, sin necesidade de HTML ni CSS.
  • Se adapta a cualquier plantilla de email: al ser una imagen, se inserta como cualquier otro elemento dentro del editor de icomm o desde el módulo de personalización.
  • Permite personalización avanzada por URL: con la sección de Seguridad, se puede permitir que cada envío o cada contacto reciba una fecha límite o un estilo distinto, sin crear un Timer por cada caso.


Principales casos de uso
  • Ofertas y promociones con fecha límite: "Termina en 07:14:26:14" para campañas de descuentos, Black Friday, Cyber Monday, últimas horas de una promo, etc.
  • Lanzamientos y pre-venta: contar el tiempo que falta para la apertura de un producto, evento o webinar (cuenta regresiva).
  • Comunicar antigüedad o hitos: mostrar cuánto tiempo lleva activa una campaña, una suscripción o un beneficio (cuenta ascendente).
  • Recordatorios de vencimiento: carritos abandonados, cupones a punto de expirar, renovaciones próximas.
  • Cierre de inscripciones: eventos, webinars o programas con cupo o fecha límite de registro.


Cómo crear un Timer paso a paso


  1. Dirígete a Personalización → Timers y haz clic en Nuevo timer.

  1. Términos y condiciones del servicio

El Módulo de Timers es un servicio pago que se factura por cada visualización generada. Una misma pieza enviada a un destinatario puede generar múltiples visualizaciones facturables. Al activar o utilizar el Módulo, el Cliente acepta expresamente este modelo de cobro y las limitaciones técnicas descriptas en el documento.
Una vez aceptados los Términos y condiciones, confirmás tu acceso al servicio pago y no vas a tener que volver a aceptarlos: a partir de ese momento puedes crear y utilizar Timers con normalidad.



  1. Verás que se abre la pantalla de personalizalización. Utiliza cada panel para configurar el timer según tus necesidades.



A continuación, el detalle de cada sección del formulario.


Personalización de los Timers


Campaña

Datos base del contador:

  • Nombre: nombre interno del Timer (no se muestra en el email).
  • Dirección: Define el sentido del contador.


Opción Cuenta regresiva (cuenta hacia atrás hasta una fecha límite)



  • Termina (solo si Dirección = Cuenta regresiva): Fecha y hora en la que el contador llega a cero, en formato AAAA-MM-DD HH:mm.
  • Zona horaria: Zona horaria que se usa para calcular la fecha (por ejemplo, Europe/Paris). Es un desplegable con buscador que incluye todas las zonas horarias estándar.


Opción Cuenta ascendente (cuenta hacia adelante desde una fecha de inicio)


  • Comienza (solo si Dirección = Cuenta ascendente): Fecha y hora desde la que empieza a contar.
  • Zona horaria: Zona horaria que se usa para calcular la fecha (por ejemplo, Europe/Paris). Es un desplegable con buscador que incluye todas las zonas horarias estándar.
  • Congelar en una fecha (solo si Dirección = Cuenta ascendente): Switch que permite fijar un límite superior para que el contador ascendente deje de sumar al llegar a una fecha determinada, en lugar de seguir contando de forma indefinida.



3.2. Cuando termina (solo Cuenta regresiva)


Cuando cambias la Dirección de "Cuenta regresiva" a "Cuenta ascendente", la sección "Cuando termina" desaparece del formulario, ya que un contador ascendente no tiene un comportamiento de "finalización".


Define qué le pasa al Timer una vez que el contador llega a 00:00. Se elige en el desplegable Comportamiento:



  • Queda en 00:00 (opción por defecto): El reloj se detiene en cero y se queda así.
  • Confeti:

Muestra una animación de celebración una vez llegado a cero.
Colores del confeti: lista de colores en hexadecimal separados por coma (vacío = paleta por defecto). También se puede elegir con los círculos de Paleta. Debajo aparece una "Vista previa al finalizar" con la animación de confeti ya renderizada.




  • Ocultar: La imagen deja de mostrarse una vez vencido.
  • Mensaje: Reemplaza el reloj por un texto fijo. Campo Mensaje (por ejemplo: "¡Oferta terminada!").


  • Imagen de reemplazo:

Muestra otra imagen en lugar del contador.
Campo Imagen de reemplazo: URL de la imagen a mostrar (debe ser una URL pública)



Plantillas

Punto de partida visual rápido: un set de 10 estilos predefinidos que aplican de una sola vez una combinación de colores, forma y tipografía:



Al elegir una plantilla, se actualizan automáticamente los valores de las secciones Formato, Estilo de fondo y Texto (puedes seguir ajustándolos manualmente después). El enlace Restablecer valores, ubicado arriba a la derecha de la sección, devuelve todo a los valores por defecto.


Formato

Controla la estructura y las dimensiones del GIF


Detalle de las opciones:


Campo

Opciones / Rango

Descripción

Disposición

En línea · Apilado · Cajas · Circular · Anillo · Minimalista

Layout general del contador.

Unidades mostradas

Automático · Días, horas, min, seg · Horas, min, seg · Min, seg · Días, horas · Horas, min · Días · Segundos

Qué unidades de tiempo se muestran. "Automático" adapta las unidades según el tiempo restante.

Ancho

Slider en px (ej. 600px)

Ancho del GIF.

Alto

Slider en px (ej. 120–150px)

Alto del GIF.

Espaciado

Slider en px (ej. 10px)

Separación entre los bloques de unidades (días/horas/minutos/segundos).

Alineación

Izquierda · Centro · Derecha

Alineación horizontal del contenido dentro del lienzo.


Estilo de fondo


Subsecciones:
Color

  • Fondo transparente: activa el switch para que el fondo del GIF sea transparente (útil si el email ya tiene un fondo de color propio).
  • Color de fondo (puedes utilizar el selector o el campo hexadecimal, ej. #e1142c).
  • Degradado: activa switch para activar un segundo color y crear un fondo degradado, con su propio campo hexadecimal (ej. #8b0718) y un slider de Ángulo del degradado (en grados, ej. 135°).


Imagen

  • Subir imagen: permite usar una imagen propia como fondo (PNG, JPG, GIF o WEBP, hasta 4 MB).



Forma

  • Radio de esquina: utiliza el slider en px para redondear las esquinas del GIF (0 = esquinas rectas).



Texto

Controla la tipografía de los números y de las etiquetas (DÍAS, HORAS, MINUTOS, SEGUNDOS):


Campo

Descripción

Dígitos

Color de los números (puedes usar el selector haciendo clic sobre el recuadro de color o completar el valor hexadecimal, ej. #ffffff).

Etiquetas

Color de las etiquetas debajo de cada número (puedes usar el selector haciendo clic sobre el recuadro de color o completar el valor hexadecimal, ej. #ffffff).

Fuente de etiquetas

Selector de tipografía. Opciones: Inter, Montserrat, Open San, Oswald, Poppins, Roboto Mono.

Fuente de dígitos

Puedes usar el selector de tipografía, o seleccionar "Igual que las etiquetas" para heredar la misma fuente.

Peso de dígitos / Peso de etiquetas

Sliders de grosor tipográfico (ej. 700 para dígitos, 600 para etiquetas).

Tamaño de dígitos / Tamaño de etiquetas

Alternan entre Automático (se ajusta según el espacio disponible) y Fijar tamaño (permite definir un tamaño en px manualmente).


Etiquetas

Ajustes específicos del texto descriptivo que acompaña a cada número:




Campo

Descripción

Idioma de las etiquetas

Idioma en el que se muestran las etiquetas (ej. Español).

Posición

Ubicación de la etiqueta respecto al número. Puedes elegir: Debajo, Encima o Sin etiquetas).

Capitalización

Cómo se transforma el texto (ej. MAYÚSCULAS).

Etiquetas personalizadas

Permite reemplazar las etiquetas por defecto por texto propio, separado por coma (ej. "días, horas, min, seg").

Título

Texto opcional que se muestra como encabezado del Timer (ej. "¡Últimas horas!").

Espacio bajo el título

Utiliza el slider en px para el espacio entre el título y el contador.

Separador

Carácter que se usa entre bloques de números (por defecto, :).

Rellenar con ceros

Mediante el switch puedes elegir que muestra los números con cero a la izquierda (ej. "03" en vez de "3").


Seguridad

Pensada para escenarios en los que un mismo Timer se reutiliza en distintos envíos o se personaliza por contacto, agregando parámetros a la URL de la imagen:


Campo

Descripción

Exigir firma

Rechaza cualquier URL sin la firma HMAC correcta, evitando que alguien manipule los parámetros del Timer desde afuera.

Permitir override de fecha por URL

Habilita que cada email pase su propia fecha límite mediante el parámetro end= en la URL de la imagen (por ejemplo, para personalizar el vencimiento según cuándo se envió el correo a cada contacto).

Permitir override de diseño por URL

Habilita que cada email pase su propio estilo mediante un parámetro en la URL, permitiendo variantes visuales sin crear un Timer nuevo por cada una.


Recomendación: si vas a usar los overrides por URL, activa también Exigir firma para evitar que se puedan alterar los parámetros del contador de forma no autorizada.


Cómo insertar el Timer en un newsletter


Una vez que guardaste el Timer, tienes dos caminos para insertarlo en un newsletter:


  • Arrastrando el elemento Timer dentro del editor del newsletter: para ello deberás salir del módulo Timer y armaar un nuevo newsletter. En el editor, arrastra el elemento Timer al lugar donde quieras que aparezca. Allí encontrarás el listado de los Timers que ya creaste y tienes guardados, para elegir el que quieras usar sin salir del editor. El detalle completo de este flujo está en Cómo crear un newsletter desde el editor – Timer.
  • Desde el botón "Usar este timer", en la propia pantalla de edición del Timer: este es el camino que se explica a continuación



Usar este timer

  1. Al finzalizar la personalización de tu timer, haz clic en Usar este timer.



  1. Verás que se abre la ventana Usar este timer en un newsletter, con cuatro campos, todos opcionales:


Campo

Descripción

Canal

Canal en el que vas a usar el Timer (ej. "email"). Permite separar los reportes por canal.

Campaña

Identificador corto de la campaña (ej. "cyber2026"), para separar los reportes de esta inserción del resto y obtener estadisticas especificas para cada timer.

Acción

Identificador del envío puntual dentro de la campaña (ej. "recordatorio-2"), útil cuando mandas varios envíos distintos dentro de la misma campaña y quieres diferenciarlos en las estadísticas.

URL de destino

Dirección a la que va a llevar el Timer si el destinatario hace clic sobre él dentro del email.


  1. Completa solo los campos que te sirvan (puedes dejarlos todos vacíos si no necesitas separar reportes) y haz clic en Generar snippet. La ventana se actualiza y muestra:
  • URL de la imagen: la URL del GIF dinámico, ya con el Canal y la Campaña incluidos como parámetros si los completaste.
  • HTML: el código completo, listo para copiar y pegar, que envuelve la imagen en un enlace hacia la URL de destino.



  1. Copia el código HTML y pégalo en tu newsletter siguiendo la guía Cómo insertar código HTML.




Estadísticas del Timer


Una vez creado y utilizado el Timer, puedes consultar su panel de estadísticas para conocer cuántas veces fue visualizado y analizar su uso en las distintas campañas y envíos.



Ten en cuenta que las estadísticas comenzarán a registrar información cuando el Timer sea utilizado en un envío. Por eso, si acabas de crear el Timer o todavía no lo utilizaste en una campaña, es normal que los indicadores aparezcan en cero o sin datos.


Indicadores principales

En la parte superior del panel encontrarás cuatro métricas:



  • Vistas

Indica la cantidad de visualizaciones facturables registradas para el Timer a partir de los logs del CDN.
Una vista se genera cuando el destinatario carga el Timer. Esto significa que Vistas no representa destinatarios únicos: una misma persona puede generar más de una visualización, por ejemplo, si vuelve a abrir el email y el Timer se carga nuevamente.

Recuerda que el servicio de Timers se factura por cada visualización generada.


  • Requests al origen

Muestra la cantidad de solicitudes que necesitaron llegar al servidor de origen para obtener el Timer.
Estas solicitudes corresponden a los casos en los que el contenido no pudo resolverse directamente desde la caché del CDN (cache miss).


  • Tasa de cache hit

Indica qué proporción de las solicitudes del Timer pudo ser atendida directamente desde la caché del CDN, sin necesidad de consultar al servidor de origen.
Este indicador permite entender el funcionamiento de la caché utilizada para entregar el Timer. Una tasa de cache hit más alta significa que una mayor proporción de las solicitudes fue resuelta directamente por el CDN.


  • Aperturas únicas

Muestra una estimación de la cantidad de aperturas únicas asociadas al Timer.
A diferencia de Vistas, este valor busca aproximar la cantidad de destinatarios que visualizaron el contenido sin contabilizar cada nueva carga del Timer como una persona diferente.


Vistas por día

El gráfico Vistas por día permite consultar la evolución de la actividad del Timer a lo largo del tiempo.



Para cada fecha puedes comparar las Vistas registradas con los Requests al origen. Esto permite identificar los días con mayor actividad y observar qué parte de las solicitudes necesitó consultar al servidor de origen.
Por ejemplo, un aumento de las vistas puede coincidir con el envío de una campaña o un recordatorio que incluya ese Timer.


Estadísticas por envío

La sección Por envío permite identificar en qué comunicaciones se utilizó el Timer y consultar los resultados correspondientes a cada una.
La tabla muestra los datos de Canal, Campaña y Acción, junto con las Vistas y Aperturas únicas registradas para cada combinación.



Para poder diferenciar los resultados de esta manera, al generar el snippet del Timer puedes completar los campos Canal, Campaña y Acción. Estos campos son opcionales y sirven justamente para separar los reportes de las diferentes implementaciones de un mismo Timer.
Por ejemplo, si utilizas un mismo Timer en un primer email de una campaña y luego en un recordatorio, puedes asignar una Acción diferente a cada envío para consultar sus estadísticas por separado.
Si no completas estos campos al generar el snippet, el Timer continuará funcionando, pero no contarás con ese nivel de identificación en el desglose de estadísticas. Los campos son opcionales.


Render actual

En Render actual puedes visualizar cómo se está mostrando el Timer en ese momento.


Actualizado el: 17/09/2026

¿Este artículo te resultó útil?

Comparte tu opinión

Cancelar

¡Gracias!