Personalizar un tema de la base de conocimientos

Personaliza el aspecto de tu Base de conocimientos eligiendo el diseño, cambiando los estilos del tema y editando el contenido de la cabecera o del pie de página en el editor de temas. También puede obtener una vista previa de cómo aparecerá el tema de su base de conocimientos en las plantillas, en distintos idiomas y en diferentes tamaños de pantalla.

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.
• No puedes personalizar tu base de conocimientos en el administrador de diseño ni utilizar temas personalizados.

Personaliza los estilos del tema de la Base de conocimientos

Dentro del editor de temas de la Base de conocimientos, dispone de opciones para configurar los colores, la tipografía, el diseño y los estilos de cabecera y pie de página.

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 tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
2. En la parte superior derecha, haz clic en el menú desplegable Configurar y selecciona Tema.
3. Haga clic para ampliar la sección Colores y seleccione un color para los campos Primario, Secundario, Acento y Cuerpo . De forma predeterminada, se mostraránlos colores de su marca .
4. Cuando haya terminado, haga clic en Publicar tema en la parte superior derecha.

Tipografía

Elija un tipo de letra principal y otro secundario para aplicarlos a los títulos, el cuerpo y los enlaces de una base de conocimientos. 

1. En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
2. En la parte superior derecha, haz clic en el menú desplegable Configurar y selecciona Tema.
3. En la barra lateral izquierda, haga clic en Tipografía.
4. En las secciones Primaria y Secundaria , haga clic en el menú desplegable de fuentes y seleccione una fuente. Para cambiar el color de la fuente, haz clic en el selector de colores y selecciona un color de fuente. Las opciones adicionales de estilo de fuente (por ejemplo, el peso de la fuente, el tamaño o la transformación de mayúsculas y minúsculas) dependerán de la fuente seleccionada. 
5. Para editar las fuentes del encabezado, cuerpo o enlace, haga clic para expandir las secciones Encabezado (H1-H6), Cuerpo o Enlace , haga clic en el menú desplegable de fuentes y seleccione una fuente. Para cambiar el color de la fuente, haz clic en el selector de colores y selecciona un color de fuente.
6. Cuando haya terminado, haga clic en Publicar tema en la parte superior derecha.

Diseño

1. En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
2. En la parte superior derecha, haz clic en el menú desplegable Configurar y selecciona Tema.
3. Haga clic para ampliar la sección Diseño y seleccione una opción (por ejemplo, Mosaicos o Mínimo). Las diferentes opciones de diseño admitirán diferentes opciones de estilo.
4. Cuando hayas terminado, haz clic en Publicar tema en la parte superior derecha.

Encabezado

Personaliza los estilos de cabecera del tema de tu base de conocimientos, incluidos el ancho de la cabecera, la barra superior, el conmutador de idiomas, el menú, el botón y la barra de búsqueda. También puedes editar colores, fuentes y estilos de navegación dentro de esos elementos.

1. En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
2. En la parte superior derecha, haz clic en el menú desplegable Configurar y selecciona Tema.
3. En la barra lateral izquierda, haga clic en Encabezado y seleccione una de las siguientes opciones:
   
   • Ancho de cabecera: seleccione Ancho completo o Ancho de contenido.
   • Barra superior: seleccione el color de fondo, la fuente base y la fuente Hover.
   • Conmutador de idioma: haz clic en el selector de color y selecciona un color.
   • Menú: seleccione Fuente base, Fuente por encima, Color de fondo y Estilos desplegables .
   • Botón: seleccione Fuente, Transformación de texto, Color de fondo, Estilo de borde, Radio de esquina y Estilos de fuente Hover .
   • Barra de búsqueda: seleccione los estilos Color de fondo, Texto de etiqueta y Texto de entrada.
4. Cuando haya terminado, haga clic en Publicar tema en la parte superior derecha.

Pie de página

1. En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
2. En la parte superior derecha, haz clic en el menú desplegable Configurar y selecciona Tema.
3. En la barra lateral izquierda, haga clic en Pie de página y seleccione una de las siguientes opciones:
   1. Anchura del pie de página: seleccione Anchura completa o Anchura de contenido. 
   2. Fondo: haga clic en el selector de color y seleccione un color.
   3. Menú: seleccione la fuente Base y la fuente Hover. Para cambiar el color de la fuente, haz clic en el selector de colores y selecciona un color de fuente.
   4. Texto: seleccione un tipo de letra. 
   5. Redes sociales: seleccione el tamaño, la forma, el color, el fondo y la alineación de los iconos.
4. Cuando haya terminado, haga clic en Publicar tema en la parte superior derecha.

Editar el contenido de la cabecera de la Base de conocimientos

Personalice el contenido de la cabecera de su Base de conocimientos para destacar su marca o sus enlaces de navegación. Las actualizaciones publicadas aparecen automáticamente en todas las páginas de la base de conocimientos.

1. En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
2. En la parte superior derecha, haz clic en el menú desplegable Configurar y selecciona Encabezado.
3. En el editor de contenido global, haga clic en el icono siteTree Contenido en 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: active el interruptor Anular logotipo predeterminado o haga clic en Editar 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 en [#] recursos en la parte superior derecha.

Editar el contenido del pie de página de la Base de conocimientos

Personalice el contenido del pie de página de su base de conocimientos para que incluya su marca o enlaces de navegación. Las actualizaciones publicadas aparecen automáticamente en todas las páginas de la base de conocimientos.

1. En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
2. En la parte superior derecha, haz clic en el menú desplegable Configurar y selecciona Pie de página.
3. En el editor de contenido global, haga clic en el icono siteTree Contenido y seleccione una de las siguientes opciones:
   • 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: active el interruptor Anular logotipo predeterminado o haga clic en Editar 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 ratón por encima de un enlace social y haz clic en el icono 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.
4. Cuando hayas terminado, haz clic en Publicar en [#] recursos en la parte superior derecha.

Vista previa de un tema de base de conocimientos

Una vez que hayas creado tu base de conocimientos, podrás ver el aspecto de tu tema en el editor de temas. Puedes ver el aspecto del tema en diferentes plantillas, idiomas y tamaños de pantalla. 

1. En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
2. En la parte superior derecha, haz clic en el menú desplegable Configurar y selecciona Tema.
3.  Para ver una plantilla con contenido de muestra, haz clic en el menú desplegable Ver en de la parte superior izquierda y selecciona una plantilla. Los cambios en el tema se aplicarán a todas las plantillas de la base de conocimientos.

4. Para ver una plantilla en distintos idiomas, haz clic en el segundo menú desplegable de la parte superior izquierda y selecciona un idioma.

5. Para ver cómo se mostrará una plantilla en diferentes dispositivos, haz clic en los iconos de dispositivo en la parte superior del editor, o introduce un ancho de pantalla en píxeles.