Cómo funcionan las cuentas regresivas
Las tres partes con las que se construye cada cuenta regresiva: contenido y tiempos, visualización y diseño.
Todas las cuentas regresivas de Countdown Timer Bar Samita se construyen con las mismas piezas, sea cual sea de los cuatro tipos que elijas. Cuando entiendas esto, el resto de la documentación es solo detalle sobre una de ellas.
1. Qué dice y cuándo funciona: la pestaña Settings
Sección titulada «1. Qué dice y cuándo funciona: la pestaña Settings»La pestaña Settings reúne el contenido de la cuenta regresiva y sus tiempos.
El contenido es el texto que lee la persona: un título y un subtítulo en un temporizador, un mensaje de entrega en una fecha de entrega, un mensaje de existencias en una barra de existencias. Los campos de texto pueden contener variables como {stock_number} o {delivered_max_date}, que la aplicación sustituye por valores reales al cargar la página.
Los tiempos son lo que la convierte en una cuenta regresiva. Cómo se ven depende del tipo:
| Tipo | Los tiempos son… |
|---|---|
| Countdown timer | Un Time type: una fecha de fin fija, un número de minutos por visitante o una ventana diaria recurrente |
| Estimated delivery date | Rangos de días de preparación y entrega, días laborables, festivos y una hora límite |
| Stock countdown | Sin reloj: cuenta inventario, no tiempo |
| Cart countdown | Una Countdown duration en minutos, que empieza cuando se ve el carrito de la persona |
2. Dónde aparece: la pestaña Display
Sección titulada «2. Dónde aparece: la pestaña Display»La pestaña Display decide quién ve la cuenta regresiva y dónde se coloca.
Las Conditions la acotan por producto, colección, tipo de página, cliente, idioma o país. Todas las condiciones de la lista se unen con All conditions o Any condition, y una cuenta regresiva solo se muestra cuando la página actual las cumple.
Display position la coloca en la página. Marca Product page y la aplicación sitúa la cuenta regresiva automáticamente, justo debajo de la zona de Add to cart. Para cualquier otro lugar (una sección de la página de inicio, un banner de colección o una plantilla personalizada), copia el Shortcode y colócalo mediante un bloque de aplicación del tema.
Device targeting puede restringirla solo a ordenador o solo a móvil.
Consulta la Descripción general de la visualización para ver el conjunto.
3. Cómo se ve: la pestaña Design
Sección titulada «3. Cómo se ve: la pestaña Design»Los temporizadores de cuenta regresiva y las fechas de entrega estimadas tienen una pestaña Design con colores, fuentes, fondos, bordes, relleno y estilos por elemento. Las cuentas regresivas de existencias y del carrito conservan sus opciones de diseño (más reducidas) dentro de la pestaña Settings.
Todos los tipos terminan con un cuadro Custom CSS (Developer Zone) para lo que los controles no cubren. Consulta Diseñar una cuenta regresiva.
Active o Draft
Sección titulada «Active o Draft»Independientemente de todo lo anterior, cada cuenta regresiva tiene un estado:
- Active: en vivo en la tienda online, sujeta a sus tiempos y condiciones.
- Draft: guardada y editable, pero nunca se muestra.
Lo defines en el editor antes de guardar, y puedes cambiarlo después desde la lista de cuentas regresivas.
Qué hace realmente la tienda online
Sección titulada «Qué hace realmente la tienda online»Cuando alguien carga una página, el script de la inserción de la aplicación comprueba cuáles de tus cuentas regresivas activas coinciden con esa página, calcula el tiempo restante en su navegador y muestra las que coinciden. Nada viene precocinado en tu tema, y por eso los cambios que guardas en la aplicación aparecen sin volver a publicar el tema.
Para la versión completa, consulta Cómo funciona.