Ir al contenido principal

Personaliza tu Help Center

Usa este artículo para personalizar cómo se ve y funciona tu Help Center para los clientes, incluyendo la marca (logo, colores, fuentes), el bloque principal y la barra de búsqueda, el diseño de navegación, la visualización de artículos, domains, analy...

Escrito por Beth-Ann Sher

En Configuración de Help Center, encontrarás una amplia gama de opciones de personalización para ayudarte a marcar tu Help Center y controlar cómo aparece para tus clientes. Aquí te mostramos cómo configurar y previsualizar cambios en un Help Center en tiempo real.

Nota: Necesitas acceso a la configuración de Help Center para hacer los cambios en este artículo. Si no puedes ver Settings > Help Center, contacta al administrador de tu espacio de trabajo para solicitar acceso.


Cómo configurar la configuración general

Para configurar los idiomas soportados, domains, analytics, privacidad e imágenes de redes sociales de tu Help Center, ve a Settings > Help Center. Haz clic en el Help Center que quieres configurar, seguido de Configure and style en la esquina derecha.

Página de configuración de Help Center mostrando una lista de Help Centers con el botón Configure and style resaltado en la esquina superior derecha

En la página Configure and Style, abre la pestaña General.

Página Configure and Style con la pestaña General seleccionada, mostrando configuraciones para idiomas soportados, domains, analytics, privacidad e imágenes de redes sociales

Si usas Multi Help Center, puedes configurar la configuración para cada Help Center por separado.

Nombre del Help Center

Para cambiar el nombre interno de tu Help Center, ve a Settings > Help Center y haz clic en Configure and Style junto al Help Center que quieres renombrar. Luego haz clic en el nombre del Help Center en la esquina superior izquierda de la página para editarlo en línea.

Cómo establecer tu idioma predeterminado

Para elegir un idioma predeterminado, ve a Settings > Help Center > Configure & Style, haz clic en la pestaña General y abre Supported languages.

Selecciona tu idioma predeterminado y haz clic en Save and set live.

Configuración de idiomas soportados mostrando un menú desplegable de idioma predeterminado con el botón Save and set live visible

Una vez que elijas tu Default language, la interfaz de usuario de tu Help Center se mostrará en el idioma que configuraste. Esto cambiará el idioma de tu:

  • Indicador de búsqueda en tu página principal.

  • Conteo de artículos, autor y fecha de última modificación.

  • Indicador de reacciones en tus artículos.

  • Logo ‘We run on Intercom’ y más.

Nota:

Aunque tu Help Centre solo soporte un idioma, aún habrá una opción desplegable que muestra un solo idioma y no es posible eliminarla.

Cómo configurar el domain de tu Help Center

Usa tu domain predeterminado

Una vez que tu Help Center esté activo, Intercom hace que tu contenido esté disponible en un domain de Intercom por defecto. Asegúrate de que tu Help Center esté set live antes de continuar.

Para encontrar tu URL predeterminada, ve a Settings > Help Center > Configure & Style, haz clic en la pestaña General y abre Domains.

El nombre de tu app formará parte de tu URL. Por ejemplo, si el nombre de tu app es ‘ExampleApp’, tu URL se verá así:

Sección de domains mostrando el formato de URL predeterminado de Help Center con el nombre de la app resaltado como parte editable de la URL

Puedes editar la parte del nombre de la app en tu URL (por ejemplo, exampleapp) a lo que quieras.

Configura un domain personalizado

Si prefieres hacer que tu contenido esté disponible a través de tu propio domain, puedes configurar un domain personalizado.

Ve a tu proveedor de DNS — el servicio que gestiona la configuración de tu domain (por ejemplo, GoDaddy, Cloudflare, DNSimple o Route53) — y crea un registro CNAME (una entrada DNS que apunta tu domain a otra dirección) con un host objetivo de custom.intercom.help. Hemos creado esta guía para ayudarte a ti o a tu ingeniero a configurarlo.

