O chat bubble do Gorgias para Shopify: guia completo de configuração e personalização (2026)

O chat bubble do Gorgias é uma dessas ferramentas que a maioria dos comerciantes Shopify configura uma vez e nunca mais pensa sobre - até desaparecer após uma atualização de tema, ou os clientes começarem a reclamar que as respostas da IA soam robóticas, ou perceberem que o widget que vêm usando há dois anos não está configurado em todo o seu potencial.

Este guia cobre tudo isso: como instalar o widget de uma forma que não vai quebrar, como personalizá-lo além dos padrões, o que a IA nativa genuinamente consegue fazer versus onde ela fica aquém, e como tornar toda a configuração mais inteligente. Se você procura uma visão geral mais ampla do que é o chat do Gorgias, cobrimos isso em Para que serve o chat do Gorgias? - este guia vai um nível mais fundo no próprio widget.

Resumo

O chat bubble do Gorgias é sólido e confiável - o atrito vem da camada de IA por cima, não do widget em si. Instale com Quick install (não manual) para sobreviver a mudanças de tema no Shopify. Personalize a aparência, o horário comercial e as mensagens offline do widget em Settings → Channels → Chat. Ative o gerenciamento de pedidos no chat para desviar tickets WISMO sem precisar do AI Agent. Onde a IA nativa frustra os comerciantes - respostas robóticas, consumo de créditos opaco, alucinações - o eesel AI oferece uma alternativa mais previsível que funciona nativamente dentro do Gorgias a $0,40 por ticket.

O que é o chat bubble do Gorgias para Shopify

O chat bubble do Gorgias é um widget flutuante que fica em um canto da sua loja Shopify. Quando um comprador clica nele, abre uma janela de chat ao vivo para falar com sua equipe de suporte - ou, se você tiver o AI Agent configurado, para resolver dúvidas comuns por conta própria sem envolver um humano. Cada conversa cria um ticket no seu helpdesk do Gorgias, com o histórico completo de pedidos Shopify do cliente visível automaticamente na barra lateral.

O chat está incluído em todos os planos do Gorgias, desde o plano Starter a $10/mês. Os recursos de automação de IA por cima - o próprio AI Agent do Gorgias para respostas automáticas, Flows interativos, AI FAQs - são uma assinatura separada. Essa distinção é importante: o widget em si é uma base confiável e personalizável. A frustração que os comerciantes encontram é quase sempre com a IA por trás dele, não com o chat bubble em si.

O Gorgias é o único Premier Partner da Shopify para experiência do cliente, o que significa que a integração vai mais fundo do que a maioria das alternativas. Os agentes veem dados de pedidos Shopify em tempo real ao lado de cada conversa, e o AI Agent (quando ativo) pode realizar ações diretas nos pedidos - reembolsar, editar, rastrear - sem sair do Gorgias.

Como instalar o chat bubble no Shopify

O jeito certo: Quick install

Configurar o chat bubble leva cerca de cinco minutos. No seu helpdesk do Gorgias, vá para Settings → Channels → Chat e clique em + New chat. O assistente de configuração percorre cinco etapas:

1. Basics - nomeie a integração, defina um idioma padrão, escolha sua loja e selecione se deseja permitir chat ao vivo ou apenas captura de mensagens offline.
2. Branding - escolha uma cor da marca (código hex ou seletor de cores), envie um logotipo e defina a posição do widget no canto.
3. Order management - ative ou desative o rastreamento de pedidos por autoatendimento no widget.
4. Install - a etapa crítica.
5. Deploy AI Agent - opcional, requer uma assinatura do AI Agent.

Na etapa de Install, escolha Quick install for Shopify. Isso instala o widget na camada de aplicativo, em vez de injetá-lo no código do seu tema. Cobre automaticamente todas as páginas da sua loja e permanece no lugar mesmo quando você atualiza ou troca de tema.

Quando a instalação manual faz sentido

A instalação manual vale a pena quando você precisa do widget apenas em páginas específicas, quando está rodando uma loja Shopify headless, está no BigCommerce ou Magento 2, ou está implantando via Google Tag Manager. Para qualquer loja Shopify padrão onde você quer o widget em todo lugar, o Quick install é a escolha certa.

Por que seu chat bubble continua desaparecendo

O problema mais comum do Gorgias chat nos fóruns da comunidade Shopify: os comerciantes percebem que o bubble sumiu, quase sempre após uma atualização ou troca de tema. Os fóruns da comunidade Shopify discutem isso há anos - a resposta é sempre a mesma. A loja estava usando instalação manual, e a troca de tema sobrescreveu o script injetado.

