Gestisci il tuo negozio online su Shoper? Questa guida ti accompagna in tutti i passaggi necessari per collegare Smartsupp — dall'installazione del plugin con un clic all'inserimento manuale del codice.
Abbiamo suddiviso la guida nelle seguenti sezioni:
Installa il plugin Smartsupp
Nella dashboard di Shoper, vai a Componenti aggiuntivi e integrazioni > Applicazioni. Scorri verso il basso e trova Smartsupp - chat dal vivo, Flow (precedentemente chatbot) & registrazioni video, poi fai clic su questa voce.
Fai clic sul pulsante Installa applicazione .
Accetta i termini & le condizioni dell'App Store, poi fai clic su Installa.
Vedrai un messaggio che conferma che il plugin Smartsupp è stato installato correttamente.
Configura Smartsupp
Dopo l'installazione, vai a Componenti aggiuntivi e integrazioni > Le mie applicazioni E fai clic sull'icona Smartsupp .
Puoi creare un nuovo account Smartsupp oppure accedere al tuo account esistente per collegarlo al tuo negozio Shoper.
Una volta collegato l'account, puoi iniziare a chattare con i tuoi visitatori o modificare le impostazioni di Smartsupp utilizzando le API di Smartsupp. Non dimenticare di Salvare le modifiche.
Suggerimento: Dopo aver salvato, apri il tuo negozio in un nuovo tab e aggiorna la pagina — il widget di chat di Smartsupp dovrebbe ora essere visibile.
Installazione manuale del codice
Se l'installazione del plugin non funziona, puoi aggiungere manualmente il codice Smartsupp come snippet JavaScript.
Copia il codice di chat
Trova il tuo codice di chat univoco di Smartsupp nella dashboard in Impostazioni > Canali > Chat dal vivo > Installazione > Inserisci codice.
Incolla il codice in Shoper
In Shoper, vai alla sezione degli snippet JavaScript e incolla il tuo codice Smartsupp. Assicurati di rimuovere i tag <script> E </script> — Shoper non accetta tag HTML in questo campo.
Nota: Il campo JavaScript in Shoper potrebbe avere un limite di caratteri, quindi mantieni il codice il più breve possibile. Evita di usare // Commenti, poiché Shoper potrebbe considerarli non funzionali. Dopo aver incollato il codice, aggiorna il browser per vedere le modifiche.
Personalizzazione tramite API
Puoi utilizzare le API JavaScript di Smartsupp per personalizzare il comportamento del widget di chat nel tuo negozio Shoper. Ecco alcuni esempi comuni:
Apri il widget di chat da un pulsante personalizzato:
<button onclick="smartsupp('chat:open')">Chat with us</button>
Nascondi il widget di chat su pagine specifiche (Ad esempio, carrello o checkout):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Nascondi il pulsante di chat predefinito E mantienilo nascosto dopo la chiusura:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Nota: Il campo JavaScript in Shoper potrebbe avere un limite di caratteri e non supporta // Commenti. Mantieni il codice breve ed evita tag HTML come <script>.
Suggerimento: Per l'elenco completo dei metodi API disponibili, consulta la Documentazione delle API di Smartsupp.
Disinstalla il plugin
Se devi disinstallare il plugin Smartsupp, vai a Componenti aggiuntivi e integrazioni > Le mie applicazioni E fai clic sull'app Smartsupp .
Fai clic su Disinstalla l'app.
Conferma la disinstallazione.
Nota: Smartsupp e Shoper sono due servizi separati. La disinstallazione del plugin non annulla il tuo abbonamento Smartsupp. Per annullarlo, contatta la nostra Squadra di assistenza.
Risorse correlate:
Installazione di Smartsupp — Panoramica completa di tutti i metodi di installazione.
Google Tag Manager — Metodo di installazione alternativo con GTM.
Qual è il prossimo passo?
Impostazioni di base della chat box — Personalizza colori, posizione, messaggi di benvenuto e altro ancora.
Stato della chat box — Scopri come funziona lo stato del widget di chat e come controllarlo.
Perché non riesco a vedere la chat sul mio sito web? — Risolvi i problemi di installazione più comuni.
Scarica i plugin — Esplora tutte le integrazioni disponibili per le piattaforme.
💡 Hai bisogno di ulteriore aiuto? Contatta la nostra Squadra di assistenza — Saremo felici di aiutarti!