Nota:

  • Se soportan tanto subdomains (por ejemplo, help.exampleapp.io) como subpaths (por ejemplo, exampleapp.io/help).

  • Los cambios en DNS pueden tardar hasta 72 horas en surtir efecto, pero normalmente ocurren mucho más rápido.

Para completar la configuración, ve a Settings > Help Center > Configure & Style y abre Domains. Ingresa la URL de tu domain personalizado y haz clic en Save and set live. Después de guardar, tu domain personalizado se activa — la propagación de DNS puede tardar hasta 72 horas, aunque normalmente se resuelve mucho más rápido. Hasta entonces, tu domain predeterminado de Intercom sigue accesible.

Configuración de domains mostrando el campo de entrada de URL de domain personalizado con el botón Save and set live

También puedes elegir desactivar la indexación en motores de búsqueda y mantener tus artículos privados.

Cómo conectar Google Analytics

Para integrar Google Analytics con tu Help Center y obtener información sobre el comportamiento de tus visitantes, solo necesitas tu ID de medición GA4 (que se encuentra en tu cuenta de Google Analytics bajo Admin > Data Streams).

Una vez que hayas copiado tu ID de medición GA4 de tu cuenta de Google Analytics, ve a Settings > Help Center > Configure & Style y abre Analytics, luego pega esto en "Google Analytics Tracking ID".

Configuración de analytics mostrando el campo de entrada de Google Analytics Tracking ID donde se pega el ID de medición GA4

Cómo restringir el acceso a artículos

Para restringir los artículos solo a users que hayan iniciado sesión, configura la audiencia del artículo a Users en el panel de detalles del artículo. Una vez que un artículo está configurado para Users, solo es visible para personas que hayan iniciado sesión en tu producto — visitantes y leads no lo verán en tu Help Center ni en los resultados de búsqueda. Ve a Settings > Help Center > Configure & Style y abre Privacy para ingresar un enlace a tu página de inicio de sesión.

Configuración de privacidad mostrando el campo de entrada de URL de página de inicio de sesión usado para redirigir a visitantes que intentan acceder a artículos restringidos

Cuando un visitante o lead intenta acceder a un artículo restringido (configurado solo para Users), serán redirigidos a la URL de la página de inicio de sesión que hayas ingresado aquí, con un mensaje que los anima a iniciar sesión. Sin una URL de página de inicio de sesión, no ocurrirá ninguna redirección.

No es posible hacer que el Help Center sea privado. Los clientes aún podrán acceder a tu Help Center si haces que todos tus artículos sean privados, pero no podrán ver ningún artículo hasta que inicien sesión.

Imágenes para redes sociales

Favicon

Desde Configuración > Help Center > Configurar y Estilo > General > Imágenes para redes sociales, puedes subir un favicon. Este favicon aparece antes del título en la pestaña del navegador de tus clientes cuando visitan tu sitio web del Help Center.

Sección de imágenes para redes sociales mostrando el área de carga del favicon bajo la configuración General

