Ir para conteúdo principal

Instalação do Smartsupp

Saiba como configurar o Smartsupp no seu site — desde a criação da sua conta até à verificação de que o widget de chat está ativo.

Escrito por Michal Jindra

Pronto para conectar o Smartsupp ao seu site? Este guia apresenta todo o processo de instalação — desde a criação da sua conta até à verificação de que o widget de chat está ativo no seu site.

Dividimos em etapas:


Etapa 1: Criar a sua conta Smartsupp

Se ainda não tem uma conta Smartsupp, comece por registar-se gratuitamente. O registo demora apenas um minuto — só precisa do seu endereço de e-mail.

Assim que a sua conta estiver criada, será direcionado para o painel de controlo Smartsupp onde pode encontrar o seu código de chat exclusivo e iniciar a configuração do chat ao vivo.

Recursos relacionados:


Etapa 2: Encontrar o seu código de chat

Após o registo, receberá um e-mail com o seu Código de chat exclusivo Smartsupp. Também pode encontrá-lo a qualquer momento no painel de controlo em Definições > Canais > Chat ao vivo > Instalação > Inserir código.

O seu código de chat será parecido com este:

<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 snippet — incluindo as tags de abertura e fecho <script>.


Etapa 3: Adicionar Smartsupp ao seu site

Existem três formas de instalar o Smartsupp no seu site. Escolha o método que melhor se adapta à sua implementaçã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 carrega em todas as páginas do seu site.

Opção B: Usar o Google Tag Manager

Se já utiliza o Google Tag Manager para gerir scripts no seu site, pode adicionar o código Smartsupp como uma tag HTML personalizada. Esta é uma ótima opção para manter todos os scripts organizados num só local.

Opção C: Usar um plugin pronto

O Smartsupp disponibiliza plugins e integrações para várias plataformas populares. Com um plugin, não precisa mexer em código — basta instalar o plugin e ligar a sua conta Smartsupp.

Há plugins disponíveis para plataformas como:

Nota: Se não se sentir confortável para editar o código do site, recomendamos utilizar um plugin ou pedir apoio ao seu programador web para realizar a instalação.

Recursos relacionados:


Etapa 4: Verificar a instalação

Depois de adicionar o código ao seu site, abra-o num navegador para verificar se o Widget de chat aparece no canto da página. Deve ver o balão de chat do Smartsupp pronto para os visitantes clicarem.

Caso o widget não apareça, confirme o seguinte:

  • O código está colocado entre as tags <head> ... </head> (ou carregado via GTM / plugin).

  • O seu site está publicado e acessível publicamente.

  • Não existem erros JavaScript a impedir o carregamento do script.

Nota: Após a instalação, poderá ver Mensagens de demonstração no painel de controlo. Fazem parte da onboarding do Smartsupp e servem para praticar a utilização da plataforma — não são de visitantes reais.

Dica: O Smartsupp também funciona em tablets, iPads e nas aplicações móveis nativas para Android e iPhone. Transfira a aplicação móvel gratuita para conversar com clientes em qualquer lugar!


Avançado: Multi-domínio e personalização via API

O Smartsupp pode ser instalado num número específico de domínios consoante o seu plano. Se for necessário personalizar a aparência ou o idioma do widget de chat em diferentes sites, pode usar a API do Smartsupp para configurações avançadas.

Nota: A personalização baseada em API (como definir cores ou idiomas diferentes na caixa de chat por domínio) está disponível nos planos Expert e Ultimate. Para mais informações, consulte a documentação da API.


O que fazer a seguir?

💡 Precisa de mais ajuda? Contacte a nossa equipa de suporte — teremos todo o gosto em ajudar!

Isto respondeu à sua pergunta?