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.
En la página Configure and Style, abre la pestaña General.
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.
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:
También puedes soportar múltiples idiomas en tu Help Center.
Si deseas cambiar el idioma del Messenger, debes hacerlo por separado en tu Messenger Settings.
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í:
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.
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".
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.
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.
Aprende sobre indexación en motores de búsqueda.
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.
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.
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.
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.
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.
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.
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.
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.
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).
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
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".
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.
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.
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:
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.
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.
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.
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.
Diseño
Usa iconos, imágenes o solo texto para las tarjetas de tu Colección.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
También puedes seleccionar diferentes resoluciones para previsualizar en dispositivos 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. |







































