> ## 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.
# Instalar un botón de agregar al calendario en una página
> Aprende a usar un botón de Agregar al calendario para que los visitantes de tu sitio agreguen fácilmente tus eventos a sus calendarios.
Crea un botón de calendario con AddEvent, una herramienta compatible con Apple Calendar, Google Calendar, Outlook, Outlook.com y Yahoo Calendar, para ayudar a los visitantes de tu sitio a agregar fácilmente tus eventos a sus calendarios.
**Importante:** Kajabi ahora permite a los miembros guardar próximas sesiones de coaching en su calendario personal. [Aprende más](/es/articles/products/coaching/how-to-create-a-coaching-product#add-to-calendar-for-coaching-sessions)
## Descripción general
Los botones de calendario ofrecen una forma rápida y sencilla para que tus usuarios agreguen tus eventos a sus calendarios personales. Con Kajabi, puedes agregar tu botón de calendario preferido usando el bloque de Custom Code. Esta guía te explica cómo agregar un botón de calendario con [AddEvent](https://www.addevent.com/).
**Nota:** Si tienes un dominio personalizado conectado a tu sitio de Kajabi, deberás registrar tu dominio personalizado en AddEvent. Agregar tu dominio a AddEvent está disponible con el plan gratuito "Hobby" de AddEvent.
La mejor recomendación es investigar y encontrar la herramienta que mejor se ajuste a tu negocio.
***
## Agrega código personalizado a tu página
Crea un bloque de Custom Code:
1. Abre la pestaña **Website** desde el Dashboard.
2. Selecciona la pestaña **Pages**.
3. Abre el editor de páginas de tu página. [Aprende más](/es/articles/website/pages/how-to-get-to-the-page-editor)
4. En el panel lateral, selecciona la Sección de tu página donde deseas incluir tu botón de Agregar al calendario.
5. Haz clic en **Add Content**.
6. Selecciona **Custom Code**:
Aprende más sobre cómo agregar [código personalizado](/es/articles/website/pages/add-custom-code-to-pages#add-and-remove-a-custom-code-block) para más detalles.
***
## Agrega el código del botón de calendario de AddEvent
Para usar el botón de agregar al calendario de AddEvent, crea una cuenta con AddEvent. [Aprende más](https://www.addevent.com/)
**Consejo:** ¡El botón de agregar al calendario está disponible con el plan gratuito "Hobby" de AddEvent!
Si tu sitio de Kajabi está conectado a un dominio personalizado, agrega tu dominio a tu cuenta de AddEvent:
1. Ve a tu cuenta de AddEvent.
2. Haz clic en **Domains** en el menú izquierdo.
3. Ingresa tu dominio personalizado completo.
4. Haz clic en **Add domain**:
Después de crear tu cuenta de AddEvent y agregar un bloque de Custom Code a tu página en Kajabi, agrega el fragmento de código del calendario de AddEvent.
**Importante:** Agregar código personalizado a tu sitio puede exponerte a vulnerabilidades y posibles ataques de malware. Te recomendamos usar herramientas de detección de vulnerabilidades como [VirusTotal](https://www.virustotal.com/gui/home/url) o [Snyk](https://snyk.io/) para escanear cualquier código personalizado que planees usar, y aplicar ciertas [mejores prácticas](/es/articles/website/domains/code-based-customizations) para ayudar a reducir el impacto potencial.
1. Copia el código completo exactamente como se muestra a continuación:
```html theme={null}
Add to Calendar 04/26/2020 06:00 PM 04/26/2020 11:00 PM America/Los_Angeles Summary of the event Description of the event Location of the event
```
2. Regresa a tu bloque de Custom Code en Kajabi.
3. Haz clic en el **Custom Code Block** para abrir el editor lateral.
4. Ve al panel lateral y pega el código copiado en el campo **Custom Code**.
5. Haz clic en **Save** para guardar tus cambios:
***
## Edita tu evento de calendario
Para personalizar la información de tu evento en tu botón de Agregar al calendario:
1. Localiza este fragmento de código en tu código de Agregar al calendario recién pegado:
```html theme={null}
04/26/2020 06:00 PM 04/296/2020 11:00 PM America/Los_Angeles Summary of the event Description of the event Location of the event
```
**Consejo:** Amplía la vista del código haciendo clic y arrastrando la esquina inferior derecha del campo de cuadro de texto en el panel lateral izquierdo.
2. Configura los parámetros dentro de cada línea de código.
3. Ingresa la información de tu evento para cada parámetro como se muestra a continuación:
Para aprender más sobre cómo dar formato a tus parámetros, [haz clic aquí](https://www.addevent.com/add-to-calendar-button/#parameters).
Asegúrate de hacer clic en **Save** para guardar tus cambios.
### Parámetros del calendario
**Fecha y hora de inicio**
```html theme={null}
04/26/2020 06:00 PM
```
**Fecha y hora de finalización**
```html theme={null}
04/26/2020 11:00 PM
```
**Zona horaria**
```html theme={null}
America/Los_Angeles
```
**Título del evento**
```html theme={null}
Summary of the event
```
**Descripción del evento**
```html theme={null}
Description of the event
```
**Ubicación del evento**
```html theme={null}
Location of the event
```
Aprende más sobre cómo personalizar tu botón de Agregar al calendario e incluir información adicional para configurar recordatorios de alarma, adjuntar un evento de Facebook, incluir un email del organizador y más, visitando la [documentación de AddEvent](https://www.addevent.com/documentation/add-to-calendar-button).
***
## Personaliza tu bloque de código personalizado
Después de editar tu botón de calendario para que se ajuste a tu evento, personaliza la apariencia de tu bloque en tu página. Aprende a [personalizar tu bloque de Custom Code](/es/articles/website/pages/add-custom-code-to-pages) para más detalles.
Recuerda hacer clic en **Save** para guardar tus cambios.
Por último, [previsualiza tu página](/es/articles/website/pages/preview-your-page) y prueba tu botón de calendario: