Temporizadores de Cuenta Atrás

Opciones de personalización del temporizador de cuenta atrás

Última actualización

Encontrarás la mayoría de las opciones de diseño en el Diseño visual y Texto y etiquetas secciones del editor de temporizadores. La vista previa se actualiza a medida que vas haciendo cambios. Los ejemplos que te muestro a continuación te enseñan cómo afecta cada opción a un temporizador real.

Diseño visual

La sección «Diseño visual» del editor del temporizador, con opciones de tamaño, estilo, colores y fondo junto a la vista previa del temporizador

Tamaño

Elige entre las tallas XS y XL. Los temporizadores más grandes también son más nítidos.

El mismo temporizador de progreso circular en los tamaños XS, S, M, L y XL, con un ancho que va de unos 200 a 800 píxeles

Estilo

Haz clic en el estilo actual para verlos todos en Elige un nuevo estilo de temporizador. ElFree plano incluye el estilo «Classic»; el «Micro» añade 10 más (Clean, Blocks, Arcs, Pill Bar y sus variaciones); y el «Standard» y los planes superiores desbloquean todos los estilos, incluidos los estilos de movimiento en los que los números se desplazan entre fotogramas (Smooth Flip, Ticks, Ring Progress y más). Activa Usar los colores seleccionados actualmente para que mantengas tus colores al cambiar de estilo.

La ventana «Seleccionar un nuevo estilo de temporizador», con los estilos agrupados por plan: Gratuito, Micro y superiores, y Estándar y superiores

Aquí tienes seis de ellos en los colores de Sendtric:

Seis estilos de cronómetros en azul marino y azul: Classic, Blocks, Arcs, Pill Bar, Smooth Flip y Ring Progress

Temporizador vertical

Apila las unidades en lugar de mostrarlas en fila (en el nivel Estándar y superiores). Los estilos de bloques también ofrecen Etiqueta lateral, que coloca cada etiqueta junto a su número.

Un temporizador «Blocks» en fila, el mismo temporizador apilado verticalmente y apilado verticalmente con las etiquetas al lado de los números

Colores

Conjunto Dígitos y Etiquetas, o un color distinto para cada unidad con Colores distintos para cada dígito y Colores individuales para las etiquetas. La mayoría de los estilos también tienen uno o dos Acentos colores para sus anillos, barras o bloques.

Un temporizador con un color para los dígitos y otro para la etiqueta; el mismo temporizador con un color diferente para cada unidad; y un temporizador «Ring Progress» con anillos de color naranja

Antecedentes

Elige un Color liso, Transparente (Standard y superiores) o Subir imagen de fondo (Micro y superiores). Un fondo sólido es un recuadro de un solo color. Uno transparente deja que se vea el correo que hay detrás, pero los bordes pueden quedar un poco irregulares. Mira Cómo usar tu propia imagen de fondo con un temporizador y ¿Por qué se ve borroso mi temporizador de cuenta atrás con fondo transparente?

Un temporizador con un fondo azul claro liso que aparece como un recuadro en una sección de correo electrónico con degradado, y el mismo temporizador con un fondo transparente por el que se ve el degradado

Relleno

Añade espacio alrededor del temporizador por cada lado, de 0 a 100 píxeles (en la versión Estándar y superiores). El espacio adicional se rellena con el fondo del temporizador. Eliminar todo el relleno pone cada lado a 0, y Restablecer a los valores predeterminados vuelve al espaciado propio del estilo.

Los ajustes de «Padding», con los campos «Arriba», «Derecha», «Abajo» e «Izquierda», y los botones «Eliminar todo el relleno» y «Restablecer valores predeterminados»
Un temporizador de bloques con el relleno predeterminado, al que se le han añadido 20 píxeles a la izquierda y a la derecha, y 30 píxeles por cada lado, con una línea discontinua que marca el borde de cada imagen

Opción de vencimiento

¿Qué se ve cuando se acaba el temporizador? Mira cómo elegir qué se muestra cuando se acaba el temporizador.

Texto y etiquetas

La sección «Texto y etiquetas» del editor del temporizador, con las opciones «Idioma», «Etiquetas personalizadas», «Ocultar etiquetas», «Visualización», «Fuentes», «Tamaño de fuente de las etiquetas», «Posición de la altura de las etiquetas» y «Activar contorno de texto»

El lenguaje y las etiquetas

  • Idioma: 47 idiomas para las etiquetas. Mira Cómo cambiar el idioma de tus widgets.
  • Etiquetas personalizadas o Ocultar etiquetas (planes de pago).
  • Pantalla: elige qué unidades quieres que se muestren: años, días, horas, minutos y segundos.
El mismo temporizador con las etiquetas predeterminadas, con las etiquetas personalizadas D H M S, con las etiquetas ocultas y con los segundos desactivados

Fuentes

Elige entre más de 900 fuentes de Google Fonts para los dígitos y las etiquetas por separado. ElFree plano incluye Roboto, Droid Sans Mono y Noto Sans. Las cuentas Enterprise también pueden usar sus propias fuentes. Ver Cómo subir fuentes de marca personalizadas.

El mismo temporizador en cuatro tipos de letra: Roboto, Archivo Black, Oswald y Playfair Display

Tamaño de la fuente de la etiqueta y posición de la altura de la etiqueta

Aumenta o reduce el tamaño de las etiquetas y muévelas hacia arriba o hacia abajo con respecto a los dígitos (en la versión Estándar y superiores).

El mismo temporizador con las etiquetas predeterminadas, con etiquetas más grandes y con las etiquetas situadas más abajo de los dígitos

Esquema del texto

Activar contorno de texto (Nivel «Power» y superiores) dibuja un contorno alrededor de los dígitos, las etiquetas o ambos. Elige Aplicar a Numbers, Aplicar a las etiquetas, el Ancho del contorno y el Color del contorno. Ayuda a que el temporizador destaque en fondos con mucho detalle y en el modo oscuro, y hace que los temporizadores pequeños o transparentes se vean más nítidos.

La opción «Activar contorno de texto» está activada, con las opciones «Aplicar a números», «Aplicar a etiquetas», «Ancho del contorno» y «Color del contorno»
Un temporizador blanco sobre fondo azul, sin contorno, con un contorno azul marino de 2 píxeles alrededor de los números y las etiquetas

Alineación

Elige Alinear a la izquierda, Alinear al centro o Alinear a la derecha ponlo encima del código antes de copiarlo.

Guarda tu diseño para la próxima vez

Guarda un diseño como plantilla y crea nuevos temporizadores a partir de él. Mira Cómo usar las plantillas de temporizador.

Si quieres saber más sobre los temporizadores de cuenta atrás por correo electrónico, echa un vistazo a nuestro Página del temporizador de cuenta atrás por correo electrónico.

Relacionado

¿Te ha sido útil este artículo?

Haz clic en la imagen para ampliarla. Arrastra o desplázate para moverte.