Nota: En la página principal del Help Center, el título de la pestaña del navegador incluye automáticamente un prefijo generado por el sistema antes del nombre de tu sitio (por ejemplo, "Inicio |" (para inglés). Actualmente, este prefijo no puede ser eliminado ni personalizado por los compañeros de espacio de trabajo.

Proporción recomendada: 1:1. Tamaño máximo de archivo: 150KB. Dimensiones máximas: 588 x 588px.

Imagen para redes sociales

También puedes subir una imagen para redes sociales en alta resolución. La imagen para redes sociales aparece cuando tu Help Center o artículos se comparten en Facebook, Twitter o cualquier otra plataforma de redes sociales.

Área de carga de imagen para redes sociales en la configuración del Help Center mostrando la proporción recomendada y los requisitos de tamaño de archivo

Dimensiones recomendadas: 1200 x 630px (proporción 1.91:1). Tamaño máximo de archivo: 2MB.

Cómo eliminar un Help Center

Esta opción solo está disponible cuando tienes múltiples Help Centers, no puedes eliminar tu Help Center original (predeterminado) desde tu espacio de trabajo.

Si este es tu único Help Center y quieres eliminarlo, puedes configurarlo como No activo en su lugar.

Si eliminas un Help Center, no hay forma de restaurarlo.


Cómo configurar los ajustes de estilo

Para gestionar el estilo de tu Help Center y cómo aparece el contenido en la página principal, colecciones, artículos, encabezado y pie de página, ve a Configuración > Help Center > Configurar y Estilo y abre la pestaña Estilo.

Página de Configurar y Estilo con la pestaña Estilo abierta, mostrando secciones para Importar tu marca, Elementos compartidos, Encabezado, Bloque principal, Diseño y secciones, Página de colección, Página de artículo y Pie de página

Si usas Multi Help Center, puedes configurar los ajustes de Estilo para cada Help Center por separado.

Cómo importar tu marca

Ve a Configuración > Help Center > Configurar y Estilo, haz clic en Estilo y abre Importar tu marca para ingresar la URL de tu marca. Intercom aplicará automáticamente el estilo de tu Help Center para que se parezca a tu marca.

Panel de Importar tu marca mostrando un campo de entrada de URL donde ingresas el dominio principal de tu marca

Una vez que la marca ha sido importada, Intercom aplica automáticamente el logo y los colores de esta. La vista previa de tu Help Center a la derecha se actualiza para reflejar la marca importada. Haz clic en Guardar y publicar para aplicar los cambios.

Página de estilo del Help Center mostrando el logo y los colores de la marca automáticamente completados después de importar una URL de marca

Necesitarás proporcionar la URL correcta al importar tu marca. Normalmente, este es el dominio principal de tu sitio web. Por ejemplo, "example.com" en lugar de "subdomain.example.com". Algunos dominios no son accesibles o no funcionan, y en ese caso verás un mensaje de error.

También verás los colores que se importaron junto a todas las opciones de color en la sección Bloque principal. Esto te permite editar fácilmente los colores de diferentes partes del Help Center, sin perder acceso a los colores de tu marca.

Selector de color del bloque principal mostrando los colores de la marca importada disponibles como opciones junto al selector de color estándar

Asegúrate de hacer clic en Guardar y publicar, ya que tus cambios no se guardarán automáticamente.

Agregar una imagen principal

Si eliges incluir una imagen principal, es importante notar que la imagen es adaptable. Esto significa que se ajustará automáticamente para llenar toda el área del encabezado. Para evitar que tu imagen se recorte o estire, deberás hacer coincidir la proporción de aspecto de tu imagen con la altura del encabezado que elijas.

Dimensiones y proporciones recomendadas

Usa esta tabla para asegurarte de que tu imagen coincida con la altura del encabezado que seleccionaste en tu configuración:

Tamaño del encabezado

Altura

Proporción de aspecto recomendada

Dimensiones de ejemplo

Pequeño

245px

6:1

1470 x 245px

Mediano

360px

4:1

1440 x 360px

Grande

480px

3:1

1440 x 480px

Cómo configurar elementos compartidos

Color de fondo del cuerpo

Ve a Settings > Help Center > Configure & Style, haz clic en la pestaña Styling y abre Shared elements para cambiar el color de fondo del cuerpo y todas las páginas del Help Center (inicio, colección, artículo, búsqueda, páginas de error, etc.) se adaptarán en consecuencia.

Configuración de Shared elements mostrando el selector de color de fondo del cuerpo que se aplica a todas las páginas del Help Center

Color de acción

Establece un Color de acción que contraste bien con el fondo del cuerpo; se aplica a botones, enlaces y otros elementos interactivos en todo tu Help Center.

Nota:

  • El color de acción no se actualizará para los iconos subidos en formato JPEG/PNG/GIF.

  • El color se actualizará una vez que tu Help Center esté publicado.

Estilo de diseño

Elige entre el estilo de diseño Card o Floating que se aplica a Colecciones y Artículos en todas las páginas.

Selector de estilo de diseño de Shared elements mostrando opciones Card y Floating con una vista previa a la derecha

Cuando eliges el estilo de diseño card, el color de fondo de la tarjeta se generará automáticamente para proporcionar suficiente contraste con el color de fondo del Help Center. El color de fondo de la tarjeta no se puede personalizar.

Radio de esquina

Establece el radio de esquina para los elementos en tus Colecciones, Artículos y estados hover (al pasar el cursor sobre Artículos dentro de una Colección).

Control deslizante de radio de esquina en la configuración de Shared elements para controlar las esquinas redondeadas en las tarjetas de Colección y Artículo

Nota: Los iconos personalizados subidos a las tarjetas de colección se tratan como imágenes independientes y no heredan automáticamente el radio de esquina configurado aquí. Para lograr esquinas redondeadas en iconos personalizados, redondea la imagen antes de subirla.

Fuente

Elige de una lista de Google Fonts precargadas para usar en tu Help Center:

  • Fuente primaria - Usada en el Mensaje de bienvenida, títulos y encabezados.

  • Fuente secundaria - Usada para descripciones, texto del cuerpo del artículo y todo el demás texto

Selector de fuente en la configuración de Styling del Help Center mostrando los desplegables de Fuente primaria y Fuente secundaria con una lista de Google Fonts disponibles

Las siguientes fuentes están disponibles para seleccionar en la configuración de estilo de tu Help Center:

  • Bitter

  • Inter

  • Lato

  • Lora

  • Montserrat

  • Open Sans

  • Oswald

  • Playfair Display

  • Poppins

  • Noto Sans

  • Noto Serif

  • Raleway

  • Roboto

  • Roboto Mono

  • Roboto Slab

Nota:

  • La fuente seleccionada no se aplica al Messenger, que siempre usará la fuente del sistema.

  • La fuente que usábamos anteriormente proxima nova ha sido eliminada desde junio de 2023; puedes usar Montserrat o Open Sans para lograr un aspecto similar.

O haz clic en Manage custom fonts para subir tu propia fuente personalizada que coincida con el estilo de tu marca.

Mostrar autores del artículo

Muestra u oculta los autores del artículo en la Página principal, Colecciones y Artículos yendo a Settings > Help Center > Configure & Style.

Haz clic en la pestaña Styling y abre Shared elements, luego desplázate hacia abajo para activar o desactivar "Mostrar autores del artículo".

Configuración de Shared elements mostrando el interruptor Mostrar autores del artículo, que controla si los nombres de los autores aparecen en la página principal, páginas de colección y páginas de artículo

Cómo personalizar el encabezado

Desde Settings > Help Center > Configure & Style haz clic en la pestaña Styling y abre Header, para diseñar la sección superior del encabezado con tu logo, título de la página/nombre de la empresa y cualquier enlace del encabezado.

Configuración de estilo del encabezado mostrando opciones para subir logo, campo de título de página y configuración de enlaces del encabezado

El encabezado también puede configurarse por separado para todos tus idiomas soportados.

Logo

Sube una versión de alta resolución de tu logo.

Proporción recomendada: 5:1. Máximo 1MB, ancho/alto máximo de 720px.

Si añades un logo al encabezado de tu Help Center, reemplazará el título de la página. Si añades un logo al pie de página de tu Help Center, reemplazará el título de la página.

Título de la página

El campo Título de la página controla el texto que aparece en la pestaña del navegador de tus customers cuando visitan tu Help Center. Para personalizarlo, ve a Settings > Help Center > Configure & Style, haz clic en la pestaña Styling, abre Header e ingresa tu título preferido en Page Title. Esto te permite actualizar el título de la pestaña del navegador para reflejar tu marca.

Enlaces del encabezado

Puedes añadir hasta 3 enlaces a otras páginas web, como tu blog o comunidad.

El encabezado empujará el resto del contenido hacia abajo en lugar de superponerse a él.

Cómo personalizar el bloque heroico

El bloque Hero es el gran banner en la parte superior de la página principal de tu Help Center, la sección que contiene tu mensaje de bienvenida y la barra de búsqueda. Está debajo del Header (que muestra tu logo y enlaces de navegación) y encima del resto del contenido de la página.

Mensaje de bienvenida

Desde Settings > Help Center > Configure & Style, haz clic en la pestaña Styling y abre Hero block para añadir atributos de usuario al mensaje de bienvenida en la página principal de tu Help Center.

Incluirá el atributo de usuario si el customer ha iniciado sesión. Si el customer es un visitante o lead (no ha iniciado sesión), se mostrará el valor alternativo que hayas configurado. Por ejemplo, configurar un valor alternativo como "there" significa que un visitante verá "¡Hola there!" en lugar de un mensaje de bienvenida vacío o roto.

Configuración del bloque Hero mostrando el campo de mensaje de bienvenida con un marcador de posición de atributo de usuario y valor alternativo configurado

Nota:

  • Los atributos de usuario solo estarán presentes si el customer ha configurado los datos de usuario de alguna manera. Ejemplo: A través del API de javascript, Configuración de usuarios con sesión iniciada, etc.

  • El mensaje de bienvenida puede configurarse en todos tus idiomas soportados.

  • El mensaje de bienvenida del bloque Hero no puede quedar vacío. El bloque Hero es un componente principal de la página principal del Help Center y siempre mostrará algún texto; si el campo de mensaje de bienvenida queda vacío, aparecerá un texto predeterminado o de marcador de posición. Asegúrate de establecer un mensaje de bienvenida para controlar lo que ven tus customers.

Importante: Esto solo aplica si cambias a la nueva experiencia de Help Center. La línea de descripción del bloque hero — la frase que antes aparecía debajo del titular hero en la página principal del Help Center — ha sido eliminada en el nuevo diseño. Si tu Help Center tenía esta línea antes del cambio, no puede restaurarse, ni siquiera volviendo al diseño clásico. Este cambio no puede revertirse.

Fondo

El color de fondo que elijas se aplicará a estos elementos:

  • Color del icono del avatar (cuando no hay imagen disponible).

  • Enlaces en artículos.

  • Color y degradado del bloque Hero, o carga de imagen.

  • Desvanecer fondo (si usas un degradado de color).

Actualmente, por defecto, todos los avatares son transparentes. Sin embargo, los avatares no serán transparentes:

  • Si el avatar se muestra dentro de un grupo de avatares (y ese grupo no incluye avatar Fin)

  • Si ese grupo de avatares contiene más de un avatar

Color del texto

El color del texto que elijas se aplicará a:

  • Enlaces en el bloque Hero.

  • Texto en la barra de búsqueda.

Imagen Hero proporción recomendada: 5:2. Tamaño máximo de archivo 2MB, ancho/alto máximo de 3000px. Aparece en la parte superior de tu página principal y en cada página de tu Help Center, así que añade una imagen impactante que represente tu marca.

"Desvanecer fondo" aparece solo en la página principal del Help Center.

Altura

Elige una altura total para el encabezado del Help Center en la página principal. Altura mínima de 245 píxeles y máxima de 600 píxeles.

Barra de búsqueda

Elige entre tres tamaños diferentes de barra de búsqueda y luego selecciona la alineación:

  • Vertical - izquierda o centro.

  • Horizontal - arriba, centro o abajo.

La siguiente tabla muestra la apariencia visual de cada opción de tamaño de barra de búsqueda disponible en la configuración del bloque Hero:

Corta

Mediana

Larga

Radio de esquina

También puedes seleccionar un radio de esquina para la barra de búsqueda. Mínimo 0 píxeles y máximo 30 píxeles.

Nota: La configuración de longitud de la barra de búsqueda se aplica solo a la página principal del Help Center. Cuando un customer navega a una colección, la barra de búsqueda vuelve a su tamaño predeterminado y no mantiene la longitud configurada desde la página principal.

Cómo configurar el diseño y las secciones

Desde Settings > Help Center > Configure & Style, haz clic en la pestaña Styling y abre Layout and sections para diseñar cómo se muestran las Collections y elegir habilitar secciones para Articles, Content y Customer Portal en la página principal. Haz clic en Edit junto a cada sección (Collections, Articles, Content o Customer Portal) para configurarla.

Página de diseño y secciones mostrando interruptores para las secciones Collections, Articles, Content y Customer Portal con botones Edit

La sección Collections controla cómo se muestran tus colecciones de contenido en la página principal del Help Center. Úsala para elegir el diseño, estilo de tarjeta y diseño de icono o imagen para cada colección.

Cómo configurar la sección de Colecciones

Nota: Las Colecciones deben tener artículos publicados en todos los idiomas compatibles para su Help Center. Si una Colección solo tiene una versión en inglés publicada, no aparecerá en la configuración de estilo, ya que esas configuraciones son universales para todos los idiomas del Help Center. Para resolver esto, navega a la colección y asegúrate de haber creado y publicado al menos un artículo para cada idioma que soporte tu Help Center.

Diseño

Elige entre un diseño de 1, 2 o 3 columnas.

Selector de columnas de diseño mostrando opciones de 1, 2 y 3 columnas para mostrar colecciones en la página principal del Help Center

Selecciona un estilo de tarjeta para las Colecciones:

  • Clásico - El estilo actual de tarjeta de colección.

  • Visual - Usa un espacio más grande para iconos e imágenes.

  • Compacto - Muestra la información más importante usando el mínimo espacio.

Al hacer clic en un estilo de tarjeta, se mostrará una vista previa automáticamente a la derecha.

Selector de estilo de tarjeta de colecciones mostrando opciones Clásico, Visual y Compacto con un panel de vista previa en vivo a la derecha

Nota: El diseño de colecciones compacto requiere el plan Expert.

Todos los estilos de tarjeta son responsivos y se ven bien en cualquier resolución, incluyendo móvil, escritorio y tablet, que también puedes previsualizar a la derecha usando el menú desplegable y seleccionando la opción que deseas ver.

Panel de vista previa mostrando el estilo de tarjeta de colección seleccionado en diferentes resoluciones — móvil, tablet y escritorio — usando el menú desplegable de resolución

Diseño

Usa iconos, imágenes o solo texto para las tarjetas de tu Colección.

Selector de diseño para tarjetas de colección mostrando opciones de Iconos, Imágenes y Solo texto

Si usas iconos, puedes cambiar los siguientes colores:

  • Color del icono: Selecciona el color usando el selector de color o ingresa un código hex.

  • Fondo del icono:

    • Color - Selecciona el color usando el selector de color o ingresa un código hex.

    • Imagen - Sube una imagen.

    • Degradado - Crea un degradado usando hasta tres colores con el selector de color o ingresa un código hex.

Nota:

  • Proporción recomendada: 1:1

  • Dimensiones recomendadas: 48px de altura/ancho máximo

  • La selección de diseño determina las opciones disponibles para las actualizaciones de Colecciones. Por ejemplo, seleccionar Imágenes te permitirá elegir imágenes subidas en lugar de iconos al actualizar Colecciones individuales.

Si usas imágenes, esto llenará el fondo de la tarjeta de la colección, por lo que funciona muy bien con la plantilla visual.

Las tarjetas de colección individuales pueden ser estilizadas con imágenes eligiendo la colección desde un menú desplegable. O los estilos aún pueden aplicarse a todas las colecciones eligiendo la opción Todas las colecciones en el menú desplegable, esto sobrescribirá cualquier estilo individual.

Nota:

  • El color del icono solo puede cambiarse en iconos predeterminados o iconos personalizados que hayas subido en formato SVG (Scalable Vector Graphics — un formato de archivo que soporta cambios de color sin pérdida de calidad).

  • Las cargas SVG se mostrarán en un solo color.

  • El color de fondo es opcional y puede desactivarse.

Sección de artículos

Agrega una sección de Artículos en la página principal de tu Help Center.

Página de diseño y secciones mostrando el interruptor de la sección de Artículos en posición activada

Una vez activada, haz clic en Editar para seleccionar el idioma de esos artículos, elige cuántas columnas mostrar, pon un título a esta sección y luego selecciona artículos de tu Help Center. Puedes seleccionar hasta 12 artículos publicados en tu Help Center.

Editor de sección de Artículos mostrando selector de idioma, selector de número de columnas, campo de título de sección y selector de artículos con hasta 12 artículos seleccionables

Nota:

  • Para cada idioma, solo puedes seleccionar artículos publicados que tengan la traducción en ese idioma.

  • Los artículos con reglas de audience targeting aplicadas pueden seleccionarse y mostrarse aquí, pero solo aparecerán al cliente si coinciden con las reglas de audiencia.

  • La vista previa solo mostrará los enlaces de los artículos para el idioma predeterminado.

Sección de contenido

Agrega una sección de Contenido personalizable en la página principal de tu Help Center. Este es un buen lugar para destacar una nueva función, seminario web o llamada a la acción para tus clientes. Una vez activada, haz clic en Editar para personalizar la sección de contenido.

Página de diseño y secciones mostrando el interruptor de la sección de Contenido en posición activada con un botón Editar

Crea contenido localizado seleccionando uno de tus idiomas compatibles.

Agrega un título opcional, descripción y botón de llamada a la acción a la tarjeta de contenido.

Desplázate hacia abajo para estilizar la sección de contenido:

  • Diseño - Elige entre tarjeta o pantalla completa.

  • Fondo - Selecciona un color, imagen o degradado.

  • Color de texto - Selecciona el color del texto para el título y la descripción.

Ve cómo aparecerá la sección de contenido en la página principal con la vista previa a la derecha. La vista previa solo se mostrará en tu idioma predeterminado.

Recuerda seleccionar Guardar y publicar cuando estés listo para agregar la sección de contenido a tu Help Center.

Portal del cliente

El Customer Portal puede habilitarse si estás usando Intercom tickets. Proporciona a las organizaciones de tus clientes una vista en tiempo real de todos sus tickets abiertos y resueltos en un solo lugar. Una vez habilitado, los clientes que pertenezcan a una empresa en Intercom verán una pestaña del portal en tu Help Center. Para habilitarlo, ve a Settings > Help Center > Configure & Style, abre Layout and sections y activa Customer Portal.

Página de Layout and sections mostrando el interruptor de Customer Portal que habilita una pestaña de ticket portal en el Help Center para organizaciones de clientes

Orden

Para mostrar Artículos arriba o abajo de tus Colecciones en la página principal, simplemente usa la herramienta de arrastrar y soltar junto a cada sección para reordenarlas.

Página de Layout and sections mostrando los controles de arrastre junto a las secciones de Collections, Articles y Content para reordenar su orden de visualización en la página principal

Cómo configurar la página de colección

Descripciones de contenido

Desde Settings > Help Center > Configure & Style, haz clic en la pestaña Styling y abre Collection page para mostrar u ocultar "Descripciones de contenido" en cada una de tus colecciones. Ocultar las descripciones facilita escanear tus artículos, mostrar las descripciones ayuda a los clientes a entender qué esperar dentro de esa colección.

Configuración de la página de colección mostrando el interruptor de Descripciones de contenido que controla si las descripciones de los artículos aparecen en las listas de colecciones

Nota: La sección de colecciones no puede desactivarse como otras secciones.

Cómo configurar la página del artículo

Tabla de contenidos

Desde Settings > Help Center > Configure & Style, haz clic en la pestaña Styling y abre Article page para habilitar o deshabilitar una tabla de contenidos en cada artículo usando cualquier encabezado H1 o H2 en tus artículos.

Artículos relacionados

También puedes mostrar hasta 5 artículos relacionados debajo de cada artículo en tu Help Center.

Configuración de la página del artículo mostrando el interruptor de Artículos relacionados y una vista previa de cómo aparecen hasta 5 artículos relacionados debajo de un artículo

Cómo personalizar el pie de página

Personaliza el aspecto del pie de página de tu Help Center con tres plantillas posibles: simple, clásica o multinivel. Marca tu pie de página subiendo un logo, agregando hasta 16 enlaces a redes sociales y agrupando enlaces del pie de página en la plantilla elegida para una fácil organización.

Este pie de página será consistente en todas las páginas de tu Help Center (página principal, colecciones, artículos).

Seleccionar una plantilla de pie de página

Desde Settings > Help Center > Configure & Style, haz clic en la pestaña Styling y abre Footer donde puedes personalizar completamente el pie de página de tu Help Center para que esté alineado con tu marca.

Configuración de estilo del pie de página mostrando opciones de plantilla (Simple, Clásica, Multinivel) con carga de logo, enlaces a redes sociales y campos para agrupar enlaces del pie de página

Controla el sutil enlace "Powered by Intercom" en el pie de página de los artículos de tu Help Center navegando a Settings > General.

Busca la sección "Intercom Attribution Message" y usa el interruptor para activarlo o desactivarlo.

Página de configuración general mostrando el interruptor de Intercom Attribution Message que controla el enlace Powered by Intercom en los artículos del Help Center y correos electrónicos salientes

Nota: Este interruptor controla simultáneamente los correos electrónicos salientes y los artículos del Help Center. No es posible habilitar el enlace al sitio web de Intercom en uno mientras se desactiva en el otro.


Cómo previsualizar tu Help Center

Es fácil visualizar tu Help Center con marca y ver cualquier cambio que hayas hecho en tiempo real antes de publicarlos, usando la Vista previa para la página principal, colecciones y artículos.

Panel de vista previa del Help Center mostrando la vista de la página principal con navegación entre los modos de vista previa de Página principal, Colecciones y Artículos

También puedes seleccionar diferentes resoluciones para previsualizar en dispositivos Móvil, Tableta y Escritorio.

Panel de vista previa del Help Center con selector de resolución de dispositivo mostrando opciones Móvil, Tableta y Escritorio

Limitaciones: El Help Center no admite la inserción de formularios, iFrames (marcos en línea) o HTML personalizado en artículos o páginas.


Referencia de dimensiones de imagen para Help Center y News Center

Usa estas dimensiones recomendadas al subir imágenes a tu Help Center o News Center. Son recomendaciones, no límites estrictos, pero seguirlas asegura la mejor calidad de visualización.

Imagen

Dónde aparece

Proporción recomendada

Tamaño y dimensiones del archivo

Logo

Encabezado y pie de página de tu Help Center y News Center

5:1

Máximo 1MB. Ancho/alto máximo: 720px.

Imagen de encabezado

Área de banner en la parte superior de cada página de tu News Center

5:2

Para una representación nítida en pantallas grandes, apunta a aproximadamente 3000 × 1200px.

Favicon

Pestaña del navegador cuando los clientes visitan tu Help Center o News Center

1:1

Tamaño máximo de archivo: 150KB. Dimensiones máximas: 588 × 588px.

¿Ha quedado contestada tu pregunta?