> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Agregar un evento a una página con Premier

> Aprendan a agregar su evento a una landing page para promocionar su evento a través de su sitio.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/sjzffyalj4" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

<Note>
  **Nota:** este artículo se refiere a los temas heredados de Premier, que pueden estar desactualizados. Si están usando los temas de Kajabi Pages, consulten la guía actualizada [aquí](/es/articles/website/pages/how-to-add-an-event-to-your-page).
</Note>

***

## Cómo agregar un evento a su página

### Para agregar un evento a una página creada con el tema heredado, Premier:

* Abran la pestaña **Website** desde el Dashboard.
* Hagan clic en **Pages**.
* Ubiquen la página que quieren personalizar o [creen una página nueva](/es/articles/website/pages/how-to-create-a-new-page-with-premier).
* Abran el editor de páginas de su página. [Aprendan más](/es/articles/website/pages/how-to-get-to-the-page-editor)
* Hagan clic en **+ Add Section** en la barra lateral.
* Seleccionen **Event**.
* Su nueva sección se generará al final de la página.
* Seleccionen su evento.
* Hagan clic en **Save** para guardar sus cambios:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/44mlxfbfu3" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

***

## Cómo personalizar su sección de evento

Crear una sección de evento en su página les permitirá mostrar contenido de texto, un temporizador de cuenta regresiva y/o un llamado a la acción basado en la fecha y hora de su evento en Kajabi.

Aprendan más sobre los [eventos en Kajabi](../../marketing/events/event-overview) para más detalles.

### Seleccionar su evento

Para agregar su evento a su página, primero deben crear un evento en la pestaña Marketing.

Aprendan a [crear un evento en Kajabi](../../marketing/events/how-to-create-an-event) para más detalles.

### Título y descripción

Personalicen el mensaje de su evento editando el título y la descripción.

### Formato de fecha

Personalicen su formato de fecha y elijan ocultar o mostrar:

* Fecha
* Año
* Hora
* Zona horaria

### Temporizador de cuenta regresiva

* Elijan mostrar u ocultar su temporizador de cuenta regresiva marcando o desmarcando **Show Countdown Timer**.
* Cambien el idioma de los valores de su cuenta regresiva (es decir, días, horas, minutos, segundos).
* Elijan crear una acción de cuenta regresiva para ejecutar su acción específica después de que expire la cuenta regresiva (según la fecha y hora de su evento).

Si eligen **Use After Countdown Action**, seleccionen su acción al finalizar la cuenta regresiva:

* Ir a una landing page
* Ir a una página de checkout
* Descargar un archivo
* Ir a una URL

<Note>
  **Nota:** al usar la acción **Go to a URL**, asegúrense de ingresar una URL completa (por ejemplo, [https://kajabi.com/](https://kajabi.com/)).
</Note>

### Apariencia de la sección

Personalicen la apariencia de toda su sección.

#### Estilo de la cuenta regresiva

Cambien la apariencia de su cuenta regresiva si eligen mostrar el temporizador en su sección.

#### Imagen de fondo y superposición

Elijan mostrar una imagen de fondo con una [superposición de imagen](/es/articles/website/pages/customizing-your-hero-image-overlay-in-premier#dark-overlay-on-your-hero-background-image) para crear un efecto visual.

#### Personalizar los colores de la sección

Anulen el color de fondo, el color de texto o el color de número predeterminados para adaptarlos mejor a su marca.

#### Espaciado

Personalicen el espaciado de su sección de evento:

* Extra pequeño
* Pequeño
* Mediano
* Grande
* Altura completa

Si eligen activar Altura completa, su fondo se comportará como una imagen hero con una imagen dinámica.

Aprendan más sobre cómo usar la [imagen hero](/es/articles/website/pages/customizing-your-hero-image-overlay-in-premier) para más detalles.

### Desfase del evento

La función **Event Offset** retrasará el inicio del evento por la cantidad de tiempo que especifiquen en la configuración.

Por ejemplo, si configuran el desfase del evento en 3 minutos para un evento que comienza a las 10:00 a. m., el temporizador de cuenta regresiva se configurará para terminar a las 10:03 a. m.

Esto puede permitir que los inscritos a su evento se unan antes de que comience oficialmente (según lo indicado por el temporizador).

En esencia, **Event Offset** es un período de gracia para permitir que los inscritos se unan al evento.

### Llamado a la acción

Incluyan un llamado a la acción en su sección de evento para animar a los visitantes de su sitio a actuar en relación con su evento.

Personalicen el texto de su botón, la acción que activará su botón al hacer clic, y la apariencia y comportamiento de su llamado a la acción.

Aprendan a usar un [llamado a la acción](/es/articles/website/pages/how-to-use-a-call-to-action-in-your-page-with-premier) con Premier.

#### Revelación por tiempo

La configuración de revelación por tiempo revela su botón de llamado a la acción (CTA) en la sección de evento una cantidad de tiempo específica (desfase) después de que ocurre su evento.

Para configurar una revelación por tiempo para su botón de CTA en el bloque de evento:

* Ingresen su valor de desfase
* Especifiquen el período de desfase en segundos, minutos, horas o días
* Seleccionen un evento

<Note>
  **Nota:** la revelación por tiempo debe ser un valor mayor a 0 y debe estar conectada a un evento.
</Note>