La sección Héroes es el banner de ancho completo que se muestra en la parte superior de la página principal de tu base de conocimiento. Es lo primero que ven los lectores cuando visitan tu sitio, antes de leer un solo artículo o hacer clic en un solo enlace. Una sección de Héroes bien configurada comunica inmediatamente de qué trata la base de conocimiento, aparece la barra de búsqueda para acceder rápidamente y ofrece a los lectores un punto de partida claro mediante botones de llamada a la acción.
Puedes personalizar el fondo de la sección Hero, el texto del encabezado, el texto promocional, los botones y la barra de búsqueda para reflejar tu marca y guiar a los lectores desde el momento en que entran en tu sitio.
La sección de Héroes siempre está presente en la parte superior de la página principal y no puede ser eliminada ni reordenada.
Cuándo usar los elementos de la sección Héroe
La sección de Héroes contiene cuatro elementos configurables. No todos necesitan estar activos, usa solo lo que sirva a tus lectores:
- Texto de bienvenida - Úsalo para un encabezado breve y destacado que explique a los lectores de qué trata la base de conocimiento. Funciona bien para nombres de productos, eslóganes o encabezados al estilo "Bienvenido a [Documentación del Producto]".
- Texto promocional - Úsalo para un mensaje corto de apoyo debajo del encabezado: una breve descripción, una propuesta clave de valor o un prompt como "Encuentra respuestas, guías y tutoriales."
- Botones - Úsalos para enlaces de navegación directa. Los usos comunes incluyen enlazar a Getting Started, documentos de API o una categoría específica. Puedes añadir hasta tres botones.
- Buscar - Usa esto para mostrar la barra de búsqueda de la base de conocimiento directamente en el héroe. Recomendado para la mayoría de las bases de conocimiento: da a los lectores acceso inmediato a la búsqueda sin necesidad de desplazarse.
Cómo acceder a la sección de Héroes
- Navega a Configuración () en la barra de navegación izquierda del portal de la Base de conocimiento.
- En el panel de navegación izquierdo, navega al Sitio de la base de conocimientos > Personalización del sitio.
- Haz clic en el botón Personalizar sitio .
-
En el desplegable de la izquierda, selecciona Inicio.
La sección de Cuerpos enumera todos los bloques de cuerpo, con la sección de Héroes en la parte superior. -
Haz clic en la sección de Héroes para comenzar la personalización.
Cómo personalizar el fondo de la sección de héroes
En el desplegable de Tipo de antecedentes , elige una de las siguientes opciones:
| Tipo de antecedentes | Descripción |
|---|---|
| Ninguno | Sin antecedentes. El color de fondo por defecto es blanco |
| Insertar imagen | Sube una imagen desde tu Drive o introduce una URL de imagen |
| Color | Elige entre los colores predefinidos disponibles o utiliza la paleta de colores personalizada |
| Pendiente | Selecciona un gradiente entre las opciones disponibles |
| Patrón | Elige un patrón entre las opciones disponibles |
En el campo Alineación , elige Izquierda, Centro o Derecha para alinear el contenido del texto dentro de la sección Héroe.
Cómo configurar los elementos de sección de héroes
Expande la sección Héroe en el panel izquierdo para configurar cada elemento:
| Elemento | Lo que puedes configurar |
|---|---|
| Texto de bienvenida | Introduce un encabezado en el campo de texto de Encabezado . Elige un color de texto. Haz clic para eliminar el elemento |
| Texto promocional | Introduce el contenido de apoyo en el campo de texto de Párrafo . Elige un color de texto. Haz clic para eliminar el elemento |
| Botones | Establece los colores del texto y de los botones. Introduce texto y URL para cada botón. Haz clic en el botón Añadir para añadir hasta tres botones. Úsalo para eliminar o ocultar botones individuales |
| Búsqueda | Elige el estilo de barra de búsqueda: Cuadro de entrada o Botón. Opcionalmente, selecciona Color de fondo personalizado ; esto prellena el color primario tanto para temas claros como oscuros. Mostrar acceso directo de teclado está activado por defecto, mostrando Ctrl + K en la barra de búsqueda. Haz clic para eliminar el elemento de búsqueda |
Para ocultar cualquier elemento sin eliminarlo, pasa el cursor sobre él en el panel izquierdo y haz clic en el icono Ocultar ().
Vista del sitio de la base de conocimiento
Así es como aparece una sección de héroes personalizada en la base de conocimiento, con texto de encabezado, texto promocional, botones y búsqueda juntos.
Mejores prácticas
- Mantén el texto de bienvenida corto : una línea es la mejor. Los títulos largos se enroscan de forma torpe en la zona de héroes y pierden impacto visual.
- Utiliza texto promocional para establecer expectativas : una sola frase describiendo lo que cubre la base de conocimientos ayuda a los lectores a orientarse rápidamente.
- Limita los botones a dos o tres : demasiadas opciones en el héroe crea parálisis de decisión. Enlaza solo con los destinos más importantes.
- Incluye siempre el elemento de búsqueda : la barra de búsqueda de héroes es el camino más rápido hacia las respuestas para la mayoría de los lectores. Solo elimínalo si la búsqueda está en otra parte de la página.
- Prueba tu elección de fondo tanto en modo claro como oscuro : las imágenes y colores que se ven bien en modo claro pueden tener bajo contraste o poca legibilidad en modo oscuro.
- Usa la alineación izquierda para héroes con mucho texto : el texto centrado funciona bien para encabezados cortos, pero se vuelve más difícil de leer a largas longitudes.
Preguntas frecuentes
¿Cómo cambio el texto del botón de Documentación en la página principal?
Navega a {{variable. Configuración}} () > {{variable. Base de conocimientos}} > Personaliza el sitio y haz clic en Personalizar sitio. En el desplegable de la izquierda, selecciona Inicio. Expande la sección de Héroes y selecciona Botones. Actualiza el texto del botón Documentación, haz clic en Guardar y luego en Publicar.