Personalizar un tema de base de conocimientos
Última actualización: 12 de junio de 2025
Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique de otro modo:
|
Puede personalizar la apariencia de su base de conocimientos seleccionando el diseño y configurando el tema en el editor de temas. También puede ver cómo aparecerá el tema de su base de conocimientos en las plantillas, en distintos idiomas y en distintos tamaños de pantalla.
Antes de comenzar
Antes de comenzar a trabajar con esta característica, asegúrate de que comprendes perfectamente qué pasos hay que dar con antelación, así como las limitaciones de la función y las posibles consecuencias de utilizarla.
Requisitos de marca
Compruebe que dispone de uno de los siguientes permisos de usuario:
- Permisos de Superadministrador .
- Permisos de ajuste de la Base de conocimientos, Permisos de ajuste global de contenidos y temas, y una Licencia de Service Hubs. Más información sobre los precios basados en licencias de HubSpot.
Comprender las limitaciones y consideraciones
- Estas herramientas sólo 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 han migrado, obtenga más información sobre cómo crear y personalizar una base de conocimientos heredada.
- No es posible personalizar la base de conocimientos en el administrador de diseño ni utilizar temas personalizados.
Ver un tema de la Base de conocimientos
Una vez que haya creado su base de conocimientos, podrá ver el aspecto de su tema en el editor de temas. Puedes ver el aspecto del tema en diferentes plantillas, idiomas y tamaños de pantalla.
- Para ver una plantilla de base de conocimientos con contenido de muestra:
-
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Tema.
- Haga clic en el menú desplegable Ver en de la parte superior izquierda y seleccione una plantilla. Los cambios en el tema se aplicarán a todas las plantillas de la base de conocimientos.
- Para ver una plantilla de base de conocimientos en diferentes idiomas con contenido de muestra:
-
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Tema.
- Haga clic en el menú desplegable Ver en de la parte superior izquierda y seleccione una plantilla. Los cambios en el tema se aplicarán a todas las plantillas de la base de conocimientos.
- Haga clic en el segundo menú desplegable de la parte superior izquierda y seleccione un idioma.
- Para ver una plantilla de base de conocimientos en diferentes tamaños de pantalla con contenido de muestra:
-
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Tema.
- Haga clic en los iconos de dispositivo de la parte superior del editor o introduzca un ancho de pantalla en píxeles.
Editar los estilos de un tema de la Base de conocimientos
Puede personalizar los estilos del tema, incluidos los colores, la tipografía, el diseño, el encabezado y el pie de página.
Editar los colores de un tema de la Base de conocimientos
- Para editar los colores utilizados en el tema de la base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Tema.
- En el editor de temas, haga clic en el menú desplegable Colores de la barra lateral izquierda.
- Introducir un valor hexadecimal o seleccionar un color del selector de colores para Primario, Secundario, Acento y Fondo del cuerpo. Los colores desu marca se mostrarán para cada opción.
- Cuando haya terminado de editar los colores del tema de la Base de conocimientos, haga clic en Publicar tema en la parte superior derecha.
Editar la tipografía de un tema de la Base de conocimientos
- Para editar la tipografía en el tema de la base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Tema.
- En el editor de temas, haga clic en el menú desplegable Tipografía de la barra lateral izquierda.
- En las secciones Primaria y Secundaria de la barra lateral izquierda, seleccione la fuente, el color de fuente y el estilo de fuente (por ejemplo, Claro, Negrita, Normal). Las fuentes y los colores de su marca se mostrarán para cada opción.
- En las secciones Encabezamiento (H1-H6) de la barra lateral izquierda, seleccione la fuente, el tamaño de fuente, el color de fuente, el estilo de fuente (por ejemplo , Claro, Negrita, Normal) y las mayúsculas y minúsculas (por ejemplo, Mayúsculas, Minúsculas, Mayúsculas).
- En las secciones Cuerpo y Enlaces de la barra lateral izquierda, seleccione la fuente base, el tamaño de fuente, el color de fuente y el estilo de fuente (por ejemplo, Light, Bold, Regular).
- Cuando haya terminado de editar la tipografía del tema de la base de conocimientos, haga clic en Publicar tema en la parte superior derecha.
Editar el diseño de un tema de la Base de conocimientos
- Para personalizar el estilo de diseño del tema de la base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Tema.
- En el editor de temas, haga clic en la sección Diseño de la barra lateral izquierda.
- Haga clic en la opción Diseño. Las diferentes opciones de diseño admitirán diferentes opciones de estilo.
- Cuando haya terminado de editar el diseño del tema de la Base de conocimientos, haga clic en Publicar tema en la parte superior derecha.
Editar los estilos de cabecera de un tema de la Base de conocimientos
Puede editar los estilos de cabecera del tema de su base de conocimientos, incluidos el ancho de la cabecera, la barra superior, el conmutador de idiomas, el menú, el botón y los estilos de la barra de búsqueda . También puede editar colores, fuentes y estilos hover dentro de esos elementos.
- Para editar el ancho de la cabecera en el tema de la base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Tema.
- Haga clic en Cabecera en la barra lateral izquierda.
- En el campo Ancho de cabecera , seleccione Ancho completo o Ancho de contenido.
- Para editar el estilo de la barra superior de la cabecera en el tema de la base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Tema.
- Haga clic en Cabecera en la barra lateral izquierda.
-
- En la sección Cabecera , haga clic en Barra superior.
- En la sección Barra superior , seleccione el color de fondo en el selector de color o introduzca un valor de código hexadecimal en el campo Color de fondo . Para editar la fuente, haga clic en la fuente, el color de fuente y el estilo de fuente para los campos Fuente base y Fuente Hover .
- Para editar el estilo del conmutador de idioma de la cabecera en el tema de la base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Tema.
- Haga clic en Cabecera en la barra lateral izquierda.
-
- En la sección Cabecera , haga clic en Conmutador de idioma.
-
- En la sección Conmutador de idiomas , haga clic en Desplegables.
- En la sección Desplegables , haga clic en Fondo.
- En la sección Fondo, seleccione el color en el selector de color o introduzca un valor de código hexadecimal para los campos Color y Hover .
- Para editar el estilo del menú de cabecera en el tema de la base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Tema.
- Haga clic en Cabecera en la barra lateral izquierda.
-
- En la sección Cabecera , haga clic en Menú.
- En la sección Menú , haga clic en Desplegables y, a continuación, en Fondo o Texto.
- En la sección Fondo , seleccione el color en el selector de color o introduzca un valor de código hexadecimal para los campos Color y Hover .
- En la sección Texto , seleccione la fuente, el color de fuente y el estilo de fuente.
- En la sección Menú, haga clic en Texto o Fondo:
- En la sección Texto, seleccione la fuente, el color de fuente y elestilo de fuente para los campos Fuente base y Fuente Hover .
- En la sección Fondo , seleccione el color en el selector de color o introduzca un valor de código hexadecimal en el campo Color.
- Para editar el estilo del Botón de cabecera en el tema de la base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Tema.
- Haga clic en Cabecera en la barra lateral izquierda.
- En la sección Cabecera , haga clic en Botón.
- En la sección Botón , haga clic en Texto, Fondo, Borde, Esquina o Sobreimpresión.
- En la sección Texto, seleccione la fuente, el tamaño de fuente, el color de fuente, el estilo de fuente (por ejemplo, Claro, Negrita, Normal) y las mayúsculas y minúsculas de transformación (por ejemplo, Mayúsculas, Minúsculas, Mayúsculas).
- En la sección Fondo , seleccione el color en el selector de color o introduzca un valor de código hexadecimal en el campo Color .
- En la sección Borde , seleccione un estilo de borde en el campo Estilo .
- Para editar el estilo hover, haga clic en Hover y, a continuación, en Texto, Fondo o Borde.
- En la sección Texto , seleccione la fuente, el tamaño de fuente, el color de fuente, el estilo de fuente (por ejemplo, Claro, Negrita, Normal) y las mayúsculas y minúsculas de transformación (por ejemplo, Mayúsculas, Minúsculas, Mayúsculas).
- En la sección Fondo , seleccione el color en el selector de color o introduzca un valor de código hexadecimal en el campo Color .
- En la sección Borde , seleccione un estilo de borde en el campo Estilo .
- Para editar el estilo de la barra de búsqueda de la cabecera en el tema de la base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Tema.
- Haga clic en Cabecera en la barra lateral izquierda.
- En la sección Cabecera , haga clic en Barra de búsqueda.
- En la sección Barra de búsqueda , haga clic en Fondo, Texto de etiqueta o Entrada.
- En la sección Fondo , seleccione el tipo de fondo y seleccione un color en el selector de color o introduzca un valor de código hexadecimal.
- En la sección Texto de etiqueta , seleccione la fuente, el tamaño de fuente, el color de fuente y el estilo de fuente (por ejemplo, Claro, Negrita, Normal).
- En la sección Entrada , seleccione un color en el selector de color o introduzca un valor de código hexadecimal para los campos Color del texto, Color del botón y Color del icono .
- Cuando hayas terminado de editar los estilos de cabecera del tema de la base de conocimientos, haz clic en Publicar tema en la parte superior derecha.
Editar los estilos de pie de página de un tema de la Base de conocimientos
Puedes editar los estilos del pie de página de tu tema de base de conocimientos, incluidos el ancho del pie de página, el fondo, el menú, el texto y los iconos sociales. También puede editar colores, fuentes y estilos hover dentro de esos elementos.
- Para editar el ancho del pie de página en el tema de la base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Tema.
- Haga clic en Pie de página en la barra lateral izquierda.
- En la sección Pie de página , haga clic en Ancho completo o Ancho de contenido.
- Para editar el fondo del pie de página en el tema de la base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Tema.
- Haga clic en Pie de página en la barra lateral izquierda.
- En la sección Pie de página , seleccione un color en el selector de color o introduzca un valor de código hexadecimal en el campo Fondo ..
- Para editar el estilo del menú de pie de página en el tema de la base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Tema.
- Haga clic en Pie de página en la barra lateral izquierda.
- En la sección Pie de página , haga clic en Menú.
- Seleccione la fuente, el color de fuente y el estilo de fuente (por ejemplo, Light, Bold, Regular) en los campos Base font y Hover font .
- Para editar el estilo del texto del pie de página en el tema de la base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Tema.
- Haga clic en Pie de página en la barra lateral izquierda.
- En la sección Pie de página , haga clic en Texto.
- Seleccione la fuente, el tamaño de fuente, el color de fuente y el estilo de fuente (por ejemplo, Light, Bold, Regular) en el campo Fuente.
- Para editar el estilo del icono social del pie de página en el tema de la base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Tema.
- Haga clic en Pie de página en la barra lateral izquierda.
- En la sección Pie de página , haga clic en Iconos sociales.
- Para cambiar el tamaño de los iconos sociales, haga clic en el menú desplegable Tamaño del icono y seleccione Pequeño, Normal o Grande.
- Para cambiar la forma de los iconos sociales, haz clic en el menú desplegable Forma del icono y selecciona Círculo o Cuadrado.
- Para cambiar el color de los iconos sociales, seleccione el color en el selector de color o introduzca un valor de código hexadecimal en el campo Color del icono .
- Para cambiar el color de fondo de los iconos sociales, seleccione el color en el selector de color o introduzca un valor de código hexadecimal en el campo Fondo .
- Para cambiar la alineación de los iconos sociales, haga clic en blockAlignmentLeftIcon Alinear a la izquierda, blockAlignmentCenterIcon Alinear al centro o blockAlignmentRightIcon Alinear a la derecha en el campo Alineación .
- Cuando hayas terminado de editar los estilos de pie de página del tema de la base de conocimientos, haz clic en Publicar tema en la parte superior derecha.
Editar el contenido de la cabecera de una base de conocimientos
Puede editar el contenido de la cabecera de su base de conocimientos, incluidos el logotipo, el menú, el botón, el conmutador de idiomas y las opciones de asistencia adicionales. Los cambios serán visibles en todas las páginas de la base de conocimientos.
- Para editar el contenido del logotipo de cabecera de una base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Cabecera.
- En el editor global de contenidos, haga clic en el icono siteTree en la barra lateral izquierda.
- En la barra lateral izquierda, haga clic en el módulo Cabecera del sitio web .
- En el módulo Cabecera del sitio web , haga clic en Logotipo.
- Para anular el logotipo predeterminado, active el interruptor Anular logotipo predeterminado o haga clic en Editar logotipo predeterminado en este dominio para actualizar el logotipo predeterminado.
- Si ha seleccionado anular el logotipo predeterminado, puede hacer clic en Subir o Examinar imágenes para añadir un nuevo logotipo.
- Haga clic en Aplicar opciones en la parte inferior izquierda del editor de la barra lateral para ver sus cambios.
- Para editar el contenido del menú de cabecera de una base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Cabecera.
- En el editor global de contenidos, haga clic en el icono siteTree en la barra lateral izquierda.
- En la barra lateral izquierda, haga clic en el módulo Cabecera del sitio web .
- En el módulo de cabecera del sitio web , haga clic en Menú.
- Para mostrar un menú de cabecera, haga clic en el menú desplegable Menú y seleccione un menú.
- Para editar un menú de cabecera existente, haga clic en Editar en el campo Menú .
- Para crear un nuevo menú de cabecera, haga clic en Crear nuevo en el campo Menú .
- Para editar el número de elementos del árbol de menús que pueden mostrarse en el menú de cabecera, utilice las teclas upIcon aumentar y downIcon en el campo Niveles máximos .
- Haga clic en Aplicar opciones en la parte inferior izquierda del editor de la barra lateral para ver los cambios.
- Para editar el contenido del botón de cabecera de una base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Cabecera.
- En el editor global de contenidos, haga clic en el icono siteTree en la barra lateral izquierda.
- En la barra lateral izquierda, haga clic en el módulo Cabecera del sitio web .
- En el módulo Cabecera del sitio web , haga clic en Botón.
- Para añadir un botón a la cabecera, seleccione la casilla de verificación Añadir botón .
- Para editar el texto del botón de la cabecera, introduzca el texto en el campo Texto del botón .
- Para editar el enlace URL al que el botón dirige a los visitantes, haga clic en el menú desplegable Enlace a y seleccione la opción de enlace .
- Para que el enlace URL se abra en una ventana nueva, active el interruptor Abrir enlace en ventana nueva .
- Para editar el tipo de enlace, seleccione la casilla de verificación situada junto a los campos No seguir o Añadir icono .
- Haga clic en Aplicar opciones en la parte inferior izquierda del editor de la barra lateral para ver sus cambios.
- Para editar una cabecera de la base de conocimientos para el contenido del conmutador de idiomas:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Cabecera.
- En el editor global de contenidos, haga clic en el icono siteTree en la barra lateral izquierda.
- En la barra lateral izquierda, haga clic en el módulo Cabecera del sitio web .
- En el módulo de cabecera del sitio web , haga clic en Conmutador de idioma.
- Para añadir el conmutador de idiomas a la cabecera, seleccione la casilla de verificación situada junto al campo Añadir conmutador de idiomas .
- Para editar el modo de visualización del conmutador de idiomas, haga clic en el menú desplegable Modo de visualización y seleccione Localizado, PageLang o Híbrido.
- Haga clic en Aplicar opciones en la parte inferior izquierda del editor de la barra lateral para ver sus cambios.
- Para editar un encabezado de la base de conocimientos para el contenido de las opciones de soporte adicionales:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Cabecera.
- En el editor global de contenidos, haga clic en el icono siteTree en la barra lateral izquierda.
- En la barra lateral izquierda, haga clic en el módulo Cabecera del sitio web .
- En el módulo Cabecera del sitio web , haga clic en Opciones de soporte adicionales.
- Para mostrar un enlace al portal del cliente, active el interruptor Mostrar enlace al portal del cliente .
- En el campo de texto Enlace al portal del cliente , introduzca el texto que desea que se muestre.
- Para mostrar un inicio de sesión para contenido restringido, active el interruptor Mostrar inicio de sesión para contenido restringido .
- Introduzca el texto que desea que aparezca en los campos Texto del enlace de entrada y Texto del enlace de salida .
- Haga clic en Aplicar opciones en la parte inferior izquierda del editor de la barra lateral para ver sus cambios.
- Cuando haya terminado de editar el contenido de la cabecera de la base de conocimientos, haga clic en Publicar en [#] recursos en la parte superior derecha.
Editar el contenido del pie de página de una base de conocimientos
Puede editar el contenido del pie de página de su base de conocimientos, incluidos el menú, el logotipo, la dirección del pie de página, el seguimiento en redes sociales y las opciones de copyright del pie de página. Los cambios serán visibles en todas las páginas de la base de conocimientos.
- Para editar el contenido del menú de pie de página de una base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Pie de página.
- En el editor global de contenidos, haga clic en el icono siteTree en la barra lateral izquierda.
- En la barra lateral izquierda, haga clic en el módulo de menú Pie de página .
- Para mostrar un menú de pie de página, haga clic en el menú desplegable Menú y seleccione un menú.
- Para editar un menú de pie de página existente, haga clic en Editar en el campo Menú .
- Para crear un nuevo menú de pie de página, haga clic en Crear nuevo en el campo Menú .
- Para editar el número de elementos del árbol de menús que pueden mostrarse en el menú de pie de página, utilice los botones upIcon aumentar y downIcon en el campo Niveles máximos .
- Para mostrar un menú de pie de página, seleccione la casilla de verificación del campo Mostrar menú .
- Haga clic en Aplicar opciones en la parte inferior izquierda del editor de la barra lateral para ver sus cambios.
- Para editar el contenido del logotipo del pie de página de una base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Pie de página.
- En el editor global de contenidos, haga clic en el icono siteTree en la barra lateral izquierda.
- En la barra lateral izquierda, haga clic en el módulo Logotipo.
- Para anular el logotipo predeterminado del pie de página, activa el interruptor Anular logotipo predeterminado o haz clic en Editar logotipo predeterminado en este dominio para actualizar el logotipo predeterminado.
- Si ha seleccionado anular el logotipo de pie de página predeterminado, puede hacer clic en Subir o Examinar imágenes para añadir un nuevo logotipo.
- Para personalizar cómo se carga el logotipo del pie de página, haga clic en el menú desplegable Carga de imágenes y seleccione De forma predeterminada, Perezoso o Ansioso.
- Para añadir una URL de enlace al logotipo del pie de página, introduzca el texto de la URL en el campo URL de enlace .
- Haga clic en Aplicar opciones en la parte inferior izquierda del editor de la barra lateral para ver sus cambios.
- Para editar el contenido de la dirección del pie de página de una base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Pie de página.
- En el editor global de contenidos, haga clic en el icono siteTree en la barra lateral izquierda.
- En la barra lateral izquierda, haga clic en el módulo Dirección de pie de página y, a continuación, en Editar en la vista ampliada.
- Introducir el texto del pie de página en el editor de contenido global.
- Para editar el contenido de seguimiento social del pie de página de una base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Pie de página.
- En el editor global de contenidos, haga clic en el icono siteTree en la barra lateral izquierda.
- En la barra lateral izquierda, haga clic en el módulo Redes sociales .
- En la sección Redes sociales , haga clic en el botón editIcon editar o deleteIcon eliminar para editar o eliminar un enlace social existente. Para añadir un enlace social, haga clic en el botón + Añadir .
- Para mostrar iconos de seguimiento de redes sociales, seleccione la casilla de verificación situada junto al campo Mostrar iconos .
- Para editar el contenido de copyright del pie de página de una base de conocimientos:
- En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.
- En la parte superior derecha, haga clic en el menú desplegable Configurar y seleccione Pie de página.
- En el editor global de contenidos, haga clic en el icono siteTree en la barra lateral izquierda.
- En la barra lateral izquierda, haga clic en el módulo de copyright Pie de página y, a continuación, en Editar en la vista ampliada.
- Introducir el texto del pie de página en el editor de contenido global.
- Cuando haya terminado de editar el contenido del pie de página de la base de conocimientos, haga clic en Publicar en [#] recursos en la parte superior derecha.