Un bloque de cuenta regresiva muestra a los visitantes un temporizador en vivo que cuenta hacia atrás hasta un Evento. Úsalo en una página de sitio web o en una página de destino para crear urgencia en torno a una fecha específica y animar a las personas a registrarse antes de que se acabe el tiempo.
Seleccionas un Evento existente, eliges cómo se ve el temporizador y decides qué pasa cuando llega a cero. Si tu página usa la plantilla heredada Premier, sigue los pasos de Agrega un temporizador de cuenta regresiva en la plantilla heredada Premier, más abajo en este artículo.
Nota: Esta sección cubre el editor de página actual, disponible con el Creador de Sitios Web y las Páginas de Kajabi. La plantilla heredada Premier funciona de otra manera, por lo que tiene su propia sección más abajo.
Agrega un bloque de cuenta regresiva
Desde el Dashboard, haz clic en Website y luego en Website Pages o Landing Pages
Haz clic en el Title de la página para abrir el editor.
Haz clic en la sección que quieres editar o crea una nueva sección
En la barra lateral, haz clic en Add block
Selecciona Countdown en la lista. El nuevo bloque Countdown aparece al final de la Sección
Selecciona un Evento existente para mostrarlo en el bloque
Haz clic en Save para guardar tus cambios
Personaliza tu bloque de cuenta regresiva
En un bloque Countdown, defines el Ancho del Bloque, seleccionas tu Evento, eliges un estilo de cuenta regresiva, defines qué pasa cuando termina la cuenta regresiva y decides si la Sección desaparece después. También puedes ajustar la Configuración del Bloque.
Selecciona y edita tu Evento
El Evento que seleccionas define la fecha y la hora en que termina la cuenta regresiva. Si no has creado un Evento, primero ve a Marketing > Events desde el Dashboard. Aprende cómo funcionan los Eventos en Kajabi.
En el editor del bloque Countdown, busca el menú desplegable Event
Haz clic en Edit your Events justo debajo del menú desplegable para cambiar un Evento existente
Estilo de la cuenta regresiva
Minimal
Boxed
Define una acción de cuenta regresiva
Una acción de cuenta regresiva se ejecuta cuando el temporizador llega a cero. Solo se ejecuta si activas la configuración Enable countdown action. Cuando termina la cuenta regresiva, la acción puede:
Enviar a los visitantes a una Página de Destino
Enviar a los visitantes a una Página de Checkout
Descargar un archivo
Enviar a los visitantes a cualquier URL
En la barra lateral, marca Enable action.
En After event, selecciona la acción que debe ejecutarse cuando termine la cuenta regresiva.
Ingresa o selecciona el destino de esa acción.
Haz clic en Save para guardar tus cambios.
Elimina la Sección cuando termine la cuenta regresiva
Marca Remove on complete para ocultar toda la sección que contiene el bloque Countdown cuando expire el temporizador.
Nota: Todos los bloques de la Sección se ocultan cuando termina la cuenta regresiva, no solo el bloque Countdown.
Configuración del bloque
Ajusta cómo se ve el bloque con esta Configuración del Bloque:
Countdown Settings: Define el color y el tamaño de los números y las etiquetas de la cuenta regresiva
Language: Define el idioma usado para días, horas, minutos y segundos
Agrega un temporizador de cuenta regresiva en la plantilla heredada Premier
La plantilla heredada Premier no tiene selector de Eventos. Tú mismo ingresas la hora exacta de finalización y la zona horaria de la cuenta regresiva.
Desde el Dashboard, haz clic en Website y luego en Website Pages o Landing Pages
Haz clic en el Title de la página para abrir el editor.
En la barra lateral, haz clic en Add Section
Selecciona Countdown Timer. El nuevo Countdown Timer aparece al final de la página
Ingresa el End Time de tu cuenta regresiva con el formato de la siguiente sección
Haz clic en Save para guardar tus cambios
Define el encabezado y el subencabezado
Cambia el mensaje que se muestra sobre tu Countdown Timer.
Define la hora de finalización
Ingresa el momento exacto en que termina la cuenta regresiva como YYYY-MM-DD HH:MM:SS, usando el formato de 24 horas.
Por ejemplo, 2027-10-14 12:00:00 significa el 14 de octubre de 2027 a las 12:00 p. m.
Define la zona horaria
Ingresa el nombre de tu zona horaria según el mapa de zonas horarias de moment.js.
Define el idioma de la cuenta regresiva
Elige el idioma usado para días, horas, minutos y segundos en tu Countdown Timer.
Personaliza la apariencia de la Sección
Cambia cómo se ve la Sección ajustando:
Estilo de la cuenta regresiva
Color de fondo
Color del texto
Color de los números
Espaciado de la Sección