ℹ️ Note: Este artículo fue traducido automáticamente usando AI y puede contener imprecisiones. Si algo se ve mal, póngase en contacto con nuestro equipo de apoyo.

Hoppy Countdown Timer ofrece varios tipos de cuenta atrás para que pueda crear urgencia en diferentes áreas de su tienda, desde páginas de productos y cajones de carrito hasta campañas de checkout y email.

Cada tipo de cuenta atrás está diseñado para un área de colocación específica y viene con su propio comportamiento, configuración y lógica del almacén. Elegir el tipo correcto le ayuda a mostrar temporizadores exactamente donde más importan 🎯

⚠️ Antes de empezar

Para explorar tipos de cuenta atrás:

→ Abrir el Hoppy Countdown Timer app
→ Crear cuenta atrás
→ Seleccione un tipo de cuenta atrás de las opciones disponibles

Una vez seleccionada, la página de configuración se abre con ajustes adaptados a ese tipo específico.

ℹ️ No todos los ajustes aparecen para cada tipo. La aplicación muestra dinámicamente sólo los campos relevantes para su cuenta regresiva seleccionada.

🏷️ Time Labels

Control de etiquetas de tiempo que las etiquetas de unidad se muestran junto con el temporizador de cuenta atrás.

Por defecto, los contadores muestran todas las etiquetas disponibles:

• Días
• Hrs
• Mins
• Secs

Los comerciantes pueden habilitar o deshabilitar individualmente estas etiquetas dependiendo de cómo quieren que el temporizador aparezca en el escaparate.

Ejemplo

Una pantalla de cuenta atrás: 02 Días : 14 Hrs : 30 Mins : 45 Secs se puede simplificar desactivando etiquetas seleccionadas, tales como: 14 : 30 : 45 o 02 Días : 14 Hrs dependiendo de los requisitos de la campaña.

Cómo funciona

Dentro del editor de cuenta atrás, localice el Mostrar etiquetas de tiempo sección.

Puede elegir qué etiquetas deben ser visibles:

• Días
• Hrs
• Mins
• Secs

Cuando una etiqueta está deshabilitada:

• El valor de tiempo correspondiente continúa funcionando normalmente.
• Sólo la etiqueta de texto está oculta en la pantalla de la tienda.

Esto permite a los comerciantes crear un diseño de cuenta atrás más limpio o compacto, preservando la precisión del temporizador.

⚠️ Importante: Time Labels solo controla la visibilidad de las etiquetas de texto. No afectan cómo la cuenta regresiva misma calcula o muestra tiempo.

📍 Tipos de cuenta atrás basados en la ubicación

Estos definen Donde la cuenta regresiva aparece en tu escaparate.

🛍️ Página

• Lo que hace: Muestra un bloque de cuenta atrás en las páginas de producto, colocado debajo del botón Añadir al carrito.
• Mejor para: Crear urgencia en productos individuales.

Opciones de ubicación

• Todos los productos — Muestra en cada página de producto.
• Productos específicos — Elija productos individuales a través de Shopify Receptor de recursos.
• Productos con etiquetas específicas - Productos de destino que se ajustan a las etiquetas que se definen.
• Productos en colecciones específicas - Productos blancos dentro de determinadas colecciones.
• Aduanas — Utilice el ID de cuenta atrás en su editor de temas o pegar un fragmento de código manualmente.

Comportamiento predeterminado

• Título: "¡Arriba!"
• Subheading: "Sale termina en"
• Muestra todas las unidades de tiempo: días, horas, minutos, segundos
• Barra de progreso se oculta por defecto
• No hay botón de llamada a acción por defecto

📶 Top / Bottom Bar

• Lo que hace: Muestra una barra de cuenta atrás fija o pegajosa en la parte superior o inferior de su tienda.
• Mejor para: Anuncios de toda la tienda, ventas flash o plazos de envío.

Opciones de ubicación

