Planes que admiten esta función: Professional Business Enterprise
En tu proyecto Document360, puedes gestionar el diseño y la personalización de tu base de conocimientos desde la función unificada Personalizar el sitio . Personalizar la apariencia y la funcionalidad de tu base de conocimientos es fundamental para crear una experiencia fluida para tus usuarios. La función de Personalizar el sitio Document360 te permite adaptar tu base de conocimiento para alinearlo con la identidad de tu marca y las preferencias de usuario. Ya sea seleccionando temas, ajustando colores o personalizando diseños, estas opciones de personalización te permiten crear un sitio que no solo es visualmente atractivo, sino también accesible y fácil de usar en el mundo.
Imagina gestionar la documentación de soporte de un producto SaaS. Con , puedes igualar los colores y el logotipo de tu marca, garantizar la accesibilidad usando contraste Personalizar el sitioautomático de color y personalizar los diseños para una mejor navegación.
Para tu información (para que lo sepas)
Esta mejora está disponible en el sitio 2.0 de la base de datos. Para migrar del sitio KB 1.0 al sitio KB 2.0, lee el artículo sobre KB site 2.0 migration.
NOTA
Personalizar el sitio es un entorno a nivel de proyecto. Los cambios se reflejarán en todo el proyecto.
Mira: Cómo personalizar tu sitio de base de conocimientos
Personalización básica del sitio
Para realizar la personalización básica:
Navega hasta Configuración () en la barra de navegación izquierda del portal de la base de conocimiento.
En el panel de navegación izquierdo, navega hasta Sitio de la base de conocimientos > Personalizar el sitio.
La página contiene todas las configuraciones básicas de diseño del sitio.
Puedes elegir una de las tres opciones para establecer el tema de tu sitio de base de conocimiento desde el campo Tema del sitio :
Tanto Luz como Oscuridad
Solo luz
Solo oscuridad
En la sección de Branding , puedes elegir un Logo y Favicon. Puedes subir logotipos separados para temas claros y oscuros, asegurando que tu imagen de marca se mantenga coherente y visualmente optimizada para diferentes modos de visualización.
Si no has establecido un logo para uno de los temas, el logo asignado al otro tema se usará automáticamente por defecto.
Este logotipo aparece en la esquina superior izquierda de la barra de navegación principal de tu base de conocimientos. El favicon aparece en la pestaña del navegador y ayuda a los usuarios a identificar fácilmente tu base de conocimientos.
NOTA
El tamaño máximo aceptado del Favicon es de 200KB. Los formatos soportados son ICO, PNG y SVG. Las resoluciones recomendadas son: 16x16, 32x32, 48x48, 64x64, 128x128, 180x180 y 256x256 píxeles.
Las imágenes con fondo transparente deben convertirse primero a ICO. Después de cambiar el Favicon, tienes que hacer una actualización completa del navegador para ver el icono actualizado.
Además, puedes establecer un enlace de redirección personalizado para el logo. Asegúrate de que la URL empiece con
https://para evitar errores de validación. Cuando un usuario haga clic en el logotipo de tu sitio de base de conocimiento, será redirigido al enlace especificado, como la web de tu empresa o una página de aterrizaje específica.NOTA
Los clientes que ya tienen un logo y favicon personalizados no se verán afectados hasta que accedan a la Personalizar el sitio configuración y guarden los cambios.
En la sección de Colores, selecciona la casilla Auto set color contrast para cumplir con los estándares WCAG y así aplicar automáticamente los colores basados en tu marca a los elementos de tu sitio.
NOTA
Para más información, lee el artículo sobre Web Content Accessibility Guidelines (WCAG).
En la sección de color de marca , puedes seleccionar un color para CTA, estados de selección y más usando el selector de color, o introducir su código HEX.
En la sección de Color de Hipervínculos , puedes personalizar el color de los hipervínculos en tu base de conocimiento para mejorar la experiencia del usuario. En esta opción, puedes elegir entre tres opciones de radio:
Utiliza el estándar del sector: Aplica un color de hipervínculo comúnmente usado
Usa color de marca: Aplica el mismo color que elegiste del color de la marca
Usa un color diferente: selecciona colores por defecto, pasa el cursor y visitados para los hipervínculos.
NOTA
Si has elegido la opción Ajuste automático de contraste de color para cumplir con los estándares WCAG, tanto los colores claros como oscuros se ajustarán automáticamente. Si no, tienes que ajustar manualmente los colores para cada tema.
En la sección de Fuentes , puedes cambiar las fuentes del contenido de tu base de conocimientos en cualquier momento.
Habrá dos subsecciones:
Emparejamiento de fuentes de artículos: Esta fuente se aplicará a todos los títulos y contenidos de tus artículos.
Haz clic en ¿Tienes una combinación de fuentes específica en mente? para seleccionar más opciones de fuentes. Haz clic aquí para elegir la fuente de los títulos y el contenido.
Fuente del sitio: Selecciona la fuente en el desplegable. Esto se aplicará a lo largo de tu Sitio de la base de conocimientos. Incluye el panel de navegación izquierdo (categorías, subcategorías, títulos de artículos) y la navegación para el encabezado, el pie de página, la navegación secundaria y los controles.
NOTA
La fuente elegida se utilizará en y Sitio de la base de conocimientos dentro del editor. Esto mejorará la capacidad del usuario para visualizar el aspecto del artículo durante su redacción.
En la sección de Estilo , puedes elegir el estilo de los botones y elementos de la forma. Las tres opciones disponibles son:
Redondeado
Sharp
Burbuja
En la sección de diseño del sitio , encontrarás dos opciones:
Ancho completo: Ancho completo extiende tu contenido hasta los bordes de una ventana del navegador.
Centro: El diseño central posiciona el contenido de forma central y ofrece un área de lectura más amplia optimizando los paneles circundantes.
Una vez terminado, haz clic Salvaren .

