> ## 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.

# Crear una página de inicio de sesión

> Aprende a personalizar la página de inicio de sesión para tus clientes.

Aprende a personalizar la página de inicio de sesión para tus clientes.

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

***

## ¿Qué es la página de inicio de sesión?

Para que tus clientes accedan a sus Productos en su [página de Biblioteca](/es/articles/website/pages/customizing-your-library-page), primero deben pasar por la página de Inicio de Sesión con sus credenciales específicas:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-3-login-page-1744235845227-1756080393367-1781159670508.png" alt="9EC36FD3-90B5-457C-9F84-40EE68779F4B.png" />

¿Buscas compartir el enlace a tu página de inicio de sesión? [Haz clic aquí para aprender cómo](/es/articles/website/pages/what-is-the-link-to-my-login-page).

<Note>
  **Nota:** Se pedirá a tus clientes que creen sus credenciales de acceso cuando compren una Oferta en tu sitio para acceder a sus Productos. [Aprende más](../../sales/offers/what-happens-when-a-customer-purchases-my-offer)
</Note>

***

## Personalizar tu página de inicio de sesión

Crear un sitio en Kajabi genera un tema predeterminado vacío para ayudarte a empezar con tu contenido.

Si acabas de empezar con Kajabi, tu página de Inicio de Sesión mostrará el tema predeterminado del sitio. Este tema no es personalizable.

Diseña tu página de Inicio de Sesión y tus páginas del sitio web seleccionando una plantilla de sitio que mejor se ajuste a tu marca. [Aprende a personalizar tu sitio web.](/es/articles/website/pages/customizing-your-website-pages-with-the-website-builder)

<Note>
  **Nota:** Seleccionar una plantilla de sitio personalizable te permitirá diseñar tu sitio según tu marca. Sin embargo, no podrás volver al tema predeterminado vacío después de seleccionar tu plantilla de sitio personalizable.
</Note>

### Para personalizar la página de inicio de sesión:

* Abre la pestaña **Website** desde el Dashboard.
* Haz clic en **Pages**.
* Selecciona **Login** de tu lista de Páginas del Sitio Web para comenzar a personalizar:

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

Después de seleccionar **Login**, serás redirigido a la página de Inicio de Sesión para editar. Aquí encontrarás solo unas pocas acciones que personalizar para hacer este paso rápido y sencillo.

Los principales cambios que puedes hacer a tu página de Inicio de Sesión incluyen:

* **Header**: Elige ocultar o mostrar tu Encabezado y personaliza los enlaces del Menú, tu logo e incluye banners de barra de anuncios para compartir cualquier aviso directamente desde la página de Inicio de Sesión. [Aprende más](/es/articles/website/pages/customizing-your-header)
* **Login Section**: Única para la página de Inicio de Sesión, tu Sección de Inicio de Sesión puede personalizarse para incluir una imagen y usarse para diseñar el botón, el fondo y el idioma del inicio de sesión.
* **Footer**: Elige ocultar o mostrar tu Pie de página y personaliza su apariencia visual para cambiar el copyright, agregar tus propios enlaces de redes sociales y ajustar el color del fondo del Pie de página. [Aprende más](/es/articles/website/pages/customizing-your-footer)

Para editar la sección de Inicio de Sesión de tu página, haz clic en la pestaña **Login** del panel de la barra lateral y se te presentarán tus opciones de personalización.

<Tip>
  **Consejo:** Si agregas una imagen pero no la ves en tu página de Inicio de Sesión, asegúrate de marcar la casilla **Show Image** y haz clic en **Save** para guardar y ver tus cambios.
</Tip>

***

## Personalizar tu sección de inicio de sesión

Única para la página de Inicio de Sesión, tu Sección de Inicio de Sesión ocupa la mayor parte de la página. Con la Sección de Inicio de Sesión puedes personalizar la apariencia agregando imágenes, personalizando los botones y ajustando el idioma usado en la página.