• Cada página - Visible en toda tu tienda.
• Página de inicio - Sólo en la página principal.
• Todas las páginas de productos - Cada página de productos.
• Productos específicos - Sólo en productos seleccionados.
• Todas las páginas de colección - Cada página de colección.
• Colecciones específicas - Sólo colecciones seleccionadas.
• Aduanas — Colocación manual usando ID de cuenta atrás o fragmento de código.

Puesto " Comportamiento "

• Posición: Elija Top o Bottom.
• Pegado: Cuando se establece en Top, puede permitir el comportamiento pegajoso para que la barra se mantenga visible mientras se desplaza.
• Cerrar Icon: Los merchantes pueden activar un botón cercano. Cuando un cliente descarta la barra, permanece oculto usando el almacenamiento del navegador.

Comportamiento predeterminado

• Incluye un botón CTA por defecto
• Cerrar icono está habilitado por defecto
• Los enlaces de botón y el texto son configurables

🗂️ Landing Page (Collection Page)

• Lo que hace: Muestra un bloque de cuenta atrás en las páginas de recogida.
• Mejor para: Ventas específicas de colección, campañas estacionales o promociones de categoría.

Opciones de ubicación

• Todas las páginas de colección - Cada página de colección.
• Colecciones específicas - Sólo colecciones seleccionadas.
• Aduanas — Colocación manual usando ID de cuenta atrás o fragmento de código.

Comportamiento predeterminado

• Incluye un botón CTA por defecto
• Soporta acciones de barra completa clicable
• Inyectado antes del área de contenido principal

🛒 Página

• Lo que hace: Muestra una cuenta atrás en la página del carrito y dentro del cajón del carrito cuando se agregan los artículos.
• Mejor para: Reducir el abandono del carrito con urgencia de salida.

Opciones de ubicación

• Parte superior del carrito - Colocado en la parte superior del contenido del carrito.
• Aduanas — Colocación manual usando ID de cuenta atrás o fragmento de código.

Comportamiento especial

• Timer comienza cuando el primer artículo se añade al carrito. La aplicación detecta las acciones adicionales automáticamente.
• Si el carrito queda vacío, se elimina la cuenta regresiva.
• El título es compatible con {timer} marcador de posición para que el temporizador en vivo aparezca en línea dentro de su mensaje.

Comportamiento predeterminado

• Sólo se muestran horas, minutos y segundos (no días).
• Cierre por defecto.
• Título predeterminado: "Hurry up sale termina en {timer}"

📄 Página de inicio

• Lo que hace: Igual que Cart Page, pero sólo en el /cart página - no en el cajón del carrito.
• Mejor para: Merchants who want countdown urgency strictly on the dedicated cart page.

Comportamiento frontal

• Sólo los renders en el /cart nombre de ruta.
• No se adjunta o aparece dentro del cajón del carrito.

🗃️ Cart Drawer

• Lo que hace: Igual que Cart Page, pero sólo dentro del cajón del carrito - no en /cart página.
• Mejor para: Tiendas donde los clientes utilizan principalmente el cajón del carrito en lugar de visitar la página del carrito completo.

Comportamiento frontal

• Sólo los renders dentro del cajón del carrito.
• Utiliza un MutationObserver para detectar cuando el cajón abre e inyecta la cuenta regresiva automáticamente.
• No aparece en el /cart página.

💳 Página de inicio

• Lo que hace: Muestra una cuenta regresiva directamente en el Shopify Pagina de salida.
• Mejor para: La urgencia final para completar la compra.

Requisitos importantes

⚠️ Shopify Más plan es necesario. Este tipo de cuenta atrás sólo está disponible para Shopify Más comerciantes porque utiliza Shopify Extensión de la interfaz de usuario.

Opciones de ubicación

• Render del bloque de compra — Colocación de bloques personalizados configurada por el comerciante dentro del editor de checkout.

Limitaciones de diseño

Porque las páginas de verificación usan Shopify's UI Extension framework:

