Ir al contenido
Instalar gratis
Español
English简体中文繁體中文ČeštinaPróximamenteDanskPróximamenteNederlandsSuomiPróximamenteFrançaisDeutschItaliano日本語한국어Norsk bokmålPróximamentePolskiPortuguêsEspañolSvenskaTürkçe
Abrir en Claude Hacer preguntas sobre esta páginaAbrir en ChatGPT Hacer preguntas sobre esta página

Cuenta regresiva hasta una fecha

Crea un temporizador que cuenta hacia una única fecha límite: el fin de una oferta, un lanzamiento o el cierre de una preventa.

Countdown to a date es el Time type predeterminado y el que quieren la mayoría de las campañas. Todas las personas ven el mismo reloj, que cuenta hacia un único momento que tú eliges. Cuando ese momento llega, el temporizador hace lo que le hayas indicado para el cero.

Úsalo para una oferta que termina de verdad, un producto que se lanza de verdad o un plazo de envío que de verdad respetas.

  1. Abre la aplicación y haz clic en Create countdown, ya sea desde el panel o desde la página Countdowns.

  2. En la página Countdown templates, deja la pestaña de tipo en Countdown timer, elige un diseño y haz clic en Select. Consulta Elegir una plantilla si quieres filtrar por ocasión.

  3. Dale un nombre a la cuenta regresiva en la parte superior del editor, por ejemplo “Spring sale, ends 31 Mar”. Solo lo ves tú.

  4. En la pestaña Settings, abre Content y completa Title, Subtitle y las cuatro etiquetas del temporizador. Todos los detalles en Texto del temporizador y botón.

  5. Abre la sección Setting timer y establece Time type en Countdown to a date. La aplicación lo describe como “Timer ends on a specific date.” y viene seleccionado de forma predeterminada en un temporizador nuevo.

    Time type establecido en Countdown to a date en la sección Setting timer

    Countdown to a date es el Time type predeterminado.

  6. En Date between, establece End con la fecha y la hora en que termina la campaña. Es el momento hacia el que cuenta el temporizador, hasta el segundo.

    Los campos Date between con una fecha y hora de Start y de End

    End es la fecha límite. Start es opcional.

  7. Si dejas Start vacío, el temporizador está activo en cuanto lo guardas.

    Si defines un Start, el temporizador permanece oculto hasta que llega ese momento y entonces aparece solo. Así se programa una oferta con antelación: créala hoy, ponle que empiece el viernes por la mañana, guárdala como Active y olvídate.

  8. Establece When countdown timer end en Do nothing, Hide countdown block o Repeat the timer. Para una fecha límite real, lo habitual es Hide countdown block. Consulta Cuando termina el temporizador.

  9. Ve a Design para cambiar colores, fuentes, fondo, bordes y espaciado, o sáltate este paso y conserva el aspecto de la plantilla. Consulta Diseñar una cuenta regresiva.

  10. En la pestaña Display, marca Product page en Show countdown on para colocarla automáticamente en las páginas de producto, o copia el Shortcode para ponerla en un lugar concreto.

    Usa la sección Conditions que hay encima para limitar el temporizador a ciertos productos, colecciones, páginas, clientes, idiomas o países. Consulta Condiciones de visualización.

  11. Establece el estado en Active y haz clic en Save. Un Draft se guarda, pero nunca se muestra.

  12. Abre en tu tienda online una página que cumpla las condiciones de la cuenta regresiva. El temporizador debería verse y avanzar. Si aún no ha llegado la fecha de Start, correctamente no muestra nada.

El tiempo restante se calcula en el navegador de cada persona, comparando la fecha de End que definiste con el reloj de su dispositivo. No hay un ajuste de zona horaria aparte: la fecha de End que introduces es la fecha límite hacia la que cuenta la aplicación.

En la práctica:

  • Quienes están en otras zonas horarias ven el mismo momento expresado como su propio tiempo restante, que es lo que quieres.
  • Si el reloj del dispositivo de alguien está muy desajustado, verá un temporizador incorrecto. La aplicación no puede hacer nada al respecto, y es poco frecuente.

Cambia la fecha de End y guarda. El temporizador de cada persona recoge la nueva fecha límite la próxima vez que cargue la página; no necesitas volver a crear la cuenta regresiva.

Puedes hacerlo sin abrir el editor completo, desde la lista de cuentas regresivas.

¿Te resultó útil esta página?