A correção: Settings → Channels → Chat → aba Installation → clique no ícone de lápis → mude para Quick install for Shopify. Uma vez trocado, não vai acontecer novamente.

Uma peculiaridade que vale saber: o status "Not detected" na aba Installation é baseado no tráfego de visitantes das últimas 72 horas. Se sua loja não teve visitantes recentemente, o status pode mostrar "Not detected" mesmo quando o widget está no ar. Visite uma página da sua loja e recarregue - se o bubble aparecer, a instalação está correta.

Personalizando a aparência e o comportamento do widget

A maioria dos comerciantes fica com os padrões, mas o widget de chat do Gorgias é mais configurável do que parece. Em Settings → Channels → Chat, as opções de aparência incluem:

• Brand color - entrada de código hex ou seletor de cores; preenchimento sólido ou gradiente
• Company logo - logotipos separados para os estados aberto (chat expandido) e fechado (apenas bubble)
• Font - uma seleção completa no menu dropdown
• Chat title - exibido no cabeçalho quando o comprador abre o widget
• Intro messages - texto separado para horário comercial versus fora do horário
• Chatbot label - alterna o rótulo "Bot" ao lado de mensagens automatizadas, útil para definir expectativas honestas ao comprador
• Launcher type - bubble flutuante padrão ou um rótulo de texto personalizado
• Widget position - qualquer canto, com controle de deslocamento em pixels para posicionamento horizontal e vertical

Uma limitação real: o tamanho do widget não é ajustável. O Gorgias o define dinamicamente. Em telas pequenas, ele muda automaticamente para tela cheia - esse é o comportamento esperado. Na página de checkout do Shopify, o widget é sempre bloqueado no canto inferior direito, independentemente da sua configuração de posição em outros lugares.

Se quiser ocultar o widget em páginas específicas - útil quando uma página de FAQ já lida com as dúvidas que normalmente iriam para o chat - vá para Settings → Chat → aba Installation → ícone de lápis → "Hide on specific pages."

Ativando o rastreamento de pedidos por autoatendimento no chat

Uma das configurações de maior valor no widget de chat é ativar o gerenciamento de pedidos. Com uma assinatura do Gorgias AI Agent e uma loja Shopify conectada, os compradores podem verificar o status do pedido, número de rastreamento e informações de envio diretamente na janela de chat - sem envolver nenhum agente humano.

O Gorgias destacou isso em suas próprias postagens da comunidade como "a coisa mais eficaz que você pode fazer para reduzir o volume de tickets na BFCM." Para lojas com alto volume de WISMO, é a configuração que entrega o ROI mais claro. Nosso guia do Gorgias para Shopify cobre mais das configurações de automação que vale a pena construir em cima do widget de chat.

O gerenciamento de pedidos está ativado por padrão ao configurar uma nova integração de chat com o AI Agent ativo. Para verificar ou ativá-lo em uma configuração mais antiga: Settings → AI Agent → Deploy → Chat → ative "Enable order management."

Configurando horário comercial e modo offline

Fora do seu horário de suporte, o widget pode mudar para o modo de captura offline. Os compradores ainda podem abri-lo e enviar uma mensagem, mas ela é roteada como ticket de e-mail em vez de uma sessão de chat ao vivo. Você pode escrever uma mensagem de introdução distinta para esse estado e, opcionalmente, exibir um logotipo diferente.

Durante o horário de atendimento, o widget mostra um tempo de espera estimado dinâmico. Configure seu horário comercial em Settings → Channels → Chat → sua integração → aba Business Hours.

O suporte a múltiplos idiomas funciona por detecção do navegador: o widget detecta automaticamente o idioma do navegador do comprador, exibe nesse idioma se você o tiver configurado, e recorre ao padrão se não tiver. Adicione idiomas na aba Basics clicando em + Add language.

O que a IA nativa do chat consegue (e não consegue) fazer

O Gorgias AI Agent, implantado no chat, lida razoavelmente bem com rastreamento de pedidos, dúvidas sobre política de devolução e consultas no estilo FAQ. A precisão melhorou de 3,55/5 em períodos anteriores para 4,08/5 ao longo de 2025. Para consultas repetitivas de alto volume - status de pedido, perguntas sobre assinatura, políticas de devolução padrão - é genuinamente útil, e marcas como a Orthofeet alcançaram 56% de automação em menos de dois meses.

Onde ela encontra problemas é em qualquer coisa mais sutil. A comunidade r/shopify é direta sobre isso:

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