Personalización avanzada del sitio
Personaliza tu sitio web incorporando elementos de marca, secciones de encabezado y pie de página, página principal, página de inicio de sesión y páginas de error en una única ubicación central.
Navega hasta Configuración () en la barra de navegación izquierda del portal de la base de conocimiento.
En el panel de navegación izquierdo, navega hasta Sitio de la base de conocimientos > Personalizar el sitio.
La página contiene todas las configuraciones básicas de diseño del sitio.
Haz clic Personalizar el sitio.
En esta sección, puedes configurar los siguientes elementos del sitio:
Site header & footer: Personalizar el Header, footer, etc..
Main pages: Personalizar las páginas de Inicio, Documentación y Inicio de sesión
Error pages: Personalizar las 404 pagepáginas , Access denied, Unauthorized, IP restrictions y
Custom CSS / JavaScript: Añade un estilo avanzado o interactividad a tu sitio.
Los cambios que apliques en la sección izquierda se pueden visualizar en el panel derecho. Para editar un elemento específico, haz clic en el elemento deseado en el panel de Vista previa. Los ajustes correspondientes aparecerán en el panel izquierdo.
Usa el desplegable para elegir las diferentes páginas.
La nueva interfaz del creador de páginas principales facilita la navegación y personalización para cada sección de la página principal.
Haz clic Vista previa para ver cómo aparecerán tus cambios en la página de la base de conocimientos.
Haz clic Salvar para guardar tus cambios sin aplicarlos inmediatamente.
Haz clic Publicar para que tus cambios recientes sean visibles para los lectores.
Haz clic en el Más icono () y selecciona Restablecer a la versión publicada descartar todas las personalizaciones guardadas y no guardadas y volver a la última versión publicada.
NOTA
La característica Restablecer a la versión publicada solo está disponible para los nuevos proyectos del sitio de Knowledge Base 2.0 creados después del 29 de marzo de 2025.

