Você tem uma loja online na Shoper? Este guia mostra tudo o que você precisa para conectar o Smartsupp — desde a instalação pelo plugin com um clique até o método manual de código.
Dividimos o guia nos seguintes tópicos:
Instalar o plugin Smartsupp
No painel de controle da Shoper, acesse Complementos e integrações > Aplicativos. Role para baixo e encontre Smartsupp (listado como Smartsupp - Live Czat, Czatbot, Mira AI i więcej narzędzi AI), depois clique nele.
Clique no botão Instalar aplicativo.
Aceite os Termos e Condições da App Store e clique em Instalar.
Você verá uma mensagem de confirmação de que o plugin Smartsupp foi instalado com sucesso.
Configurar Smartsupp
Após a instalação, vá em Complementos e integrações > Meus aplicativos e clique no ícone Smartsupp.
Você pode criar uma nova conta Smartsupp ou entrar na sua já existente para conectar com sua loja Shoper.
Depois de conectar, já pode conversar com os visitantes ou ajustar as configurações do Smartsupp usando a API Smartsupp. Não 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 deve aparecer.
Instalação manual do código
Se a instalação via plugin não funcionar, você pode adicionar manualmente o código Smartsupp como um snippet JavaScript.
Copiar o código do chat
Encontre seu código exclusivo do chat Smartsupp no painel em Configurações > Canais > Chat ao vivo > Instalação > Inserir código.
Colar o código no Shoper
Na Shoper, vá até a seção de snippets JavaScript e cole o código do Smartsupp. Lembre-se de remover as tags <script> e </script> — a Shoper não aceita tags HTML neste campo.
Observação: O campo JavaScript da Shoper pode ter um limite de caracteres. Deixe o código o mais curto possível e evite usar comentários //, pois a Shoper pode considerar o código inválido. Depois de colar, atualize seu navegador para ver as mudanças.
Personalização com API
Você pode usar a API JavaScript do Smartsupp para personalizar o comportamento do widget de chat na sua loja Shoper. Veja alguns exemplos:
Abrir o widget de chat por meio de um botão personalizado:
<button onclick="smartsupp('chat:open')">Converse conosco</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 padrão do chat e mantê-lo oculto após fechar:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Observação: O campo JavaScript da Shoper pode ter limite de caracteres e não suporta comentários //. Mantenha o código curto e evite tags HTML como <script>.
Dica: Para ver a lista completa de métodos disponíveis na API, acesse a documentação da API Smartsupp.
Desinstalar o plugin
Se você precisa desinstalar o plugin Smartsupp, vá em Complementos e integrações > Meus aplicativos e clique no app Smartsupp.
Clique em Desinstalar o aplicativo.
Confirme a desinstalação.
Observação: Smartsupp e Shoper são serviços diferentes. Desinstalar o plugin não cancela sua assinatura do Smartsupp. Para cancelar, 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 alternativo de instalação com o GTM.
O que vem a seguir?
Configurações básicas da caixa de chat — Personalize cores, posição, mensagens de boas-vindas e outros detalhes.
Status da caixa de chat — Saiba como funciona o status do widget e como controlá-lo.
Por que não vejo o chat no meu site? — Solucione os problemas de instalação mais comuns.
Baixar plugins — Confira todas as integrações de plataforma disponíveis.