El chat bubble de Gorgias en Shopify: guía completa de configuración y personalización (2026)

Stevia Putri
Escrito por

Stevia Putri

Katelin Teen
Revisado por

Katelin Teen

Última edición June 2, 2026

Verificado por expertos
Ilustración de una tienda Shopify con el widget de chat bubble de Gorgias en la esquina

El chat bubble de Gorgias es una de esas herramientas que la mayoría de los comerciantes de Shopify configuran una vez y luego olvidan por completo, hasta que desaparece después de una actualización de tema, o los clientes empiezan a quejarse de que las respuestas de la IA suenan robóticas, o se dan cuenta de que el widget que han estado usando durante dos años no está configurado para aprovechar todo su potencial.

Esta guía lo cubre todo: cómo instalar el widget de una manera que no se rompa, cómo personalizarlo más allá de los valores predeterminados, qué puede hacer realmente la IA nativa frente a dónde se queda corta, y cómo hacer que toda la configuración sea más inteligente. Si buscas una visión más amplia de para qué sirve el chat de Gorgias, lo cubrimos en ¿Para qué se usa el chat de Gorgias? - esta guía va un nivel más profundo sobre el propio widget.

Resumen rápido

El chat bubble de Gorgias es sólido y fiable: la fricción proviene de la capa de IA que hay encima, no del widget en sí. Instálalo con Quick install (no manual) para que sobreviva a los cambios de tema de Shopify. Personaliza la apariencia del widget, el horario comercial y los mensajes sin conexión desde Settings → Channels → Chat. Activa la gestión de pedidos en el chat para desviar los tickets WISMO sin necesidad de AI Agent. Donde la IA nativa frustra a los comerciantes —respuestas robóticas, consumo de créditos opaco, alucinaciones— eesel AI ofrece una alternativa más predecible que funciona de forma nativa dentro de Gorgias a $0,40 por ticket.

Qué es el chat bubble de Gorgias para Shopify

El chat bubble de Gorgias es un widget flotante que se sitúa en una esquina de tu tienda Shopify. Cuando un comprador hace clic en él, abre una ventana de chat en vivo para contactar con tu equipo de soporte o, si tienes configurado AI Agent, para resolver dudas comunes de forma autónoma sin necesidad de un agente humano. Cada conversación crea un ticket en tu helpdesk de Gorgias, con el historial completo de pedidos en Shopify del cliente visible automáticamente en la barra lateral.

Gorgias para Shopify: la integración de chat en contexto

El chat está incluido en todos los planes de Gorgias, desde el plan Starter a $10/mes. Las funciones de automatización con IA que se añaden encima —el propio AI Agent de Gorgias para respuestas automáticas, Flows interactivos, IA para preguntas frecuentes— son una suscripción aparte. Esta distinción es importante: el widget en sí es una base fiable y personalizable. La frustración que encuentran los comerciantes es casi siempre con la IA que hay detrás, no con el chat bubble en sí.

Gorgias es el único Premier Partner de Shopify para la experiencia del cliente, lo que significa que la integración va más a fondo que la mayoría de las alternativas. Los agentes ven los datos de pedidos de Shopify en tiempo real junto a cada conversación, y AI Agent (cuando está activo) puede realizar acciones directas sobre pedidos —reembolsar, editar, rastrear— sin salir de Gorgias.

Cómo instalar el chat bubble en Shopify

La forma correcta: Quick install

Configurar el chat bubble tarda unos cinco minutos. En tu helpdesk de Gorgias, ve a Settings → Channels → Chat y haz clic en + New chat. El asistente de configuración guía a través de cinco pasos:

  1. Basics - pon nombre a la integración, define un idioma predeterminado, elige tu tienda y selecciona si permitir chat en vivo o solo mensajes de captura sin conexión.
  2. Branding - elige un color de marca (código hexadecimal o selector de color), sube un logotipo y define la posición en la esquina del widget.
  3. Order management - activa o desactiva el seguimiento de pedidos de autoservicio en el widget.
  4. Install - el paso crítico.
  5. Deploy AI Agent - opcional, requiere una suscripción a AI Agent.

En el paso Install, elige Quick install for Shopify. Esto instala el widget en la capa de la aplicación en lugar de inyectarlo en el código de tu tema. Cubre todas las páginas de tu tienda automáticamente y permanece en su lugar incluso cuando actualizas o cambias de tema.

