Una guía práctica de los temas y personalización de Intercom Messenger

Has invertido un montón de esfuerzo en la apariencia y la sensación de tu marca. Cada botón, color y fuente en tu sitio web está perfecto, creando una experiencia fluida para cualquiera que lo visite. Entonces, ¿por qué tu messenger de chat, uno de los puntos de contacto más directos con tus clientes, debería parecer un complemento de terceros que simplemente se ha añadido a la página?

No debería. Esa pequeña burbuja de chat es una parte fundamental de la experiencia de tu cliente. A menudo es el primer lugar al que alguien acude cuando necesita ayuda, tiene una pregunta o está listo para comprar. Debe sentirse como una extensión de tu marca, no como un añadido de última hora.

El Messenger de Intercom es una herramienta fantástica para cerrar esa brecha, pero lograr que su apariencia sea exactamente la correcta es un desafío común. En esta guía, explicaremos cómo personalizar los temas del Messenger de Intercom, analizaremos las limitaciones con las que probablemente te encontrarás y hablaremos sobre lo que realmente se necesita para crear una experiencia de marca que sea más que superficial.

¿Qué es el Messenger de Intercom?

Antes de sumergirnos en los temas, aclaremos rápidamente de qué estamos hablando. El Messenger de Intercom es la interfaz de chat que puedes incrustar en tu sitio web o dentro de tu aplicación. Es esa amigable burbuja, generalmente ubicada en una esquina, que abre una línea directa de comunicación entre tú y tus clientes.

Pero es más que una simple ventana de chat. Su función principal es ser un centro para las interacciones con los clientes, y lo logra con algunas características clave:

• Chat en vivo: Esta es la función clásica. Una persona real de tu equipo puede hablar directamente con un cliente para resolver problemas o responder preguntas de ventas en tiempo real.

• Fin (Agente de IA): El bot de IA de Intercom, Fin, puede gestionar preguntas 24/7. Está diseñado para proporcionar respuestas instantáneas a consultas comunes, liberando a tu equipo humano para que se concentre en problemas más complejos.

• Pantalla de inicio personalizable: El messenger no es solo para conversaciones. Puedes agregar aplicaciones, enlaces a artículos de ayuda y otros recursos en su pantalla de inicio, convirtiéndolo en un portal de autoservicio para tus usuarios.

Una captura de pantalla del Messenger de Intercom, mostrando su diseño moderno y su funcionalidad de chat en vivo.

Es un centro potente por sí solo, pero su verdadero potencial brilla cuando se conecta con el resto del conocimiento de tu empresa. Ahí es donde una integración con una herramienta como eesel AI para Intercom puede marcar una gran diferencia al darle a tu messenger un cerebro más grande e inteligente.

Cómo personalizar los temas de tu Messenger de Intercom

Muy bien, vamos a la parte divertida: hacer que el messenger se vea y se sienta como si perteneciera a tu sitio. Un messenger bien diseñado genera confianza y hace que toda la experiencia del usuario se sienta más pulida. Intercom te ofrece un conjunto decente de herramientas para lograrlo.

Encontrarás todas estas opciones en la configuración de Intercom en "Settings > Messenger > Web > Appearance".

Personalización de la apariencia y la marca

Aquí es donde harás la mayor parte del trabajo pesado para la personalización de la marca. Lo primero que podrías notar es una pequeña y práctica función para importar tu estilo. Simplemente puedes introducir la URL de tu sitio web, e Intercom hará todo lo posible por extraer automáticamente tu logotipo y los colores de tu marca. Es un buen atajo para empezar con un tema base.

Desde ahí, tienes algunos controles principales:

• Marca y colores: Tus principales herramientas son el "Color de fondo" (para la cabecera del messenger) y el "Color de acción" (para botones, enlaces e iconos). Aquí es también donde te encuentras con tu primera limitación. Tienes dos colores para trabajar, y eso es todo. No puedes establecer colores separados para cosas como los estados al pasar el ratón (hover), el texto secundario o el fondo de la respuesta de un agente. Esto a veces puede llevar a un aspecto que está cerca de tu marca, pero no es una coincidencia perfecta.

• Logotipos: Puedes subir el logotipo de tu empresa, que aparecerá en la cabecera, y un icono de lanzador personalizado para reemplazar la burbuja de chat predeterminada.

  Pro Tip

  Un consejo profesional para el icono del lanzador: una imagen de 72x72px con fondo transparente suele verse más nítida y no desentonará con el diseño de tu sitio.

• Fondo de la cabecera: Si un color sólido te parece un poco simple, puedes optar por un degradado o incluso una imagen de fondo para la cabecera. Esto puede añadir un buen toque de personalidad y hacer que el messenger se sienta más integrado.

