Come installare la live chat di Smartsupp sul tuo negozio Shoper — utilizzando il plugin integrato dell’App Store di Shoper o l’inserimento manuale del codice.
Il tuo negozio online è su Shoper? Questa guida ti accompagna attraverso tutto ciò che serve per collegare Smartsupp — dall’installazione del plugin con un clic al metodo di inserimento manuale del codice.
Abbiamo suddiviso la guida nelle seguenti sezioni:
Installare il plugin Smartsupp
Nel pannello di controllo di Shoper, vai su Componenti aggiuntivi e integrazioni > Applicazioni. Scorri verso il basso e trova Smartsupp - live chat, chatbot & video recordings, quindi fai clic su di esso.
Fai clic sul pulsante Installa applicazione.
Accetta i termini e le condizioni dell’App Store, quindi fai clic su Installa.
Vedrai un messaggio di conferma che il plugin Smartsupp è stato installato con successo.
Configurare Smartsupp
Dopo l’installazione, vai su Componenti aggiuntivi e integrazioni > Le mie applicazioni e fai clic sull’icona Smartsupp.
Puoi creare un nuovo account Smartsupp o accedere a quello esistente per collegarlo al tuo negozio Shoper.
Una volta collegato, puoi iniziare a chattare con i tuoi visitatori o modificare le impostazioni di Smartsupp utilizzando l’API di Smartsupp. Non dimenticare di salvare le modifiche.
Suggerimento: Dopo aver salvato, apri il tuo negozio in una nuova scheda e aggiorna la pagina — il widget della chat di Smartsupp dovrebbe ora essere visibile.
Installazione manuale del codice
Se l’installazione del plugin non funziona, puoi aggiungere il codice Smartsupp manualmente come snippet JavaScript.
Copiare il codice della chat
Trova il tuo codice univoco della chat Smartsupp nel pannello di controllo sotto Impostazioni > Chatbox > Installazione > Inserisci codice.
Incollare 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: Shoper ha un limite di 250 caratteri nel campo API. Evita di usare commenti // nel codice, poiché Shoper potrebbe trattarli come non funzionali. Dopo aver incollato, aggiorna il browser per vedere le modifiche.
Personalizzazione API
Puoi utilizzare l’API JavaScript di Smartsupp per personalizzare il comportamento del widget della chat nel tuo negozio Shoper. Ecco alcuni esempi comuni:
Aprire il widget della chat da un pulsante personalizzato:
<button onclick="smartsupp('chat:open')">Chatta con noi</button>
Nascondere il widget della chat su pagine specifiche (es. carrello o checkout):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Nascondere il pulsante della chat predefinito e mantenerlo nascosto dopo la chiusura:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Nota: Shoper ha un limite di 250 caratteri nel campo API e non supporta i commenti //. Assicurati che il tuo codice rientri nel limite ed evita tag HTML come <script>.
Suggerimento: Per l’elenco completo dei metodi API disponibili, consulta la documentazione API di Smartsupp.
Disinstallare il plugin
Se devi disinstallare il plugin Smartsupp, vai su 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 il nostro team di assistenza.
Risorse correlate:
Installazione di Smartsupp — panoramica completa di tutti i metodi di installazione.
Google Tag Manager — metodo di installazione alternativo con GTM.
Cosa fare dopo?
Impostazioni di base della chatbox — Personalizza colori, posizione, messaggi di benvenuto e altro ancora.
Stato della chatbox — Scopri come funziona lo stato del widget della 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 di piattaforma disponibili.
💡 Hai bisogno di ulteriore aiuto? Contatta il nostro team di assistenza — siamo felici di aiutarti!











