Pronto para conectar o Smartsupp ao seu site? Este guia conduz você por todo o processo de instalação — desde a criação da sua conta até verificar se o widget de chat está ativo no seu site.
Nós dividimos em etapas:
Etapa 1: criar sua conta Smartsupp
Se você ainda não tem uma conta Smartsupp, comece criando uma conta gratuita. O cadastro leva apenas um minuto — tudo o que você precisa é do seu endereço de email.
Depois que sua conta for criada, você será direcionado ao painel de controle do Smartsupp, onde pode encontrar seu código de chat exclusivo e começar a configurar seu chat ao vivo.
Recursos relacionados:
Como criar uma conta Smartsupp? — guia detalhado passo a passo para criação de conta.
Visão geral do painel de controle — conheça o painel de controle do Smartsupp e suas principais seções.
Etapa 2: encontrar seu código de chat
Após se cadastrar, você receberá um email com seu código de chat Smartsupp exclusivo. Você também pode encontrá‑lo a qualquer momento no seu painel de controle em Configurações > Canais > Chat ao vivo > Instalação > Inserir código.
Seu código de chat se parece com isto:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_CODE';window.smartsupp||(function(d) { var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[]; s=d.getElementsByTagName('script')[0];c=d.createElement('script'); c.type='text/javascript';c.charset='utf-8';c.async=true; c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);})(document);</script>
Dica: cada conta Smartsupp tem um código de chat exclusivo. Certifique‑se de copiar todo o trecho de código — incluindo as tags de abertura e fechamento <script>.
Etapa 3: adicionar o Smartsupp ao seu site
Existem três maneiras de instalar o Smartsupp no seu site. Escolha o método que funciona melhor para a sua configuração:
Opção A: colar o código diretamente
Insira o código de chat no HTML do seu site entre as tags <head> ... </head>. Isso garante que o Smartsupp seja carregado em todas as páginas do seu site.
Opção B: usar o Google Tag Manager
Se você já usa o Google Tag Manager para gerenciar scripts no seu site, pode adicionar o código do Smartsupp como uma tag HTML personalizada. Esta é uma ótima opção se você quer manter todos os seus scripts em um só lugar.
Opção C: usar um plugin pronto
O Smartsupp oferece plugins e integrações para muitas plataformas populares. Com um plugin, você não precisa mexer em nenhum código — basta instalar o plugin e conectar sua conta Smartsupp.
Plugins estão disponíveis para plataformas como:
Observação: se você não se sente à vontade para editar o código do seu site, recomendamos usar um plugin ou pedir ajuda ao seu desenvolvedor web para fazer a instalação.
Recursos relacionados:
Google Tag Manager — guia passo a passo para instalar via GTM.
Baixar plugins — veja todas as integrações de plataforma disponíveis.
Etapa 4: verificar sua instalação
Depois de adicionar o código ao seu site, abra o site em um navegador para verificar se o widget de chat aparece no canto inferior da página. Você deve ver o balão de chat do Smartsupp pronto para os visitantes clicarem.
Se o widget não aparecer, confira o seguinte:
O código está colocado entre as tags <head> ... </head> (ou carregado via GTM / plugin).
Seu site está publicado e acessível publicamente.
Não há erros de JavaScript impedindo o carregamento do script.
Observação: após a instalação, você pode ver mensagens de demonstração no seu painel de controle. Elas fazem parte da introdução ao Smartsupp e ajudam você a praticar o uso da plataforma — não são de visitantes reais.
Dica: o Smartsupp também funciona em tablets, iPads e em nossos aplicativos móveis nativos para Android e iPhone. Baixe o aplicativo móvel gratuito para poder conversar com seus clientes de onde estiver!
Avançado: multidomínio e personalização via API
O Smartsupp pode ser instalado em um número específico de domínios, dependendo do seu plano. Se você precisa personalizar a aparência ou o idioma do widget de chat em sites diferentes, pode usar a API do Smartsupp para uma configuração avançada.
Observação: a personalização baseada em API (como definir cores ou idiomas diferentes da caixa de chat por domínio) está disponível nos planos EXPERT e ULTIMATE. Para mais detalhes, consulte a documentação da API.
O que vem depois?
Configurações básicas da caixa de chat — personalize cores, posição, mensagens de boas‑vindas e muito mais.
Flow — configure fluxos de chat automatizados para engajar visitantes 24/7.
Introdução ao Assistente de compras Mira AI — deixe a IA cuidar das conversas e recomendar produtos.
Qual pacote devo escolher? — compare os planos e encontre a melhor opção para o seu negócio.
💡 Precisa de mais ajuda? Entre em contato com nossa equipe de suporte — vamos ficar felizes em ajudar!