La página de inicio de sesión es donde tus clientes inician sesión para acceder a los Productos de su Biblioteca. Personalízala con una imagen, los colores de tu marca y tus propias palabras para que iniciar sesión se sienta como parte de tu sitio.
Usa el editor de la página de inicio de sesión para darle estilo al Header, a la Login Section y al Footer.
Cómo llegan tus clientes a la página de inicio de sesión
Los clientes inician sesión con el correo electrónico y la contraseña que configuraron cuando compraron una Oferta o cuando se les otorgó acceso a ella. Después de iniciar sesión, llegan a su página de Biblioteca, donde pueden abrir sus Productos.
Tu página de inicio de sesión siempre está en yourwebsitedomain.com/login. Por ejemplo, si tu sitio web es www.learningwithme.com, envía a tus clientes a www.learningwithme.com/login. Aprende a copiar el enlace de una página.
Nota: Después de comprar una Oferta, los nuevos clientes crean sus credenciales de acceso en la página de pago o en la página de Creación de Cuenta, según la configuración de tu Oferta. Aprende qué ven los clientes cuando compran una Oferta.
Personaliza la página de inicio de sesión
Crear un sitio en Kajabi genera un tema de sitio predeterminado vacío. Si acabas de empezar con Kajabi, tu página de inicio de sesión muestra ese tema predeterminado, que no es personalizable.
Para diseñar tu página de inicio de sesión y las demás páginas de tu sitio web, selecciona una plantilla de sitio personalizable que se ajuste a tu marca. Aprende a crear un sitio web con Kajabi.
Nota: Después de seleccionar una plantilla de sitio personalizable, no podrás volver al tema de sitio predeterminado vacío.
Abre el editor de la página de inicio de sesión
Desde el Dashboard, haz clic en Website y luego en Website Pages.
Selecciona Login de tu lista de Website Pages.
El editor se abre en tu página de inicio de sesión con solo unas pocas opciones de configuración, así que personalizarla es rápido. En el panel de la barra lateral, puedes cambiar:
Header: Oculta o muestra el Header, personaliza los enlaces del Menú y tu logo, y agrega un banner de barra de anuncios (hello bar) para compartir avisos. Aprende a personalizar el encabezado.
Login Section: Agrega una imagen y dale estilo al botón, al fondo y al texto. Esta sección es exclusiva de la página de inicio de sesión.
Footer: Oculta o muestra el Footer y luego cambia el copyright, agrega enlaces de redes sociales y ajusta el color de fondo. Aprende a personalizar el pie de página.
Para editar la Login Section, haz clic en la pestaña Login del panel de la barra lateral.
Consejo: Si agregas una imagen pero no la ves en tu página de inicio de sesión, marca la casilla Show Image y haz clic en Save.
Personaliza la sección de inicio de sesión
La sección de inicio de sesión ocupa la mayor parte de la página. Úsala para agregar una imagen, darle estilo al botón y al fondo, y cambiar el texto que ven tus clientes.
Agrega una imagen de inicio de sesión
Muestra una imagen directamente arriba de los campos de inicio de sesión:
Configura el ancho de la imagen
Ingresa un valor en el campo Image Width para cambiar el tamaño de la imagen en tu página. Puedes ingresar el valor como 10px o simplemente 10.
Agrega texto alternativo a la imagen
Agrega un atributo alt de imagen para describir la imagen con fines de SEO y para cuando la imagen no pueda cargarse.
Dale estilo al botón de inicio de sesión
Adapta el botón de inicio de sesión a tu marca con las siguientes opciones de configuración.
Texto del botón
Ingresa el texto que se muestra en tu botón. Usa un texto breve que les diga a tus clientes lo que hace el botón.
Color de fondo del botón
Haz clic en Button background color para seleccionar un color de la paleta de colores de tu sitio.
Para usar un color personalizado, haz clic en la rueda de color y luego ingresa tu código de color RGB o usa los deslizadores:
Usa la barra vertical para seleccionar el tono
Usa el cuadro para seleccionar el brillo
Usa la barra horizontal para seleccionar la opacidad
Color del texto del botón
Haz clic en Button Text Color para seleccionar un color que complemente el fondo de tu botón. El selector de color funciona igual que para el color de fondo del botón.
El Button Text Color solo se aplica a los botones sólidos. Para elegir entre un botón sólido o de contorno, consulta Estilo del botón más abajo.
Ancho del botón
Elige qué tan ancho es el botón:
Full: llena el ancho del área del botón
Auto: ajusta el ancho al texto
Estilo del botón
Elige cómo se ve el botón:
Un botón de color sólido
Un contorno de tu Color de Fondo del Botón
Tamaño del botón
Elige un tamaño para el botón:
Pequeño
Mediano
Grande
Cambiar el tamaño cambia tanto el fondo del botón como el tamaño del texto.
Radio del borde
Haz que las esquinas de tu botón se vean más redondeadas o más cuadradas.
Personaliza el botón de inicio de sesión social
Personaliza el texto del divisor, el tema, el estilo y el texto del botón para iniciar sesión con una cuenta de Google.
Personaliza el fondo de la sección de inicio de sesión
Personaliza el 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
Manteniendo la imagen fija al desplazarse cuando se ve en una computadora de escritorio
Seleccionando un color de fondo
Cambia el texto de la página de inicio de sesión
Usa la configuración de Language para cambiar el texto que se muestra en tu página de inicio de sesión:
Texto de Iniciar Sesión
Texto de Correo Electrónico
Texto de Contraseña
Texto de Recordarme
Texto de Olvidé mi Contraseña