Quick install vs instalación manual: la diferencia clave para los comerciantes de Shopify
Quick install vs instalación manual: la diferencia clave para los comerciantes de Shopify

Cuándo tiene sentido la instalación manual

La instalación manual vale la pena cuando necesitas el widget solo en páginas específicas, cuando tienes una tienda Shopify sin cabecera (headless), cuando usas BigCommerce o Magento 2, o cuando despliegas a través de Google Tag Manager. Para cualquier tienda Shopify estándar donde quieras el widget en todas partes, Quick install es la opción correcta.

Por qué tu chat bubble sigue desapareciendo

El problema de chat de Gorgias más común en los foros de la comunidad de Shopify: los comerciantes notan que el bubble ha desaparecido, casi siempre después de una actualización o cambio de tema. Los foros de la comunidad de Shopify llevan años discutiendo esto y la respuesta es siempre la misma. La tienda usaba la instalación manual y el cambio de tema sobreescribió el script inyectado.

La solución: Settings → Channels → Chat → pestaña Installation → haz clic en el icono de lápiz → cambia a Quick install for Shopify. Una vez realizado el cambio, no volverá a ocurrir.

Un detalle curioso que conviene saber: el estado "Not detected" en la pestaña Installation se basa en el tráfico de visitantes de las últimas 72 horas. Si tu tienda no ha tenido visitantes recientemente, el estado puede aparecer como "Not detected" aunque el widget esté funcionando. Visita una página de tu tienda y recárgala: si aparece el bubble, la instalación está bien.

Personalizar el aspecto y el comportamiento del widget

La mayoría de los comerciantes se quedan con los valores predeterminados, pero el widget de chat de Gorgias es más configurable de lo que parece. Desde Settings → Channels → Chat, las opciones de apariencia incluyen:

  • Brand color - entrada de código hexadecimal o selector de color; relleno sólido o degradado
  • Company logo - logotipos separados para el estado abierto (chat expandido) y cerrado (solo bubble)
  • Font - una selección completa en menú desplegable
  • Chat title - se muestra en el encabezado cuando el comprador abre el widget
  • Intro messages - texto diferenciado para el horario comercial frente a fuera del horario
  • Chatbot label - activa o desactiva la etiqueta "Bot" junto a los mensajes automáticos, útil para establecer expectativas honestas con el comprador
  • Launcher type - bubble flotante estándar o una etiqueta de texto personalizada
  • Widget position - cualquier esquina, con control de desplazamiento a nivel de píxel para la colocación horizontal y vertical

Una limitación real: el tamaño del widget no es ajustable. Gorgias lo define de forma dinámica. En pantallas pequeñas, cambia automáticamente a pantalla completa; este es el comportamiento esperado. En la página de pago de Shopify, el widget siempre queda fijado en la esquina inferior derecha, independientemente de la configuración de posición que tengas en el resto de la tienda.

Si quieres ocultar el widget en páginas específicas —útil cuando una página de preguntas frecuentes ya gestiona las consultas que normalmente irían al chat—, ve a Settings → Chat → pestaña Installation → icono de lápiz → "Hide on specific pages."

Activar el seguimiento de pedidos de autoservicio en el chat

Una de las configuraciones de mayor valor en el widget de chat es activar la gestión de pedidos. Con una suscripción a Gorgias AI Agent y una tienda Shopify conectada, los compradores pueden comprobar el estado de su pedido, el número de seguimiento y la información de envío directamente en la ventana de chat, sin que intervenga ningún agente humano.

Gorgias señaló esto en sus propios posts de la comunidad como "lo más efectivo que puedes hacer para reducir el volumen de tickets durante el BFCM." Para las tiendas con un alto volumen de tickets WISMO, es la configuración que ofrece el ROI más claro. Nuestra guía de Gorgias para Shopify cubre más configuraciones de automatización que vale la pena construir sobre el widget de chat.

La gestión de pedidos está activada por defecto cuando configuras una nueva integración de chat con AI Agent activo. Para comprobar o habilitarlo en una configuración antigua: Settings → AI Agent → Deploy → Chat → activa "Enable order management."

Configurar el horario comercial y el modo sin conexión

Fuera de tu horario de soporte, el widget puede cambiar al modo de captura sin conexión. Los compradores pueden abrirlo y enviar un mensaje, pero se enruta como un ticket de correo electrónico en lugar de una sesión de chat en vivo. Puedes escribir un mensaje de introducción diferente para este estado y, opcionalmente, mostrar un logotipo distinto.

