Sua loja online funciona na Shoper? Este guia mostra tudo o que você precisa para conectar o Smartsupp — desde a instalação do plugin com um clique até o método de código manual.
Nós dividimos o guia nas seguintes seções:
Instalar o plugin Smartsupp
No painel de controle da Shoper, vá até Complementos e integrações > Aplicativos. Role para baixo e encontre Smartsupp - chat ao vivo, Flow (antigamente chatbots) & gravações de vídeo, depois clique nele.
Clique no botão Instalar aplicativo.
Aceite os Termos e condições da App Store e depois clique em Instalar.
Você verá uma mensagem de confirmação indicando que o plugin Smartsupp foi instalado com sucesso.
Configurar o Smartsupp
Após a instalação, vá até Complementos e integrações > Meus aplicativos e clique no ícone Smartsupp.
Você pode criar uma nova conta Smartsupp ou entrar na sua conta existente para conectá-la à sua loja Shoper.
Depois de conectar, você pode começar a conversar com seus visitantes ou ajustar as configurações do Smartsupp usando a Smartsupp API. Não se esqueça de salvar suas alterações.
Dica: Depois de salvar, abra sua loja em uma nova aba e atualize a página — o widget de chat Smartsupp agora deve estar visível.
Instalação manual do código
Se a instalação do plugin não funcionar, você pode adicionar o código do Smartsupp manualmente como um snippet JavaScript.
Copiar o código de chat
Encontre seu código de chat Smartsupp exclusivo no painel de controle em Configurações > Canais > Chat ao vivo > Instalação > Inserir código.
Colar o código no Shoper
No Shoper, vá para a seção de snippet JavaScript e cole seu código Smartsupp. Certifique-se de remover as tags <script> e </script> — o Shoper não aceita tags HTML nesse campo.
Observação: o campo JavaScript no Shoper pode ter um limite de caracteres, então mantenha o código o mais curto possível. Evite usar comentários //, pois o Shoper pode tratá-los como não funcionais. Depois de colar, atualize seu navegador para ver as alterações.
Personalização via API
Você pode usar a API JavaScript do Smartsupp para personalizar o comportamento do widget de chat na sua loja Shoper. Aqui estão alguns exemplos comuns:
Abrir o widget de chat a partir de um botão personalizado:
<button onclick="smartsupp('chat:open')">Falar com a gente</button>
Ocultar o widget de chat em páginas específicas (por exemplo, carrinho ou checkout):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Ocultar o botão de chat padrão e mantê-lo oculto após o fechamento:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Observação: o campo JavaScript no Shoper pode ter um limite de caracteres e não oferece suporte a comentários //. Mantenha seu código curto e evite tags HTML como <script>.
Dica: para ver a lista completa de métodos de API disponíveis, consulte a documentação da API do Smartsupp.
Desinstalar o plugin
Se você precisar desinstalar o plugin Smartsupp, vá para Complementos e integrações > Meus aplicativos e clique no Smartsupp aplicativo.
Clique em Desinstalar o aplicativo.
Confirme a desinstalação.
Observação: Smartsupp e Shoper são dois serviços separados. Desinstalar o plugin não cancela a sua assinatura do Smartsupp. Para cancelá-la, entre em contato com a nossa equipe de suporte.
Recursos relacionados:
Instalação do Smartsupp — visão geral completa de todos os métodos de instalação.
Google Tag Manager — método de instalação alternativo com GTM.
O que vem depois?
Configurações básicas da caixa de chat — personalize cores, posição, mensagens de boas-vindas e mais.
Status da caixa de chat — saiba como o status do widget de chat funciona e como controlá-lo.
Por que não consigo ver o chat no meu site? — solucione os problemas de instalação mais comuns.
Baixar plugins — explore todas as integrações de plataformas disponíveis.
💡 Precisa de mais ajuda? Entre em contato com a nossa equipe de suporte — teremos prazer em ajudar você!