Configuración de los modos claro y oscuro

Para mantener un aspecto moderno, Intercom te permite configurar temas que respeten las preferencias del sistema del usuario. Tienes tres opciones aquí:

• Claro: El messenger siempre tendrá un fondo claro.

• Oscuro: El messenger siempre tendrá un fondo oscuro.

• Coincidir con el sistema: El messenger cambiará automáticamente entre los temas claro y oscuro según la configuración del sistema operativo del usuario (como en macOS o Windows).

Esta es una gran función, pero hay un inconveniente: tienes que configurar tus paletas de colores y logotipos para ambos temas, claro y oscuro, por separado. Si olvidas configurar los colores del modo oscuro, tu marca podría verse mal para los usuarios que lo prefieren. Es un paso fácil de omitir, así que asegúrate de configurar ambos.

Configuración de la posición del lanzador y los mensajes de bienvenida

Algunos otros ajustes ayudan a redondear la experiencia y alinear el messenger con la voz de tu marca.

Puedes decidir si la burbuja de chat aparece en el lado izquierdo o derecho de la pantalla y ajustar con precisión el espaciado desde la parte inferior y lateral. Esto es sorprendentemente importante para asegurarte de que no cubra un botón o menú clave en tu sitio.

También puedes personalizar el mensaje de bienvenida que saluda a los usuarios. Esta es tu primera oportunidad para inyectar la personalidad de tu marca. En lugar de un genérico "¿Cómo podemos ayudarte?", puedes escribir algo que refleje tu tono único. Lo mismo ocurre con la Introducción del equipo, donde puedes presentar a tu equipo de soporte o a tu agente de IA para establecer las expectativas desde el principio.

Limitaciones de los temas nativos del Messenger de Intercom

Aunque las opciones básicas de personalización de Intercom son sólidas para empezar, muchos equipos acaban chocando contra un muro. Si buscas una experiencia de marca verdaderamente fluida, es probable que encuentres que las herramientas integradas vienen con algunas restricciones frustrantes.

Falta de control granular del color

Ya mencionamos esto antes, pero es un punto importante. Estar limitado a solo un color de fondo y uno de acción es un problema común. Si pasas algo de tiempo en los foros de la comunidad de Intercom, verás hilos de usuarios preguntando cómo cambiar el color de la burbuja de chat de un agente o el estado al pasar el ratón sobre un enlace.

Lamentablemente, la respuesta suele ser: "No se puede". Esto puede llevar a pequeñas pero notables inconsistencias de marca. Tal vez tu marca utiliza un tono específico de gris para el texto que no puedes replicar, o tus enlaces usan un color diferente al pasar el ratón que el messenger no puede igualar. Esto deja al messenger con una sensación de que casi encaja, pero no es del todo perfecto.

Por qué los temas dinámicos requieren código

La configuración "Coincidir con el sistema" es un buen detalle, pero ¿qué pasa si tu propia aplicación web tiene su propio interruptor interno de modo claro/oscuro? Tus usuarios esperarán que el Messenger de Intercom cambie de tema junto con el resto de tu aplicación.

Esto no es posible de forma nativa. No puedes indicarle programáticamente al messenger que cambie su tema sobre la marcha sin sumergirte en las API del lado del cliente. Para los equipos sin recursos de desarrollo disponibles, esto significa que estás atascado. Rompe la ilusión de una experiencia totalmente integrada y puede resultar un poco torpe para tus usuarios.

Por qué la marca visual es solo superficial

Aquí está la mayor limitación de todas: la verdadera marca va mucho más allá de los colores y los logotipos. Se trata de toda la experiencia, el tono de voz, la personalidad y la inteligencia detrás de cada interacción.

Puedes tener un messenger que coincida perfectamente con la paleta de colores de tu marca, pero si la conversación se siente robótica o las respuestas son genéricas, la experiencia de marca se desmorona. Una marca ingeniosa y juguetona no debería tener un bot de soporte que suene como un robot rígido. Una empresa de servicios financieros seria necesita una IA que sea precisa, formal y tranquilizadora.

Aunque Fin AI de Intercom es una herramienta capaz, ajustar su personalidad y asegurar que sus respuestas se basen siempre en el conocimiento único de tu marca no es sencillo. Aquí es donde los límites de la personalización puramente visual se hacen evidentes, y surge la necesidad de una personalización más profunda de la IA.

Lograr la consistencia de la marca más allá de los temas visuales