Durante las horas de atención, el widget muestra un tiempo de espera estimado dinámico. Configura tu horario comercial en Settings → Channels → Chat → tu integración → pestaña Business Hours.

El soporte multilingüe funciona mediante la detección del navegador: el widget detecta automáticamente el idioma del navegador del comprador, lo muestra en ese idioma si lo has configurado y recurre al predeterminado si no. Añade idiomas en la pestaña Basics haciendo clic en + Add language.

Qué puede (y qué no puede) hacer la IA de chat nativa

Gorgias AI Agent, desplegado en el chat, gestiona el seguimiento de pedidos, preguntas sobre política de devoluciones y consultas de tipo FAQ de manera razonablemente efectiva. La precisión mejoró de 3,55/5 en períodos anteriores a 4,08/5 a lo largo de 2025. Para consultas repetitivas de alto volumen —estado del pedido, preguntas sobre suscripciones, políticas de devolución estándar— es genuinamente útil, y marcas como Orthofeet lograron un 56 % de automatización en menos de dos meses.

Donde tiene problemas es con cualquier cosa más matizada. La comunidad de r/shopify es contundente al respecto:

Reddit

"Yeah I felt the same with Gorgias. It sounded too 'bot-ish' and customers didn't vibe with it."

Reddit

"yeah i was excited about gorgias ai when it came out...the ai was trash. it kept looping the same stuff, pissed off sooo many customers, had chargebacks because the bot promised refunds, closed the ticket but never refunded those people."

u/MindFull_, Aug 2025

Parte de esto es estructural: Gorgias AI aprende principalmente de los datos dentro del ecosistema de Gorgias —tickets, macros, artículos del centro de ayuda—. Si tu documentación de producto vive en Confluence, Google Docs o Notion, la IA nativa no puede acceder a ella. Las respuestas están limitadas a lo que Gorgias ha indexado.

Los precios agravan la frustración. A $0,90-$1,00 por conversación resuelta (cobrado solo por resoluciones totalmente autónomas), los comerciantes que manejan un volumen significativo de IA pueden ver facturas que superan ampliamente su plan base. Un comerciante de r/shopify que escalaba a 1.500 tickets/mes estimó más de $500 al mes por unas 400 resoluciones con IA y se cuestionaba si la automatización con IA valía la pena en absoluto.

Coste total de Gorgias AI Agent a diferentes niveles de automatización en el plan Pro ($360/mes)
Coste total de Gorgias AI Agent a diferentes niveles de automatización en el plan Pro ($360/mes)

Para un desglose detallado de cómo se acumulan estos costes a diferentes tasas de automatización, nuestra guía completa de Gorgias automate AI para Shopify tiene los números.

Hacer el chat bubble más inteligente con eesel

eesel AI no es un widget de chat separado que convive con Gorgias: funciona como un agente nativo de Gorgias. Cuando llega un ticket a través de tu chat bubble, eesel lo lee, redacta una respuesta, añade notas internas y actualiza etiquetas, todo desde dentro de Gorgias. La experiencia del comprador no cambia. Tus agentes no tienen que aprender una nueva herramienta. La IA simplemente gestiona más.

Cómo fluye un mensaje desde el chat bubble de Gorgias hasta una respuesta de eesel AI
Cómo fluye un mensaje desde el chat bubble de Gorgias hasta una respuesta de eesel AI

La diferencia clave es la amplitud del conocimiento. eesel se conecta a tu base de conocimiento completa —artículos del centro de ayuda de Gorgias, tickets históricos, macros, más fuentes externas como Google Drive, Confluence y Notion— de modo que las respuestas pueden basarse en todo lo que tu equipo ha documentado, no solo en lo que vive dentro de Gorgias. Si una política está en un documento de Notion, eesel la encuentra. Si una pregunta habitual fue respondida en una página de Confluence hace seis meses, eesel usa esa respuesta.

Antes de salir en vivo, puedes ejecutar eesel contra tickets históricos de Gorgias para previsualizar cómo habría respondido —el paso de simulación que detecta los momentos de "el bot prometió un reembolso" antes de que lleguen a un comprador real—. La configuración lleva unos 30 minutos.

El precio es de $0,40 por ticket, no por conversación resuelta. Pagas una tarifa fija por interacción, no una prima cuando la IA funciona bien. Los comerciantes en Gorgias suelen ver una tasa de resolución de nivel 1 superior al 85 % en la primera semana.

