Contador

Este componente te permite agregar una sección que mostrará un reloj de cuenta regresiva o temporizador, lo cual puede ser muy útil para, por ejemplo:

• Aumentar la urgencia y las conversiones: al mostrar un temporizador, los clientes sienten la necesidad de actuar antes de que la oferta expire. Esto normalmente lleva a una toma de decisiones más rápida y a un incremento en las conversiones.
• Destacar ofertas especiales: al incluir un título, subtítulo y descripción, puedes resaltar promociones importantes y asegurarte de que tus clientes no se las pierdan.
• Mejorar las campañas con límite de tiempo: perfecto para ofertas relámpago, descuentos por tiempo limitado o promociones de eventos, el contador ayuda a alinear tus esfuerzos de marketing con fechas específicas.
• Incrementar el tráfico: al incluir un enlace, los usuarios interesados pueden acceder fácilmente a la página relevante, impulsando el tráfico hacia el destino deseado.

Al hacer clic en el nombre del componente encontrarás opciones generales para personalizarlo, las cuales determinarán cómo se verá y se comportará la sección. Las opciones disponibles para este componente son las siguientes:

Ajustar ancho

Permite definir el ancho del contenedor que contiene todos los elementos dentro del componente.

Al habilitar esta opción, aparecerán las siguientes opciones adicionales:

Ancho

Permite definir el ancho con base en las siguientes opciones:

• Pequeño: define el ancho del contenido en un 75% del espacio disponible.
• Mediano: define el ancho del contenido en aproximadamente un 83% del espacio disponible.
• Grande: define el ancho del contenido en un 91% del espacio disponible.

Posición horizontal

Permite definir la posición horizontal en la que se mostrará el contenido.

---

Opciones del contador

Dentro de este grupo encontrarás opciones para configurar el reloj del componente.

Título

Título que se muestra antes del reloj.

Fecha

Obligatorio. Aquí debes definir la Fecha en la que el reloj se detendrá, por ejemplo: 2023/06/30 (año / mes / día).

Cuando el contador llegue a cero (0), la sección se ocultará automáticamente y dejará de ser visible.

Nota: las barras inclinadas (/) no deben tener espacios antes ni después.

Hora

Opcional. Esta opción aparecerá cuando añadas una Fecha. Aquí puedes definir la hora en la que el temporizador se detendrá.

Ejemplo: 23:59:59 (hora : minutos : segundos)

Nota: los dos puntos (:) no deben tener espacios antes ni después.

Borde

Permite mostrar un borde alrededor del reloj.

---

Opciones de contenido

Este grupo incluye las configuraciones que te permiten mostrar contenido adicional junto al reloj.

Título y descripción

Estas dos opciones se mostrarán al lado izquierdo del reloj en dispositivos de escritorio.
En dispositivos móviles se mostrarán antes del reloj.

Enlace

Permite añadir un enlace a cualquier página de tu tienda. Al hacerlo, aparecerán las siguientes opciones:

• Texto del enlace: texto que se mostrará dentro del botón.
• Enlace externo: si está habilitado, el enlace se abrirá en una nueva pestaña del navegador.
• Estilo contorno: muestra un borde alrededor del botón y un fondo transparente.
• Flecha en el botón: muestra un ícono de flecha al lado derecho del texto del botón.

---

Apariencia

Este grupo contiene las siguientes opciones para personalizar el componente:

• Margen superior: permite controlar el margen superior de la sección.
• Margen inferior: permite controlar el margen inferior de la sección.
• Colores del contenido: permite elegir el Pack de colores para el componente.

---

Animaciones

La opción Personalizar opciones permite ajustar las animaciones para este componente específico. Puedes leer cuáles están disponibles en esta página.