u/No_Project_8158, Aug 2025

"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 disso é estrutural: o Gorgias AI aprende principalmente com dados dentro do ecossistema Gorgias - tickets, macros, artigos da central de ajuda. Se a documentação do seu produto vive no Confluence, Google Docs ou Notion, a IA nativa não consegue acessá-la. As respostas são limitadas ao que o próprio Gorgias indexou.

O preço agrava a frustração. A $0,90-$1,00 por conversa resolvida (cobrado apenas por resoluções totalmente autônomas), comerciantes que lidam com volume significativo de IA podem ver contas que superam em muito o plano base. Um comerciante do r/shopify escalando para 1.500 tickets/mês estimou $500+ por mês para cerca de 400 resoluções de IA e estava questionando se a automação por IA valia a pena.

Para uma análise detalhada de como esses custos se acumulam em diferentes taxas de automação, nosso guia completo do Gorgias automate AI para Shopify tem os números.

Tornando o chat bubble mais inteligente com o eesel

O eesel AI não é um widget de chat separado ao lado do Gorgias - ele funciona como um agente nativo do Gorgias. Quando um ticket chega pelo seu chat bubble, o eesel o lê, elabora uma resposta, adiciona notas internas e atualiza tags, tudo de dentro do Gorgias. A experiência do comprador não muda. Seus agentes não precisam aprender uma nova ferramenta. A IA simplesmente lida com mais.

A diferença fundamental é a abrangência do conhecimento. O eesel conecta-se à sua base de conhecimento completa - artigos da central de ajuda do Gorgias, tickets históricos, macros, além de fontes externas como Google Drive, Confluence e Notion - para que as respostas possam se basear em tudo o que sua equipe documentou, não apenas no que vive no Gorgias. Se uma política está em um documento do Notion, o eesel a encontra. Se uma dúvida comum foi respondida em uma página do Confluence há seis meses, o eesel usa essa resposta.

Antes de entrar em produção, você pode executar o eesel em tickets históricos do Gorgias para visualizar como ele teria respondido - a etapa de simulação que captura momentos de "o bot prometeu um reembolso" antes que cheguem a um comprador real. A configuração leva cerca de 30 minutos.

O preço é $0,40 por ticket - não por conversa resolvida. Você paga uma taxa fixa por interação, não um prêmio quando a IA funciona bem. Os comerciantes do Gorgias normalmente veem uma taxa de resolução tier-1 de 85%+ na primeira semana.

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

Years.com

Para equipes que olham para o panorama mais amplo de automação no Shopify ou comparando diferentes ferramentas de chat, nosso guia dos melhores aplicativos de chatbot para Shopify cobre todo o cenário.

Solução de problemas comuns

Chat bubble não aparece após a instalação Visite uma página ao vivo na sua loja e recarregue. "Not detected" nas configurações é um status baseado em tráfego - se ninguém visitou nas últimas 72 horas, aparece "Not detected" mesmo quando o widget está funcionando. Verifique a página ao vivo diretamente.

Chat desapareceu após uma atualização de tema Você está na instalação manual. Mude para Quick install: Settings → Channels → Chat → aba Installation → ícone de lápis.

Widget exibido incorretamente no celular Em telas pequenas, o widget vai para tela cheia automaticamente. Esse é o comportamento esperado. Se você ver o widget cortado ou mal posicionado no celular, verifique se algum CSS personalizado está interferindo no z-index do widget.

Widget bloqueado no canto inferior direito no checkout A página de checkout sempre posiciona o widget no canto inferior direito, independentemente das suas configurações. Esta é uma restrição da plataforma Shopify, não uma opção configurável.

Webview do iOS não carrega o chat Adicione about:srcdoc ao originWhitelist do webview. Sem isso, o widget de chat não vai carregar em um contexto de webview do iOS.

Avatar do agente não atualiza As alterações de avatar levam até cinco minutos por causa do cache. Limpe o cache do navegador e recarregue se já passou mais tempo do que isso.

Experimente o eesel

Se o seu chat bubble do Gorgias está configurado mas as respostas da IA estão frustrando os clientes - ou se você quer uma IA que se baseie em toda a sua base de conhecimento em vez de apenas no que o Gorgias indexou - o eesel AI se encaixa diretamente na sua configuração existente do Gorgias. Nenhum novo widget, nenhuma ferramenta separada, sem retreinar sua equipe.

A página de integração do eesel para Gorgias tem todos os detalhes, e o teste gratuito começa com $50 em crédito, sem necessidade de cartão.