Los contadores atrás son una parte importante dentro de una oferta, en el sentido de que le dan el componente de URGENCIA que influye en una compra. Por ello, muchas veces, es un elemento imprescindible dentro de una landing page o de una página de ventas.
Hoy te traigo una herramienta que genera todos los countdown evergreen que desees, y puedas agregarlos a tus diseños, sin utilizar plugins

¿Contadores atrás evergreen?
Lo contadores atrás habituales (como por ejemplo el módulo countdown de Divi) funcionan contando desde la fecha actual hasta una fecha futura definida. Y son una herramienta muy útil.
Sin embargo, habrá ocasiones en dónde querramos tener una oferta que tiene un corto tiempo limitado y queremos que ese conteo se muestre de manera constante.
Si usáramos un countdown tradicional, tendríamos que configurar constantemente la nueva fecha objetivo, cada vez que el contador llegara a cero.
Los contadores perennes o countdown evergreen, mantienen siempre el conteo definido, dando la apariencia de que es una oferta limitada programada. Pero, cuando se recarga la página u otro usuario entra, se verá el conteo empezar de nuevo.
Ésto hace que todo el tiempo se muestre, por ejemplo, dos horas de tiempo limitado:Recuerda que tenemos muchos otros tutoriales geniales cómo éste, varios con herramientas incluídas:
Cómo usar la herramienta
La herramienta genera el código de contadores atrás evergreen, listo para copiar y pegar.
DURACIÓN DEL COUNTDOWN: Lo primero que deben ingresar es el tiempo que desean que cuente en countdown. El tiempo debe estar en minutos. Por ejemplo, si desean que cuente 3 horas, deberían poner 180. (Ya que 180 minutos es 3 horas).
MENSAJE DEL COUNTDOWN (OPCIONAL): Pueden poner un mensaje que se mostrará junto al contador. Si no desean mostrar ningún mensaje, dejen éste campo en blanco.
ESTILOS PARA EL MENSAJE: En caso hayan agregado un mensaje para mostrar, aquí podrán elegir el color y tamaño de la letra.
DISPLAY: Aquí pueden elegir cómo se mostrará el contador. Si será como un bloque, es decir que el contenedor ocupará todo el ancho y no podrá tener otros elementos a su lado. (Como ejemplo el contador naranja que aparece al empezar el artículo); o si será inline, lo cual significa que se podrá integrar dentro de un párrafo, o junto a otros elementos dentro de una línea o fila. (Como por ejemplo el contador negro que se ve más arriba).
ALINEACIÓN: Pueden elegir la alineación del contador. Ésto sólo funciona si se muestra como bloque, ya que el contenedor ocupa todo el ancho, podemos elegir si el contador se mostará a la izquierda, centro o derecha
ESTILOS PARA LOS VALORES NUMÉRICOS: Pueden elegir el color de fondo, el color de letra y el atamaño de letra de los números del contador.
ESTILOS PARA LAS ETIQUETAS: Se puede elegir el color de letra y el tamaño de letra de las etiquetas: dias, hrs, min y seg.
Herramienta generador de Contadores atrás Evergreen
Genera todos los contadores atrás evergreen que quieras:
Contenido Gratuito bloqueado
Para desbloquear el contenido oculto de los tutoriales gratuitos, simplemente inicia sesión. Si no tienes una cuenta, solicita el enlace de registro desde el botón de abajo:
Más ejemplos
Mira todos los contadores que creamos en menos de 5 segundos, gracias a la herramienta:
Seguro que éstos otros artículos también te encantarán:
¿Dónde agregar el código generado?
En cualquier parte de tu diseño que te permita agregar HTML personalizado. Por ejemplo si usas Divi, en el módulo Código. Si utilizas Elementor o Gutenberg, en el módulo HTML personalizado.
0 comentarios