Personalizar un tema de la base de conocimientos

Personaliza el aspecto y el contenido de tu base de conocimientos para que se adapte a tu marca y ofrece a los visitantes una experiencia de navegación coherente. Utiliza el editor de temas para actualizar los colores, la tipografía, los diseños de la página de inicio y de los artículos, así como los estilos del encabezado y el pie de página. Utiliza el editor de contenido global para actualizar el contenido del encabezado y el pie de página, incluyendo el logotipo, los menús, las opciones de asistencia y los enlaces a redes sociales. 

Antes de empezar

Antes de personalizar el tema de tu base de conocimientos, revisa estos requisitos y las consideraciones.

Comprender las limitaciones y consideraciones

• Estas herramientas solo están disponibles para las bases de conocimientos migradas. Más información sobre la migración de su base de conocimientos.
• Para las bases de conocimientos que no se hayan migrado, obtén más información sobre cómo crear y personalizar una base de conocimientos anterior.
• La personalización de la base de conocimientos no es compatible con el administrador de diseño ni con los temas personalizados. Para una personalización más avanzada, puedes añadir fragmentos de código a la configuración de tu base de conocimientos, incluso en el encabezado y el pie de página del sitio web.

Personaliza los estilos del tema de la Base de conocimientos

Utiliza el editor de temas de la base de conocimientos para establecer un estilo visual y una maquetación coherentes para tu base de conocimientos. Actualiza los colores y la tipografía, elige los diseños para la página de inicio y las páginas de artículos, y configura los estilos del encabezado y el pie de página.

1. En tu cuenta de HubSpot, haz clic en Más y luego ve a Servicio > Base de conocimientos. Si Más no aparece en tu cuenta, ve directamente a Servicio > Base de conocimientos.
2. En la esquina superior derecha, haz clic en el menú desplegable «Configurar » y selecciona «Tema».

Personalizar colores

Los ajustes de color de un tema de base de conocimientos aplican un color primario, secundario, de acento y de cuerpo a todos los elementos incluidos en la plantilla del tema. Estos estilos se aplican a todos los elementos de su base de conocimientos. 

1. En el editor de temas, haz clic en la sección «Colores» de la barra lateral izquierda.
2. Para cada tipo de color (por ejemplo, «Primario»), haz clic en el selector de colores y selecciona un color para los campos «Primario», «Secundario», «De acento» y «De fondo ». De forma predeterminada, se mostrarán los colores de tu marca .

Personalizar la tipografía

Elige una fuente principal y otra secundaria para aplicarlas a los encabezados, el cuerpo y los enlaces URL de la base de conocimientos. 

1. En el editor de temas, haz clic en «Tipografía»en la barra lateral izquierda.
2. En los campos «Primario» y «Secundario» , haz clic en el menú desplegable de fuentes y selecciona una fuente. Para cambiar el color de la fuente, haz clic en el selector de colores y selecciona un color de fuente. Es posible que haya disponibles otras opciones de estilo de fuente (por ejemplo, el grosor de la fuente) en función de la fuente seleccionada. 
3. Para editar las fuentes de los títulos, el cuerpo del texto o los enlaces, haz clic en las secciones «Título (H1-H6)», «Cuerpo del texto» o «Enlace ». A continuación, haz clic en el menú desplegable de fuentes y selecciona una fuente. Para cambiar el color de la fuente, haz clic en el selector de colores y selecciona un color de fuente.

Personalizar los diseños de página

Elige los diseños para la página de inicio de tu base de conocimientos y para las páginas de artículos. Las opciones de diseño y los ajustes de estilo disponibles varían según el tipo de página.

Personalizar el diseño de la página de inicio

1. En el editor de temas, haz clic en el menú desplegable «Ver en» , situado en la esquina superior izquierda, y selecciona «Página de inicio de la base de conocimientos».
2. En la barra lateral izquierda, haz clic en la sección «Página de inicio» y selecciona una opción de diseño, como «Mosaicos » o «Mínimo».

Personalizar el diseño de la página del artículo

1. En el editor de temas, haz clic en el menú desplegable «Ver en» , situado en la esquina superior izquierda, y selecciona «Artículo de la base de conocimientos».
2. En la barra lateral izquierda, haz clic en la sección «Artículo » y selecciona una opción de diseño, como «Barra lateral izquierda » o «Barra lateral derecha».

Personalizar los estilos del encabezado y el pie de página

Personaliza los estilos del encabezado y el pie de página del tema de tu base de conocimientos, incluyendo su ancho, colores, fuentes, menús y otros elementos. Las opciones disponibles varían según la sección.

Personalizar los estilos de los encabezados

• Ancho del encabezado: selecciona «Ancho completo » o «Ancho del contenido».
• Barra superior: selecciona el color de fondo, la fuente predeterminada y la fuente al pasar el cursor por encima.
• Selector de idioma: haz clic en el selector de colores y elige un color.
• Menú: selecciona la fuente predeterminada, la fuente al pasar el cursor, el color de fondo, el espaciado y los estilos de los menús desplegables.
• Botón: selecciona la fuente, la transformación del texto, el color de fondo, el estilo del borde, el radio de las esquinas y la fuente al pasar el cursor por encima.
• Barra de búsqueda: selecciona el tipo de fondo, como un color o una imagen, y configura el espaciado, el texto de la etiqueta y los estilos del texto de entrada.