Preguntas más frecuentes
¿Cómo cambio el tema del sitio?
Puedes cambiar el tema del sitio de la base de conocimientos siguiendo los pasos siguientes:
Navega hasta Configuración () en la barra de navegación izquierda del portal de la base de conocimiento.
En el panel de navegación izquierdo, navega hasta Sitio de la base de conocimientos > Personalizar el sitio.
En la sección de temas del sitio , puedes elegir entre tres opciones:
Tanto Luz como Oscuridad
Solo luz
Solo oscuridad
¿Cómo cambio los Favicons?
Favicon (abreviatura de icono favorito) es un icono pequeño, normalmente de 16x16 píxeles, que utilizan los navegadores web para identificar tu sitio web. El favicon aparece en la pestaña del navegador de la web, en la lista de marcadores y en la lista de historial de navegación.
Navega hasta Configuración () en la barra de navegación izquierda del portal de la base de conocimiento.
En el panel de navegación izquierdo, navega hasta Sitio de la base de conocimientos > Personalizar el sitio.
En la sección de Branding , pasa el cursor sobre el Favicon predeterminado y haz clic Haga clic para cambiar en Favicons.
Ahora, puedes añadir un Favicon en una de dos opciones disponibles:
Usar una URL: Pega la URL de la imagen desde cualquier fuente externa y haz clic Insertaren .
Subir una imagen: Elige tu archivo desde la unidad o sube una imagen desde el almacenamiento local de tu ordenador y haz clic Insertaren .
Haz clic Salvar.
CONSEJO PROFESIONAL
Usa siempre una imagen con dimensiones minimalistas y cuadradas (en píxeles).
Como mejor práctica, asegúrate de que tu favicon esté dimensionado a 48 x 48 píxeles para un renderizado óptimo en todas las plataformas.
¿Por qué el favicon no se renderiza en la página de la base de conocimiento?
Este problema podría presentarse cuando el favicon añadido no cumple los criterios especificados, incluyendo tamaño y formato. Haz los cambios necesarios en el favicon o prueba a subirlo de nuevo a tu base de conocimientos.
¿Cómo cambio el logo del sitio?
Para reemplazar el logotipo predeterminado que aparece en la parte superior izquierda de la base de conocimiento subiendo el logotipo deseado,
Navega hasta Configuración () en la barra de navegación izquierda del portal de la base de conocimiento.
En el panel de navegación izquierdo, navega hasta Sitio de la base de conocimientos > Personalizar el sitio.
En la sección de Branding , encontrarás los logotipos subidos para los temas de tu sitio de luz y sombra.
Pasa el cursor sobre el logotipo correspondiente y haz clic Haga clic para cambiaren .
Ahora, puedes añadir un Favicon en una de dos opciones disponibles:
Usar una URL: Pega la URL de la imagen desde cualquier fuente externa y haz clic Insertaren .
Subir una imagen: Elige tu archivo desde la unidad o sube una imagen desde el almacenamiento local de tu ordenador y haz clic Insertaren .
Una vez terminado, haz clic Salvaren .
¿Cómo añado texto como logo?
Puedes añadir un texto como logotipo reemplazando el logo predeterminado que aparece en la esquina superior izquierda de la base de conocimientos.
Navega hasta Configuración () en la barra de navegación izquierda del portal de la base de conocimiento.
En el panel de navegación izquierdo, navega hasta Sitio de la base de conocimientos > Personalizar el sitio.
En la sección de Branding , haz clic en ¿No tienes un logo? Usa el nombre en su lugar.
Introduce el texto deseado en el campo de entrada.
Por ejemplo, puedes añadir el nombre o el eslogan de una empresa en lugar de una imagen de logo.
Haz clic Salvar.
NOTA
Puedes añadir hasta 30 caracteres para el texto del logo.
El tamaño máximo de un logotipo es:
Altura - 40 px
Ancho - 270 px
Cuando subes un logo con un tamaño mayor, el tamaño del logo se reduce y se mantiene dentro del tamaño máximo.
Por ejemplo, subir un logo con un tamaño 500x1000 px (altura x ancho) se reducirá a 40x80 px.
¿Cómo puedo añadir una URL personalizada para un logo?
Añade una URL de clic a tu logo con la URL del logo. Cuando un usuario hace clic en el logo, es redirigido al enlace proporcionado.
Navega hasta Configuración () en la barra de navegación izquierda del portal de la base de conocimiento.
En el panel de navegación izquierdo, navega hasta Sitio de la base de conocimientos > Personalizar el sitio.
Añade la URL deseada en el campo URL del logo.
Haz clic Salvar.
NOTA
La URL del logo debe comenzar por
https://.Si la URL comienza con
www.(por ejemplo,www.example.com) sinhttps://, mostrará un error de "URL inválida".Si no se proporciona ninguna URL, hacer clic en el logotipo redirige a los usuarios a la página principal de la Knowledge Base.
La URL personalizada del logo es un campo opcional.
¿Cómo elegir el color de la marca?
Para elegir el color de marca deseado para tu sitio de la base de conocimiento, sigue los pasos siguientes:
Navega hasta Configuración () en la barra de navegación izquierda del portal de la base de conocimiento.
En el panel de navegación izquierdo, navega hasta Sitio de la base de conocimientos > Personalizar el sitio.
En Colores, puedes elegir el color de la marca . Este será el color principal para las CTA, estados de selección y más.
NOTA
Si has elegido la opción Ajuste automático de contraste de color para cumplir con los estándares WCAG, tanto los colores claros como oscuros se ajustarán automáticamente. Si no, tienes que ajustar manualmente los colores para cada tema.
Una vez terminado, haz clic Salvaren .
¿Cómo elijo la familia de fuentes en la configuración Personalizar sitio?
Para cambiar las fuentes de tu base de conocimiento, sigue los pasos siguientes:
Navega hasta Configuración () en la barra de navegación izquierda del portal de la base de conocimiento.
En el panel de navegación izquierdo, navega hasta Sitio de la base de conocimientos > Personalizar el sitio.
En la sección de Fuentes , habrá dos secciones: Análisis de fuentes de artículos y fuente del sitio.
Emparejamiento de fuentes de artículos: Esta fuente se aplicará a todos los títulos y contenidos de tu artículo.
NOTA
Haz clic en ¿Tienes en mente una combinación de fuentes específica?, para seleccionar más opciones de fuente. Al hacer clic en él, puedes elegir la fuente de títulos y contenido.
Fuente del sitio: Selecciona la fuente en el desplegable. Esto se aplicará en toda la base de conocimientos. Incluye el panel de navegación izquierdo (categorías, subcategorías, títulos de artículos) y la navegación (encabezado, pie de página, navegaciones secundarias, controles).
Selecciona la fuente deseada y haz clic Salvaren .
NOTA
Document360 proporciona una lista de fuentes comunes usadas en documentación. Sin embargo, puedes configurar la fuente que quieras en la base de conocimiento. Para más información, lee el artículo sobre How to configure a custom font in the knowledge base?
¿Cómo cambio el estilo de párrafo por defecto?
Actualmente, no existe una opción directa para cambiar el estilo de párrafo por defecto. Sin embargo, puedes cambiar la fuente predeterminada del artículo en el editor Document360.
Para establecer la fuente predeterminada de tus artículos:
Navega hasta Configuración () en la barra de navegación izquierda del portal de la base de conocimiento.
En el panel de navegación izquierdo, navega hasta Sitio de la base de conocimientos > Personalizar el sitio.
En la sección de Fuentes , elige el par de fuentes deseado en la casilla de emparejamiento de fuentes del artículo . Esta fuente aparecerá en los artículos de la Base de conocimiento.
Por ejemplo, si redactas contenido en
Verdanael portal de la Base de conocimiento, pero seleccionasUbuntu + Open Sansen la combinación de fuentes del artículo, en la página de la Base de Conocimientos, el título aparecerá enUbuntu, y el contenido del artículo estará enOpen Sans.
NOTA
También puedes seleccionar tu fuente personalizada para tus artículos. Para más información, lee el artículo sobre How to configure a custom font in the knowledge base?
Para cambiar el estilo de párrafo de los artículos individuales:
Abre el artículo deseado en el editor avanzado WYSIWYG y selecciona el texto.
Haz clic en Formatear y luego elige un estilo de fuente en la sección de Tipografía .
¿Cómo cambio los estilos de botones?
Para cambiar los estilos de botones de tu sitio de base de conocimiento, sigue los pasos siguientes:
Navega hasta Configuración () en la barra de navegación izquierda del portal de la base de conocimiento.
En el panel de navegación izquierdo, navega hasta Sitio de la base de conocimientos > Personalizar el sitio.
En la sección de Estilo , puedes seleccionar el estilo de botones entre las opciones, incluyendo redondeado, afilado y burbuja.
¿Cómo cambio el diseño del sitio en la configuración de Personalizar?
Para cambiar la disposición del sitio en personalizar sitio, sigue los pasos siguientes:
Navega hasta Configuración () en la barra de navegación izquierda del portal de la base de conocimiento.
En el panel de navegación izquierdo, navega hasta Sitio de la base de conocimientos > Personalizar el sitio.
En Diseño puedes encontrar Ancho Completo y Centro.
Ancho completo: El ancho completo extenderá tu contenido hasta los bordes de una ventana del navegador.
Centro: El diseño central encajará mejor con tu contenido en el centro de una ventana del navegador.
Haz clic Salvar.
¿Cómo establezco la fuente predeterminada para mis artículos en la base de conocimientos?
Para establecer la fuente predeterminada de tus artículos:
Navega hasta Configuración () en la barra de navegación izquierda del portal de la base de conocimiento.
En el panel de navegación izquierdo, navega hasta Sitio de la base de conocimientos > Personalizar el sitio.
En la sección de Fuentes , elige el par de fuentes deseado en la casilla de emparejamiento de fuentes del artículo . Esta fuente aparecerá en los artículos de la Base de conocimiento.
Por ejemplo, si redactas contenido en
Verdanael portal de la Base de conocimiento, pero seleccionasUbuntu + Open Sansen la combinación de fuentes del artículo, en la página de la Base de Conocimientos, el título aparecerá enUbuntu, y el contenido del artículo estará enOpen Sans.
NOTA
También puedes seleccionar tu fuente personalizada para tus artículos. Para más información, lee el artículo sobre How to configure a custom font in the knowledge base?