Vai al contenuto principale

Shoper

Come installare la chat dal vivo di Smartsupp sul tuo negozio Shoper — utilizzando il plugin integrato dello Shoper App Store o inserendo manualmente il codice.

Scritto da Michal Jindra

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:


Qual è il prossimo passo?

💡 Hai bisogno di ulteriore aiuto? Contatta la nostra Squadra di assistenza — Saremo felici di aiutarti!

Hai ricevuto la risposta alla tua domanda?