Sua loja online é na Shoper? Aqui você vai descobrir como integrar o Smartsupp do começo ao fim — seja instalando com apenas um clique ou colando o código manualmente.
Dividimos o passo a passo nestes tópicos:
Instalar o plugin Smartsupp
No painel de controle da Shoper, vá em Complementos e integrações > Aplicações. Desça a página até encontrar o Smartsupp (identificado como Smartsupp - Live Czat, Czatbot, Mira AI i więcej narzędzi AI) e clique nele.
Clique em Instalar aplicativo.
Aceite os Termos & Condições da App Store e toque em Instalar.
Depois disso, uma mensagem vai confirmar que o plugin Smartsupp foi instalado com sucesso.
Configurar Smartsupp
Com o plugin instalado, acesse Complementos e integrações > Minhas aplicações e clique no ícone Smartsupp.
Agora, você pode criar uma nova conta Smartsupp ou acessar sua conta existente para conectar com sua loja Shoper.
Depois da conexão, já dá para conversar com quem acessar sua loja e ajustar as configurações do Smartsupp usando a API Smartsupp. Não esqueça de salvar as alterações no final.
Dica: Assim que salvar, abra sua loja em uma nova aba e atualize a página — o widget do chat ao vivo Smartsupp já deve aparecer para seus clientes.
Instalação manual do código
Se o plugin não funcionar, dá para adicionar o Smartsupp manualmente, colando o código JavaScript.
Copiar o código do chat
No painel de controle do Smartsupp, pegue seu código exclusivo do chat em Configurações > Canais > Chat ao vivo > Instalação > Inserir código.
Colar o código no Shoper
Na Shoper, acesse a seção de snippets JavaScript e cole o código Smartsupp. Lembre-se de remover as tags <script> e </script> — a Shoper não aceita tags HTML nesse campo.
Observação: O campo de JavaScript na Shoper pode ter limite de caracteres. Então, mantenha o código curto. Não use comentários //, pois a Shoper pode bloquear. Depois de colar, atualize o navegador para ver as mudanças.
Personalização via 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 do chat ao vivo por um botão personalizado:
<button onclick="smartsupp('chat:open')">Converse com a gente</button>
Ocultar o widget do chat ao vivo em páginas específicas (como carrinho ou checkout):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Esconder o botão padrão do chat ao vivo e manter oculto mesmo após fechar:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Observação: O campo de JavaScript da Shoper possui limite de caracteres e não permite comentários //. Mantenha o código curto e evite tags HTML como <script>.
Desinstalar o plugin
Se quiser remover o plugin Smartsupp, vá em Complementos e integrações > Minhas aplicações e clique no app Smartsupp.
Clique em Desinstalar o app.
Confirme a desinstalação do plugin.
Observação: Smartsupp e Shoper são serviços independentes. Ao desinstalar o plugin, sua assinatura do Smartsupp não é cancelada. Para cancelar, basta entrar em contato com a nossa equipe de suporte.
Veja também:
Instalação do Smartsupp — visão geral de todos os métodos de instalação disponíveis.
Google Tag Manager — alternativa de instalação usando o GTM.
E agora?
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 funciona o status do widget de chat ao vivo e como controlar.
Por que não vejo o chat ao vivo no meu site? — Descubra como solucionar os problemas mais comuns de instalação.
Baixar plugins — Veja todas as integrações de plataforma disponíveis.