El siguiente nivel de consistencia de marca no se trata de píxeles; se trata de personalidad. Para crear una experiencia que se sienta genuinamente tuya, necesitas controlar el comportamiento de la IA, no solo la ventana de chat en la que vive. Aquí es donde una solución como eesel AI está diseñada para continuar donde las herramientas de personalización nativas se quedan cortas.

Ve más allá de los colores con una personalidad de IA personalizable

En lugar de quedarte atascado con una experiencia de chatbot estándar, una plataforma como eesel AI te ofrece un potente editor de prompts. Esto te permite definir el tono de voz exacto, la personalidad y el estilo de comunicación de tu IA.

Si tu marca es divertida e informal, puedes instruir a tu IA para que use emojis y haga alguna broma de vez en cuando. Si eres una empresa del sector salud, puedes asegurarte de que se comunique con empatía y autoridad. Este nivel de control garantiza que la conversación en sí, no solo la ventana de chat, esté perfectamente alineada con tu marca.

Una captura de pantalla que muestra cómo puedes configurar el tono de voz de la IA para ir más allá de los simples temas del messenger de Intercom.

Intégrate sin problemas sin reemplazar tus herramientas

Uno de los mayores dolores de cabeza con el software nuevo es el problema de "arrancar y reemplazar". No tienes que preocuparte por eso aquí. eesel AI se integra directamente con los servicios de atención al cliente que ya utilizas, incluido Intercom. Actúa como un cerebro más inteligente y personalizable para tu messenger existente.

Lo mejor de todo es que puedes empezar por tu cuenta, en minutos. Puedes registrarte, conectar tu servicio de atención al cliente y comenzar a configurar tu agente de IA sin tener que programar una demostración o hablar con un vendedor. Está diseñado para ser una forma de bajo riesgo y alta recompensa para mejorar tus canales de soporte existentes.

Unifica la voz de tu marca unificando tu conocimiento

La voz de marca de tu IA es tan buena como la información de la que aprende. Una voz de marca verdaderamente consistente proviene de una única fuente de verdad, pero la mayoría de las empresas tienen su conocimiento disperso por todas partes, en Google Docs, Confluence, Notion, y tickets de soporte pasados.

eesel AI resuelve esto conectándose a todas tus fuentes de conocimiento dispersas. Al aprender del lenguaje interno real, la documentación y las soluciones pasadas de tu empresa, las respuestas de la IA son siempre precisas, relevantes y se entregan con la voz única de tu marca. Se acabaron las respuestas genéricas que suenan como si vinieran de una plantilla.

Un diagrama que muestra cómo una IA puede conectarse a múltiples fuentes de conocimiento para unificar la voz de la marca, yendo más allá de los temas visuales del messenger de Intercom.

Un vistazo rápido a los precios de Intercom

Para tomar una decisión informada, es útil entender los costos. Los precios de Intercom se dividen en varios planes, y las funciones de IA a menudo se cotizan por separado.

El agente de IA, Fin, tiene un precio basado en un modelo de pago por resolución.

• Precios del Agente de IA Fin: Pagas 0,99 $ por cada conversación que la IA resuelva con éxito por sí misma. Esto se aplica tanto si usas Fin dentro de Intercom como con otro servicio de atención al cliente.

• Mínimos: Si usas Fin como agente independiente, hay un mínimo de 50 resoluciones al mes (49,50 $).

El problema con un modelo de pago por resolución es que tus costos pueden ser un poco impredecibles. Imagina que lanzas una nueva función y tu volumen de soporte se duplica durante un mes. Tu factura de Intercom podría aumentar inesperadamente. Esta es una diferencia clave con plataformas como eesel AI, que ofrecen planes de precios transparentes basados en un número fijo de interacciones. Esto te da una facturación mucho más predecible y un mejor control sobre tu presupuesto.

Tu marca es más que solo los temas del Messenger de Intercom

Mira, Intercom te da un gran punto de partida para que tu messenger tenga la apariencia adecuada. Con sus opciones de color, logotipo y diseño, puedes acercarte bastante a la identidad visual de tu marca.

Pero lograr una consistencia de marca profunda y auténtica requiere más. Exige control sobre la personalidad de la IA, su tono de voz y el conocimiento que da forma a cada una de sus respuestas. Cuando estés listo para ir más allá de los temas básicos del Messenger de Intercom y ofrecer una experiencia de soporte que sea consistentemente tu marca de principio a fin, es hora de explorar herramientas que te brinden ese nivel más profundo de control.

¿Listo para construir una experiencia de soporte con IA que sea verdaderamente fiel a tu marca? Descubre cómo eesel AI se integra con tus herramientas existentes para darte un control total sobre tu agente de soporte de IA.