Tudo pronto para conectar o Smartsupp ao seu site? Este guia orienta você em todo o processo de instalação — desde a criação da sua conta até a verificação de que o widget de chat está ativo no seu site.
Dividimos o processo em etapas:
Etapa 1: Crie sua conta Smartsupp
Se você ainda não tem uma conta Smartsupp, comece criando uma conta gratuitamente. O cadastro leva apenas um minuto — você só precisa do seu endereço de email.
Depois de criar sua conta, você será direcionado ao painel de controle do Smartsupp, onde poderá encontrar seu código de chat exclusivo e começar a configurar seu chat ao vivo.
Recursos relacionados:
Como criar uma conta Smartsupp? — guia passo a passo detalhado para criar uma conta.
Visão geral do painel de controle — conheça o painel de controle do Smartsupp e suas principais seções.
Etapa 2: Encontre seu código de chat
Após se cadastrar, você receberá um email com seu código de chat exclusivo do Smartsupp. 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 tem esta aparência:
<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. Copie o trecho de código inteiro — incluindo as tags de abertura e fechamento <script> .
Etapa 3: Adicione o Smartsupp ao seu site
Há três maneiras de instalar o Smartsupp no seu site. Escolha o método mais adequado para sua configuração:
Opção A: Cole 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: Use 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. Essa é uma ótima opção se você quiser manter todos os seus scripts em um só lugar.
Opção C: Use 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.
Há plugins 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 com a instalação.
Recursos relacionados:
Google Tag Manager — guia passo a passo para instalar via GTM.
Baixar plugins — explore todas as integrações disponíveis com plataformas.
Etapa 4: Verifique 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ê deverá ver o balão de chat do Smartsupp pronto para os visitantes clicarem.
Se o widget não aparecer, confira os seguintes pontos:
O código está entre as tags <head> ... </head> (ou é 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, você poderá 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 nos nossos aplicativos móveis nativos para Android e iPhone. Baixe o aplicativo móvel gratuito para conversar com seus clientes onde estiver!
Avançado: vários domínios 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ê precisar personalizar a aparência ou o idioma do widget de chat em diferentes sites, poderá usar a API do Smartsupp para uma configuração avançada.
Observação: A personalização via API (como definir cores ou idiomas diferentes para a caixa de chat por domínio) está disponível nos planos Expert e Ultimate . Para mais detalhes, consulte a Documentação da API.
Quais são os próximos passos?
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 conduzir conversas e recomendar produtos.
Qual pacote devo escolher? — Compare planos e encontre o mais adequado para sua empresa.