A sua loja online funciona em Shoper? Este guia explica tudo o que é necessário para ligar o Smartsupp — desde a instalação do plugin com um clique até ao método de código manual.
Dividimos o guia nas seguintes secções:
Instalar o plugin Smartsupp
No seu painel de controlo Shoper, vá a Complementos e integrações > Aplicações. Desça a página até encontrar Smartsupp - live chat, Flow (formerly chatbots) & video recordings e clique aí.
Clique no botão Instalar aplicação.
Aceite os Termos e Condições da App Store e, em seguida, clique em Instalar.
Será apresentada uma mensagem de confirmação a indicar que o plugin Smartsupp foi instalado com êxito.
Configurar o Smartsupp
Depois da instalação, vá a Complementos e integrações > As minhas aplicações e clique no ícone Smartsupp.
É possível criar uma nova conta Smartsupp ou iniciar sessão numa conta existente para a ligar à sua loja Shoper.
Depois de ligar, é possível começar a conversar com os visitantes ou ajustar as definições do Smartsupp utilizando a Smartsupp API. Não se esqueça de guardar as alterações.
Sugestão: Depois de guardar, abra a loja num novo separador e atualize a página — o widget de chat Smartsupp deverá agora estar visível.
Instalação manual de código
Se a instalação por plugin não funcionar, é possível adicionar o código Smartsupp manualmente como um snippet JavaScript.
Copiar o código de chat
Encontre o código de chat Smartsupp exclusivo no painel de controlo em Definições > Canais > Chat ao vivo > Instalação > Inserir código.
Colar o código no Shoper
No Shoper, vá à secção de snippet JavaScript e cole o código Smartsupp. Certifique-se de remover as etiquetas <script> e </script> — o Shoper não aceita etiquetas HTML neste campo.
Nota: O campo JavaScript no Shoper pode ter um limite de caracteres, por isso mantenha o código o mais curto possível. Evite utilizar comentários //, uma vez que o Shoper pode tratá-los como não funcionais. Depois de colar, atualize o navegador para ver as alterações.
Personalização via API
É possível utilizar a Smartsupp JavaScript API para personalizar o comportamento do widget de chat na sua loja Shoper. Eis alguns exemplos comuns:
Abrir o widget de chat a partir de um botão personalizado:
<button onclick="smartsupp('chat:open')">Falar connosco</button>
Ocultar o widget de chat em páginas específicas (por exemplo, carrinho ou checkout):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Ocultar o botão de chat predefinido e mantê-lo oculto após o fecho:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Nota: O campo JavaScript no Shoper pode ter um limite de caracteres e não suporta comentários //. Mantenha o código curto e evite etiquetas HTML como <script>.
Sugestão: Para a lista completa de métodos de API disponíveis, consulte a documentação da Smartsupp API.
Desinstalar o plugin
Se for necessário desinstalar o plugin Smartsupp, vá a Complementos e integrações > As minhas aplicações e clique na aplicação Smartsupp.
Clique em Desinstalar a aplicação.
Confirme a desinstalação.
Nota: Smartsupp e Shoper são dois serviços distintos. Desinstalar o plugin não cancela a subscrição Smartsupp. Para a cancelar, contacte a nossa equipa de apoio.
Recursos relacionados:
Instalação do Smartsupp — visão geral completa de todos os métodos de instalação.
Google Tag Manager — método de instalação alternativo com GTM.
E a seguir?
Definições básicas da caixa de chat — personalize cores, posição, mensagens de boas-vindas e muito mais.
Estado da caixa de chat — saiba como funciona o estado do widget de chat e como o controlar.
Porque não vejo o chat no meu site? — resolva os problemas de instalação mais comuns.
Transferir plugins — explore todas as integrações de plataforma disponíveis.