Pronto para conectar o Smartsupp ao seu site? Este guia mostra todo o processo de instalação — da criação da sua conta até conferir que o widget de chat está ativo no seu site.
Separamos em etapas:
Etapa 1: Criar sua conta Smartsupp
Se você ainda não tem uma conta Smartsupp, comece fazendo o cadastro grátis. A inscrição leva menos de um minuto — só precisa do seu email.
Após criar a conta, você será direcionado ao painel de controle do Smartsupp onde pode encontrar seu código de chat exclusivo e começar a configurar o seu chat ao vivo.
Recursos relacionados:
Como criar uma conta Smartsupp? — passo a passo detalhado para criação da conta.
Visão geral do painel — conheça o painel de controle do Smartsupp e suas principais seções.
Etapa 2: Encontrar seu código de chat
Após o cadastro, você recebe um email com seu Código de chat exclusivo Smartsupp. Você também pode encontrar esse código a qualquer momento no painel de controle, em Configurações > Canais > Chat ao vivo > Instalação > Inserir código.
Seu código de chat é assim:
<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 único. Certifique-se de copiar o código inteiro — incluindo as tags <script> de abertura e fechamento.
Etapa 3: Adicionar o Smartsupp ao seu site
Há três formas de instalar o Smartsupp no seu site. Escolha a opção que funciona melhor para sua configuração:
Opção A: Colar o código diretamente
Insira o código do chat no HTML do seu site, entre as tags <head> ... </head>. Assim, o Smartsupp carrega em todas as páginas do seu site.
Opção B: Usar Google Tag Manager
Se você já usa o Google Tag Manager para gerenciar scripts no seu site, pode adicionar o código Smartsupp como uma tag HTML personalizada. Essa é uma ótima opção se deseja manter todos os seus scripts em um só lugar.
Opção C: Usar plugin pronto
O Smartsupp oferece plugins e integrações para diversas plataformas populares. Com um plugin, não é necessário alterar nenhum código — basta instalar o plugin e conectar sua conta Smartsupp.
Plugins disponíveis para plataformas como:
Observação: Se você não se sentir à vontade para editar o código do seu site, recomendamos usar um plugin ou pedir ajuda ao desenvolvedor do seu site para a instalação.
Recursos relacionados:
Google Tag Manager — tutorial passo a passo para instalar via GTM.
Baixar plugins — veja todas as integrações de plataformas disponíveis.
Etapa 4: Verificar sua instalação
Depois de adicionar o código ao seu site, abra o site no navegador para checar 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, verifique os seguintes pontos:
O código está entre as tags <head> ... </head> (ou foi carregado via GTM / plugin).
Seu site está publicado e acessível ao público.
Não há erros de JavaScript impedindo o carregamento do script.
Observação: Após a instalação, é possível ver Mensagens de demonstração no seu painel de controle. Elas fazem parte do onboarding do Smartsupp e servem para você treinar — não são de visitantes reais.
Dica: O Smartsupp também funciona em tablets, iPad e nos nossos aplicativos móveis para Android e iPhone. Baixe o aplicativo grátis e converse com seus clientes de onde estiver!
Avançado: Multi-domínio e personalização via API
Você pode instalar o Smartsupp em um número específico de domínios de acordo com seu plano. Para personalizar aparência ou idioma do widget de chat em sites diferentes, use a API do Smartsupp para configurações avançadas.
Observação: A personalização por API (como cores diferentes na caixa de chat ou idiomas por domínio) está disponível nos planos Expert e Ultimate. Veja mais detalhes na documentação da API.
E agora?
Configurações básicas da caixa de chat — personalize cores, posição, mensagens de boas-vindas e mais.
Flow — configure fluxos automáticos de chat para engajar visitantes 24/7.
Introdução ao Assistente de compras Mira AI — deixe a IA cuidar das conversas e recomendar produtos.
Qual pacote escolher? — compare os planos e escolha o melhor para o seu negócio.