### Inicio de sesión

Elige mostrar una imagen directamente arriba de los campos de inicio de sesión:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-7-login-image-display-1756080398609-1759912602554-1765851434314-1768530399974-1769338598989-1772968599412-1781159671238.png" alt="Fullscreen_7_10_23__3_48_PM.jpg" />

### Ancho de imagen

Si eliges mostrar una imagen, personaliza el Ancho de Imagen para cambiar el tamaño de la imagen en tu página.

Personaliza el ancho de la Imagen dentro del Bloque ingresando un valor (por ejemplo, 10px o 10) en el campo de Ancho de Imagen:

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

<Note>
  **Nota:** Puedes usar el formato 10px o simplemente 10.
</Note>

### Atributo alt de la imagen

Agrega un atributo alt de imagen con fines de SEO y en caso de que la imagen no pueda mostrarse.

***

## Configuración de la sección

### Texto del botón

Ingresa tu texto personalizado para mostrar en tu botón CTA. Aprovecha esta oportunidad para comunicar a tus usuarios lo que hará el botón.

### Color de fondo del botón

Haz clic en **Button background color** para seleccionar un color de tu paleta de colores del sitio.

Si prefieres usar un color personalizado, haz clic en la rueda de color y luego ingresa tu código de color RGB o usa los deslizadores para elegir tu color.

* La **barra vertical** te permite seleccionar el tono.
* El **cuadro** te permite seleccionar el brillo.
* La **barra horizontal** te permite seleccionar la opacidad de tu color.

### Color del texto del botón

Complementa el Color de Fondo de tu Botón con un Color de Texto del Botón diferente.

<Note>
  **Nota:** El Color del Texto del Botón es solo para [botones sólidos](/es/articles/website/pages/how-to-add-a-call-to-action-block-to-your-website-page-and-landing-page).
</Note>

Haz clic en **Button Text Color** para seleccionar un color de tu paleta de colores del sitio.

Si prefieres usar un color personalizado, haz clic en la rueda de color y luego ingresa tu código de color RGB o usa los deslizadores para elegir tu color.

* La **barra vertical** te permite seleccionar el tono.
* El **cuadro** te permite seleccionar el brillo y la saturación.
* La **barra horizontal** te permite seleccionar la opacidad de tu color.

### Ancho del botón

Ajusta el ancho de tu Botón:

* Full: llena el ancho del área del botón
* Auto: ajusta automáticamente el ancho para que se ajuste al texto

### Estilo del botón

Cambia el estilo del Botón para mostrar:

* Un botón de color sólido
* Un contorno de tu Color de Fondo del Botón

### Tamaño del botón

Ajusta el tamaño de tu Botón de Llamado a la Acción a:

* Pequeño
* Mediano
* Grande

Cambiar el tamaño de tu Llamado a la Acción cambiará tanto el fondo del botón como el tamaño del texto.

### Radio del borde

Personaliza el borde de tu Llamado a la Acción para que se vea más redondeado o más cuadrado.

Si estás personalizando un bloque de llamado a la acción en tu página de sitio web estándar, ingresa el valor deseado hasta 50 para personalizar la apariencia individual de los botones.

### Fondo

Personaliza la apariencia de fondo de tu página de Inicio de Sesión:

* subiendo una imagen o video como Fondo de la Sección,
* ajustando la posición de tu imagen,
* seleccionando el comportamiento de la imagen para que permanezca fija al desplazarse cuando se ve en un Escritorio,
* y/o seleccionando un color de fondo.

[Haz clic aquí para aprender más sobre la configuración de fondo de sección](/es/articles/website/pages/how-to-customize-your-section-background-settings).

### Idioma

Personaliza la Configuración de Idioma para cambiar el idioma usado para mostrar:

* Texto de Iniciar Sesión
* Texto de Correo Electrónico
* Texto de Contraseña
* Texto de Recordarme
* Texto de Olvidé mi Contraseña