Hai un negozio online su Shoper? In questa guida trovi tutto quello che ti serve per collegare Smartsupp — dall'installazione rapida con il plugin alla configurazione manuale tramite codice.
Abbiamo diviso la guida in queste sezioni:
Installa il plugin Smartsupp
Nel pannello di controllo di Shoper, vai su Componenti aggiuntivi e integrazioni > Applicazioni. Scorri verso il basso e individua Smartsupp (lo troverai come Smartsupp - Live Czat, Czatbot, Mira AI i więcej narzędzi AI), poi clicca per aprirlo.
Premi su Installa applicazione.
Accetta i Termini & Condizioni dell’App Store, poi scegli Installa.
Vedrai la conferma che il plugin Smartsupp è stato installato correttamente.
Configura Smartsupp
Dopo l’installazione, vai su Componenti aggiuntivi e integrazioni > Le mie applicazioni e clicca sull’icona Smartsupp.
Puoi creare un nuovo account Smartsupp o accedere con uno già esistente per collegarlo al tuo negozio Shoper.
Una volta connesso, puoi subito iniziare a chattare con i visitatori o personalizzare Smartsupp tramite l’API di Smartsupp. Ricordati di salvare le modifiche.
Suggerimento: Dopo aver salvato, apri il tuo negozio in una nuova scheda e aggiorna la pagina — ora dovresti vedere il widget chat di Smartsupp online.
Installazione manuale del codice
Se l’installazione tramite plugin non dovesse funzionare, puoi aggiungere il codice Smartsupp come snippet JavaScript, in modo manuale.
Copia il codice della chat
Trova il codice unico della tua chat Smartsupp nel pannello sotto Impostazioni > Canali > Chat dal vivo > Installazione > Inserisci codice.
Incolla il codice in Shoper
Su Shoper, trova la sezione per gli snippet JavaScript e incolla il codice Smartsupp. Ricordati di togliere i tag <script> e </script> — Shoper non permette tag HTML in questo campo.
Nota: Il campo JavaScript su Shoper potrebbe avere un limite di caratteri, quindi tieni il codice più corto possibile. Evita i commenti //, potrebbero impedire il corretto funzionamento. Dopo aver incollato, aggiorna il browser per visualizzare i cambiamenti.
Personalizzazione tramite API
Con la JavaScript API di Smartsupp puoi gestire come si comporta il widget chat sul tuo Shoper. Ecco alcuni esempi utili:
Apri il widget chat con un pulsante personalizzato:
<button onclick="smartsupp('chat:open')">Chatta con noi</button>
Nascondi il widget chat su alcune pagine (come carrello o checkout):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Nascondi il pulsante chat predefinito e tienilo nascosto dopo la chiusura:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Nota: Il campo JavaScript su Shoper può avere limiti di caratteri e non accetta i commenti //. Mantieni il codice breve ed evita tag HTML come <script>.
Suggerimento: Per la lista completa dei metodi disponibili con l’API, consulta la documentazione dell’API di Smartsupp.
Disinstalla il plugin
Se vuoi rimuovere il plugin Smartsupp, vai su Componenti aggiuntivi e integrazioni > Le mie applicazioni e clicca sull’app Smartsupp.
Seleziona Disinstalla l’app.
Conferma la disinstallazione.
Nota: Smartsupp e Shoper sono servizi distinti. Disinstallare il plugin non interrompe il tuo abbonamento Smartsupp. Per annullarlo, scrivi direttamente al nostro team di supporto.
Risorse correlate:
Installazione di Smartsupp — panoramica di tutti i metodi di installazione possibili.
Google Tag Manager — soluzione alternativa con GTM.
E adesso?
Impostazioni di base della chat box — scegli colori, posizione, messaggi di benvenuto e altro ancora.
Stato della chat box — scopri come funziona lo stato della chat e come gestirlo.
Perché non vedo la chat sul mio sito? — risolvi subito i problemi più comuni d’installazione.
Scarica plugin — scopri tutte le integrazioni disponibili per la tua piattaforma.