"eesel AI wasn't just another chatbot for our Gorgias helpdesk. It was the glue..."

eesel AI funcionando de forma nativa dentro del helpdesk de Gorgias

Para los equipos que miran el panorama más amplio de la automatización en Shopify o que comparan diferentes herramientas de chat, nuestra guía de las mejores aplicaciones de chatbot para Shopify cubre el panorama completo.

Solución de problemas comunes

El chat bubble no aparece después de la instalación Visita una página en vivo de tu tienda y recárgala. "Not detected" en los ajustes es un estado basado en el tráfico: si nadie visitó la tienda en las últimas 72 horas, aparece "Not detected" aunque el widget esté funcionando. Comprueba la página en vivo directamente.

El chat desapareció después de una actualización de tema Estás usando la instalación manual. Cambia a Quick install: Settings → Channels → Chat → pestaña Installation → icono de lápiz.

El widget no se muestra correctamente en móvil En pantallas pequeñas, el widget pasa automáticamente a pantalla completa. Ese es el comportamiento esperado. Si ves el widget cortado o mal posicionado en móvil, comprueba si algún CSS personalizado está interfiriendo con el z-index del widget.

El widget queda fijado en la esquina inferior derecha en el pago La página de pago siempre posiciona el widget en la esquina inferior derecha, independientemente de tu configuración. Esta es una restricción de la plataforma Shopify, no una opción configurable.

El chat no carga en un webview de iOS Añade about:srcdoc al originWhitelist del webview. Sin esto, el widget de chat no cargará en un contexto de webview de iOS.

El avatar del agente no se actualiza Los cambios de avatar tardan hasta cinco minutos debido al caché. Borra la caché del navegador y recarga si ya ha pasado más tiempo.

Prueba eesel

Si tu chat bubble de Gorgias está configurado pero las respuestas de la IA están frustrando a los clientes —o si quieres una IA que se base en toda tu base de conocimiento en lugar de solo en lo que Gorgias ha indexado—, eesel AI se integra directamente en tu configuración de Gorgias existente. Sin nuevo widget, sin herramienta separada, sin tener que volver a formar a tu equipo.

La página de integración de eesel para Gorgias tiene todos los detalles, y la prueba gratuita comienza con $50 en crédito, sin necesidad de tarjeta.

Preguntas frecuentes

Ve a Settings → Channels → Chat en tu helpdesk de Gorgias y haz clic en + New chat. Tras completar el asistente de configuración (unos 5 minutos), elige Quick install for Shopify en el paso de Instalación. Esto instala el widget en la capa de la aplicación, de modo que sobrevive a los cambios de tema. Para una guía completa, consulta nuestra guía de Gorgias para Shopify.
Estabas usando el método de instalación manual, que pega un fragmento de código en tu tema. Las actualizaciones de tema en Shopify borran ese código. Para solucionarlo de forma permanente, cambia a la instalación rápida: ve a Settings → Channels → Chat → pestaña Installation → haz clic en el icono de lápiz → selecciona Quick install for Shopify.
El chat está incluido en todos los planes de Gorgias, comenzando con el plan Starter a $10/mes. Las funciones de automatización con IA dentro del chat, como el Gorgias AI Agent para respuestas automáticas, requieren una suscripción adicional a AI Agent a $0,90–$1,00 por conversación resuelta, además del plan de helpdesk.
Sí. En pantallas pequeñas, el widget cambia automáticamente a una vista en pantalla completa. En la página de pago de Shopify concretamente, el widget siempre se posiciona en la esquina inferior derecha, independientemente de la configuración de posición que tengas en el resto de la tienda.
Sí. eesel AI funciona como un agente nativo de Gorgias: lee y responde los tickets que llegan a través de tu widget de chat utilizando tu base de conocimiento completa (documentación de ayuda, tickets históricos, macros y fuentes externas como Google Drive o Notion). El precio es de $0,40 por ticket, y los comerciantes suelen ver tasas de resolución de nivel 1 superiores al 85 % en la primera semana.

Share this article

Stevia Putri

Article by

Stevia Putri

Stevia Putri is a marketing generalist at eesel AI, where she helps turn powerful AI tools into stories that resonate. She’s driven by curiosity, clarity, and the human side of technology.

Listo para contratar tu companero de IA?

Configuracion en minutos. Sin tarjeta de credito requerida.

Comienza gratis