A sua loja online utiliza o Shoper? Este guia mostra, passo a passo, tudo o que precisa para conectar o Smartsupp — desde a instalação com um clique do plugin até ao método de código manual.
Dividimos o guia nas seguintes secções:
Instalar o plugin Smartsupp
No painel de controlo do Shoper, vá a Complementos e integrações > Aplicações. Percorra a página até encontrar Smartsupp (listado como Smartsupp - Live Czat, Czatbot, Mira AI e mais ferramentas de IA) e clique para abrir.
Clique no botão Instalar aplicação.
Aceite os Termos & Condições da App Store e depois clique em Instalar.
Irá ver uma mensagem de confirmação de que o plugin Smartsupp foi instalado com sucesso.
Configurar o Smartsupp
Após a instalação, vá a Complementos e integrações > Minhas aplicações e clique no ícone Smartsupp.
Pode criar uma nova conta Smartsupp ou iniciar sessão numa já existente para associar à sua loja Shoper.
Depois de ligado, pode começar a conversar com os visitantes ou configurar as definições do Smartsupp utilizando a API Smartsupp. Não se esqueça de Guardar as alterações.
Dica: Depois de guardar, abra a sua loja numa nova aba e atualize a página — o widget de chat Smartsupp já deverá estar visível.
Instalação manual do código
Se a instalação do plugin não funcionar, pode adicionar manualmente o código Smartsupp como um snippet JavaScript.
Copiar o código de chat
Encontre o seu código exclusivo do chat Smartsupp no painel, em Definições > Canais > Chat ao vivo > Instalação > Inserir código.
Colar o código no Shoper
No Shoper, aceda à seção de snippets JavaScript e cole o seu código Smartsupp. Certifique-se de remover as tags <script> e </script> — o Shoper não aceita tags 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 //, pois o Shoper pode interpretá-los como inválidos. Após colar o código, atualize o navegador para ver as alterações.
Personalização via API
Pode utilizar a API JavaScript da Smartsupp 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')">Fale 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 padrão e mantê-lo oculto depois de fechar:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Nota: O campo JavaScript no Shoper pode ter limitação de caracteres e não suporta comentários //. Mantenha o código curto e não utilize tags HTML como <script>.
Desinstalar o plugin
Se precisar de desinstalar o plugin Smartsupp, vá a Complementos e integrações > 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 serviços distintos. Ao desinstalar o plugin, a sua subscrição Smartsupp não será cancelada. Para o fazer, contacte a nossa equipa de suporte.
Recursos relacionados:
Instalação do Smartsupp — visão geral completa de todos os métodos de instalação.
Google Tag Manager — método alternativo de instalação usando o GTM.
Próximos passos
Definições básicas da caixa de chat — Personalize cores, posição, mensagens de boas-vindas e mais.
Estado da caixa de chat — Saiba como funciona o estado do widget de chat e como pode controlá-lo.
Porque não vejo o chat no site? — Solucione os problemas mais comuns de instalação.
Transferir plugins — Explore todas as integrações de plataformas disponíveis.