Página de inicio de sesión

La página de Inicio de sesión es la que ven los lectores cuando intentan acceder a una base de conocimientos privada o de acceso mixto. A menudo se pasa por alto durante la configuración, pero para quienes la encuentran, es su primera interacción con tu base de conocimientos antes de haber visto cualquier contenido. Una página de inicio de sesión bien configurada establece el tono adecuado, reduce la confusión sobre por qué es necesario iniciar sesión y ofrece a los lectores un camino claro a seguir.

Cuándo personalizar la página de inicio de sesión

• Consistencia de marca : la página de inicio de sesión predeterminada utiliza el estilo genérico de Document360. Sustituir la imagen o añadir un diseño personalizado la alinea con el aspecto y la sensación de tu producto.
• Añadir contexto para los lectores : un encabezado o párrafo personalizado puede explicar por qué es necesario iniciar sesión, reduciendo la confusión para quienes leen por primera vez.
• Añadir un botón de soporte o registro : si los lectores necesitan solicitar acceso o contactar con soporte, una página de inicio de sesión personalizada te permite añadir un botón que enlaza directamente a esos recursos.
• Permitir que los usuarios inicien sesión con Google Workspace o Microsoft : habilitar el inicio de sesión social para que los usuarios puedan iniciar sesión en la base de conocimientos con su Google Workspace o cuenta de Microsoft existente en lugar de una contraseña separada.
• Ordenar opciones de inicio de sesión SSO : si tienes varias configuraciones SSO, establece qué botones de inicio de sesión ven primero los lectores.

Accede a la configuración de la página de inicio de sesión

1. Navega a Configuración () > Sitio de la base de conocimientos en la barra de navegación izquierda del portal de la base de conocimientos.
2. En el panel de navegación izquierdo, navega hasta personalización del sitio.
3. Haz clic en el botón Personalizar sitio .

4. En el desplegable izquierdo, selecciona Iniciar sesión en Páginas principales. El diseño predeterminado de la página de inicio de sesión aparece con opciones de personalización a la izquierda y una vista previa en vivo a la derecha.

Estilos de personalización

Document360 ofrece dos enfoques para personalizar la página de Inicio de sesión:

Estilo básico

Usa el estilo Basic para personalizar la imagen predeterminada, activar el inicio de sesión social y pedir los botones de inicio de sesión SSO en la página de inicio de sesión, sin escribir ningún código.

1. Selecciona Estilo básico.
2. Expande la Imagen con el desplegable de texto y selecciona Imagen. Se abre el panel Imagen.
3. Haz clic en Cambiar y elige la imagen deseada de las imágenes del sistema, o sube la tuya propia.
4. En la sección de Alineación , selecciona Izquierda, Centro o Derecha para ajustar la posición de la imagen.
5. Utiliza el interruptor de Vista previa a la derecha para revisar tus cambios.
6. Haz clic en Guardar para guardar tus cambios.
7. Haz clic en Publicar para hacer cambios en directo.

Habilitar Google Workspace y Microsoft Login para los usuarios

Puedes permitir que los usuarios inicien sesión en la base de conocimientos desde su Google Workspace o cuenta de Microsoft.

1. En estilo Básico, ve a la sección de acceso social.
2. Activa el interruptor de Google Workspace , el de Microsoft o ambos. Ambos interruptores están desactivados por defecto.
3. Consulta la vista previa a la derecha para confirmar que los botones de inicio de sesión aparecen en la página de inicio de sesión.
4. Haz clic en Guardar y luego en Publicar.

Cambiar el orden de los botones de inicio de sesión SSO

Si has configurado SSO para lectores, la sección de posición CTA muestra tus botones de inicio de sesión SSO. Arrastra el mando () junto a un botón para cambiar su posición en la página de inicio de sesión.

Estilo personalizado

Usa el estilo personalizado para crear un diseño de página de inicio de sesión totalmente personalizado usando HTML y CSS.

1. Selecciona Estilo personalizado.
2. En la pestaña HTML , añade tu marcado HTML personalizado.
3. En la pestaña CSS , añade tus estilos.
4. Usa el interruptor de Vista previa a la derecha para cambiar entre la vista de código y la vista renderizada para revisar.
5. Cuando termines, haz clic en Guardar para guardar tus cambios.
6. Haz clic en Publicar para hacer cambios en directo.

<div class="login-form">{{template:LoginCore}}</div>

Mejores prácticas

• Mantén la página de inicio de sesión fiel a la marca pero al mínimo : los lectores que llegan a la página ya tienen intención de acceder a tu contenido. Un diseño limpio y enfocado con tu logo y un formulario de inicio de sesión claro funcionan mejor que una página muy diseñada.
• Usa el estilo Básico para cambios de imagen y el inicio de sesión social ; si solo necesitas reemplazar la imagen predeterminada o permitir que los usuarios inicien sesión con Google Workspace o Microsoft, el estilo Básico es más rápido y seguro que el estilo personalizado. El inicio de sesión social no está disponible en el estilo Personalizado.
• Prueba siempre la autenticación personalizada : después de publicar una página de inicio de sesión HTML personalizada, verifica el flujo completo de inicio de sesión de principio a fin para confirmar que la autenticación funciona correctamente antes de compartir con los lectores.
• Conservar {{template:LoginCore}}siempre - Esta es la causa más común de páginas de inicio de sesión rotas tras la personalización. Inclúyelo en cada diseño HTML personalizado, incluso al reconstruir toda la estructura de la página.

Preguntas frecuentes

<div class="login-form--support">
    <button class="support-button">
        <a href="your-support-link">Contact Support</a>
    </button>
    <p>Click here to Contact Support</p>
</div>

.login-form--support {
    text-align: center;
}