• La selección de fuentes se limita a ShopifyEs opciones predefinidas.
• Los estilos de temporizador están restringidos a Shopify's tamaño de texto y presets de color.
• No se dispone de plantillas y opciones avanzadas de estilo.
• Sólo una cuenta regresiva publicada está permitido por tienda.

Acciones finales disponibles

Sólo Unpublish y Nada. están disponibles. Otras acciones finales como mensajes personalizados, extender o reiniciar no son compatibles para las cuentas de salida.

Comportamiento predeterminado

• Título: "¡Arriba! La venta termina en {timer}"
• Cierre por defecto

Tipos de comportamiento temporal

Estos definen cómo el temporizador de cuenta atrás se comporta con el tiempo. Las opciones disponibles dependen del tipo de colocación que haya seleccionado.

📅 Cuenta atrás a una fecha

• Lo que hace: Cuenta con una fecha y hora fija específica.
• Mejor para: Ventas Flash, lanzamientos de productos o plazos de eventos.

Ajustes

• Tipo de inicio:
• • Ahora - El temporizador se hace visible inmediatamente.
  • Más tarde — El temporizador se hace visible sólo después de la fecha de inicio que configura.
• Fecha de inicio — Aparece sólo si el Tipo de Inicio se establece en "Más tarde".
• Fecha final — La fecha y hora exactas cuando la cuenta regresiva alcanza cero.

Minutos fijos

• Lo que hace: Empieza una cuenta regresiva desde un número fijo de minutos para cada sesión de visitantes.
• Mejor para: Creando urgencias por sesión como "Tu carrito está reservado para 15 minutos".

Ajustes

• Minutos — Introduzca la duración en minutos (por defecto es 120).

Comportamiento frontal

• El temporizador comienza fresco en cada página cargada.
• Cuando el tiempo se agota, la cuenta regresiva termina basándose en la acción final seleccionada.

🔁 Daily Recurring Timer

• Lo que hace: Repita la cuenta regresiva en días seleccionados de la semana entre los tiempos de inicio y final configurados.
• Mejor para: Ventas flash diarias, horas felices o promociones recurrentes.

Ajustes

• Días seleccionados — Elige qué días de la semana debe aparecer la cuenta regresiva.
• Hora de inicio — Horarios, minutos y indicador AM/PM.
• Hora final — Horarios, minutos y indicador AM/PM.

Comportamiento frontal

• Si el tiempo final es más temprano que el tiempo de inicio (por ejemplo, 10 PM a 2 AM), la aplicación maneja automáticamente la transición nocturna.
• La cuenta atrás es completamente escondido en días que no son seleccionados.

📊 Interval Timer

• Lo que hace: Se establece hasta 7 intervalos de cuenta atrás separados, cada uno con su propia fecha de inicio y final.
• Mejor para: Campañas multifase, ventas escalonadas o eventos de una semana con diferentes períodos de urgencia.

Ajustes

• Intervalos — Añada hasta 7 intervalos, cada uno con un horario de inicio y final.

Comportamiento frontal

• La cuenta regresiva sólo aparece durante un intervalo activo.
• Si el tiempo actual cae entre intervalos, la cuenta regresiva está oculta.
• Las intervenciones se evalúan secuencialmente.

👤 Período de sesiones

• Lo que hace: Comienza una cuenta atrás única para cada visitante y persiste en las actualizaciones de la página usando el almacenamiento del navegador.
• Mejor para: Per-visitor urgencia que no se reinicia cuando navegan a otra página.

Ajustes

• Minutos — Introduzca la duración de la sesión en minutos.

Comportamiento frontal

• En la primera visita del visitante, el temporizador comienza y almacena los tiempos de inicio y final en el almacenamiento del navegador.
• En las visitas posteriores, el temporizador vuelve de donde se fue.
• Si el almacenamiento del navegador está despejado o dañado, se crea una nueva sesión automáticamente.

🎯 Lo que sucede Cuando el temporizador termina

Cada tipo de cuenta atrás soporta acciones finales que controlan lo que sucede cuando el tiempo llega a cero.

