Vai al contenuto principale

Shoper

Come installare la live chat di Smartsupp sul tuo negozio Shoper — utilizzando il plugin integrato dallo Shoper App Store o l’inserimento manuale del codice.

Aggiornato questa settimana

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:


Cosa fare dopo?

💡 Hai bisogno di ulteriore aiuto? Contatta il nostro team di assistenza — siamo felici di aiutarti!

Hai ricevuto la risposta alla tua domanda?