Personalizar los estilos del pie de página

• Ancho del pie de página: selecciona «Ancho completo » o «Ancho del contenido».
• Instrucciones: haz clic en el selector de colores y elige un color.
• Menú: selecciona la fuente predeterminada y la fuente al pasar el cursor por encima. Para cambiar el color de la fuente, haz clic en el selector de colores y elige un color para la fuente.
• Texto: selecciona una fuente.
• Iconos de redes sociales: selecciona el tamaño, la forma y el color de los iconos, así como el color de fondo y la alineación.

Previsualizar y publicar los cambios en el tema

Previsualiza tu tema en diferentes plantillas, idiomas y dispositivos antes de publicar los cambios.

1. En tu cuenta de HubSpot, haz clic en Más y luego ve a Servicio > Base de conocimientos. Si Más no aparece en tu cuenta, ve directamente a Servicio > Base de conocimientos.
2. En la esquina superior derecha, haz clic en el menú desplegable «Configurar » y selecciona «Tema».
3. En el editor de temas, haz clic en «Vista previa» en la esquina superior izquierda.
4. Para ver una plantilla con contenido de ejemplo, haz clic en el menú desplegable «Ver en» situado en la esquina superior izquierda y selecciona una plantilla. 

4. Para ver una plantilla en diferentes idiomas, haz clic en el menú desplegable de idiomas situado en la esquina superior izquierda y selecciona un idioma.

5. Para ver cómo se mostrará una plantilla en distintos dispositivos, haz clic en los iconos de los dispositivos situados en la esquina superior derecha.

6. Cuando hayas terminado, haz clic en «Atrás»en la esquina superior izquierda.

7. Para que los cambios se apliquen, haz clic en «Publicar tema » en la esquina superior derecha.

Editar el contenido del encabezado y el pie de página globales

Utiliza el editor de contenido global para personalizar el contenido que se muestra en el encabezado y el pie de página de tu base de conocimientos.

Editar el contenido del encabezado

Personaliza el contenido del encabezado que se muestra en todas las páginas de tu base de conocimientos, incluyendo el logotipo, el menú de navegación, las opciones de asistencia, el botón y el selector de idioma.

1. En tu cuenta de HubSpot, haz clic en Más y luego ve a Servicio > Base de conocimientos. Si Más no aparece en tu cuenta, ve directamente a Servicio > Base de conocimientos.
2. En la esquina superior derecha, haz clic en el menú desplegable «Configurar » y selecciona «Encabezado».
3. En el editor de contenido global, haz clic en el siteTree icono «Contenido » de la barra lateral izquierda. 
4. En la barra lateral izquierda, haga clic en el módulo Cabecera del sitio web y seleccione una de las siguientes opciones:
   • Logotipo: activa el botón «Anular el logotipo predeterminado » o haz clic en «Editar el logotipo predeterminado» en este dominio. Para mostrar el nombre de su empresa, active la casilla Mostrar el nombre de la empresa cuando el logotipo no está activado.
   • Opciones de asistencia adicionales: active los interruptores Mostrar enlace del portal del cliente, Mostrar inicio de sesión para contenido restringido o Formulario de asistencia .
   • Menú: seleccione un Menú y los niveles máximos.
   • Botón: seleccione la casilla de verificación Añadir botón , Enlace a y Tipo de enlace.
   • Conmutador de idiomas : seleccione la casilla de verificación Añadir conmutador de idiomas y Modo de visualización.
5. Cuando hayas terminado, haz clic en «Publicar [#] recursos» , en la esquina superior derecha.

Editar el contenido del pie de página

Personaliza el contenido del pie de página que se muestra en todas las páginas de tu base de conocimientos, incluyendo el logotipo, el menú, la dirección, los enlaces a redes sociales y el texto de derechos de autor.

1. En tu cuenta de HubSpot, haz clic en Más y luego ve a Servicio > Base de conocimientos. Si Más no aparece en tu cuenta, ve directamente a Servicio > Base de conocimientos.
2. En la esquina superior derecha, haz clic en el menú desplegable «Configurar » y selecciona «Pie de página».
3. En el editor de contenido global, haz clic en el siteTree icono «Contenido » de la barra lateral izquierda.
4. En la barra lateral izquierda, haz clic en un módulo para editar su contenido:
   • Menú de pie de página: haga clic en el menú desplegable Menú y seleccione un menú. Para mostrar el menú de pie de página en todas las páginas de la base de conocimientos, seleccione la casilla de verificación Mostrar menú .
   • Logotipo: activa el interruptor «Anular el logotipo predeterminado » o haz clic en «Editar el logotipo predeterminado» en este dominio. 
   • Dirección del pie de página: haga clic en Editar en la vista ampliada e introduzca la dirección del pie de página.
   • Redes sociales: pasa el cursor por encima de un enlace de redes sociales y haz clic en el editIcon icono de edición . Haga clic en el menú desplegable Enlazar con y seleccione una opción.
   • Copyright del pie de página: haga clic en Editar en la vista ampliada e introduzca el copyright del pie de página.
5. Cuando hayas terminado, haz clic en «Publicar» en [#] recursos , en la esquina superior derecha.