End Action

Comportamiento

Unpublish

Oculta la cuenta regresiva completamente desde el escaparate

Mensaje personalizado

Reemplaza el temporizador con un título personalizado y subpartida que define

Extender

Añade tiempo extra (60–600 segundos) con un mensaje opcional. Usted puede encadenar múltiples extensiones juntos

Restart

Reinicie la cuenta regresiva desde ahora con la duración original

Nada.

El temporizador se detiene pero el contenido de cuenta atrás se mantiene visible

Borrar el carro

Limpia el carrito del cliente y recarga la página. Solo disponible para los recuentos relacionados con el carrito

End Action Disponibilidad por tipo

• Tipos de normas (Página de producto, Top/Bottom Bar, Landing Page): Todas las acciones finales excepto Borrar Carrito.
• Tipos de carro (Cart Page, Cart Drawer, Cart Page Standalone): All end actions including Delete Cart.
• Page: Sólo impune y nada.

⚠️ Notas importantes

Timer Tipo Disponibilidad por Placement

No todos los tipos de comportamiento del temporizador están disponibles para cada colocación:

• Página de producto, Top/Bottom Bar, Landing Page: Todos los tipos de temporizador disponibles (Date, Minutes, Recurring, Interval, Session).
• Cart Page, Cart Drawer, Cart Page Standalone: Sólo Minutos fijos tipo timer está disponible.
• Page: Sólo Minutos fijos tipo timer está disponible.

Restricciones de la página de checkout

• Requisitos Shopify Plus plan.
• Sólo uno La cuenta regresiva de checkout se puede publicar por tienda a la vez.
• Las opciones de diseño se limitan a Shopify's checkout UI presets.

Tipos de carro son Mutually Exclusivo

Cart Page, Cart Page Standalone y Cart Drawer son similares pero sirven diferentes propósitos:

• Uso Página si quieres la cuenta atrás tanto en la página del carrito como en el cajón del carrito.
• Uso Página de inicio si sólo lo quieres en el /cart página.
• Uso Cart Drawer si solo lo quieres dentro del cajón del carrito.

💡 Use casos " Ejemplos

Venta Flash en Páginas de Producto

→ Seleccionar Página
→ Colocación: Productos específicos (seleccionar artículos de venta)
→ Timer: Cuenta atrás a una fecha
→ End Action: Unpublish

Fecha límite de envío de la tienda

→ Seleccionar Top / Bottom Bar
→ Lugar: Cada página
→ Posición: superior + pegajoso
→ Timer: Daily Recurring (por ejemplo, Lunes a Viernes, 9 AM a 5 PM)
→ End Action: Custom Message — "Orders placed after 5 PM ship tomorrow"

Cart Abandonment Urgency

→ Seleccionar Página
→ Colocación: Parte superior del carrito
→ Hora: Minutos fijos (por ejemplo, 30 minutos)
→ Título: "Completa tu orden dentro de {timer} para asegurar tus artículos"
→ Acción Final: Borrar Carrito

Entrada final

→ Seleccionar Página de inicio ()Shopify Más sólo)
→ Timer: Minutos fijos (por ejemplo, 15 minutos)
→ Título: "Hurry up! La venta termina en {timer}"
→ Acción Final: Nada

🚀 Resultado final

Una vez configurado correctamente:

✅ Cuenta atrás aparecen exactamente donde los quieres
✅ El comportamiento del temporizador coincide con sus objetivos de campaña
✅ Las acciones finales manejan la caducidad con gracia
✅ Los clientes experimentan una urgencia constante en las páginas de productos, carrito, checkout y correo electrónico
✅ Cada tipo de colocación respeta sus propias reglas de visibilidad, condiciones de selección y limitaciones de diseño

Elegir el tipo de cuenta atrás adecuado asegura que su mensaje de urgencia se muestra a los clientes adecuados, en el momento adecuado, en el lugar correcto ✨

Actualizado el: 10/09/2026