Sei pronto a collegare Smartsupp al tuo sito web? Questa guida ti accompagna passo dopo passo nell’intero processo di installazione: dalla creazione dell’account fino alla verifica che il widget della chat sia attivo sul tuo sito web.
Abbiamo suddiviso tutto in passaggi:
Passaggio 1: Crea il tuo account Smartsupp
Se non hai ancora un account Smartsupp, puoi registrarti gratis. La registrazione richiede solo un minuto: ti basta il tuo indirizzo email.
Una volta creato l’account, verrai indirizzato alla dashboard di Smartsupp dove puoi trovare il tuo codice di chat unico e iniziare a configurare la chat dal vivo.
Risorse correlate:
Come creare un account Smartsupp? — guida dettagliata passo passo per la creazione dell’account.
Panoramica della dashboard — conosci la dashboard di Smartsupp e le sue sezioni principali.
Passaggio 2: Trova il tuo codice di chat
Dopo la registrazione ricevi un’email con il tuo codice di chat Smartsupp unico. Puoi trovarlo sempre nella dashboard sotto Impostazioni > Canali > Chat dal vivo > Installazione > Inserisci codice.
Il tuo codice di chat assomiglia a questo:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_CODE';window.smartsupp||(function(d) { var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[]; s=d.getElementsByTagName('script')[0];c=d.createElement('script'); c.type='text/javascript';c.charset='utf-8';c.async=true; c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);})(document);</script>
Suggerimento: Ogni account Smartsupp ha un codice di chat unico. Assicurati di copiare tutto il frammento di codice, incluse le tag di apertura e chiusura <script>.
Passaggio 3: Aggiungi Smartsupp al tuo sito web
Ci sono tre modi per installare Smartsupp sul tuo sito web. Scegli il metodo più adatto alla tua configurazione:
Opzione A: Incolla il codice direttamente
Inserisci il codice della chat nell’HTML del tuo sito web, tra i tag <head> ... </head>. In questo modo Smartsupp si carica su ogni pagina del tuo sito web.
Opzione B: Usa Google Tag Manager
Se già utilizzi Google Tag Manager per gestire gli script sul tuo sito web, puoi aggiungere il codice Smartsupp come tag HTML personalizzato. Questa è una soluzione perfetta se vuoi gestire tutti gli script in un unico posto.
Opzione C: Usa un plugin già pronto
Smartsupp offre plugin e integrazioni per molte piattaforme popolari. Con un plugin non dovrai toccare il codice: ti basta installare il plugin e collegare il tuo account Smartsupp.
I plugin sono disponibili per piattaforme come:
Nota: Se non vuoi modificare il codice del tuo sito web, ti consigliamo di usare un plugin oppure chiedi al tuo sviluppatore web di aiutarti con l’installazione.
Risorse correlate:
Google Tag Manager — guida passo passo per l’installazione tramite GTM.
Scarica plugin — sfoglia tutte le integrazioni disponibili.
Passaggio 4: Verifica l’installazione
Dopo aver aggiunto il codice al tuo sito web, apri il sito in un browser per controllare che il widget della chat sia visibile nell’angolo in basso della pagina. Dovresti vedere la bolla della chat di Smartsupp pronta per i visitatori.
Se il widget non appare, ricontrolla questi punti:
Il codice è inserito tra i tag <head> ... </head> (oppure caricato tramite GTM o plugin).
Il tuo sito web è pubblicato ed è accessibile pubblicamente.
Non ci sono errori JavaScript che impediscono il caricamento dello script.
Nota: Dopo l’installazione, potresti vedere messaggi demo nella dashboard. Fanno parte dell’onboarding di Smartsupp e ti aiutano a esercitarti a usare la piattaforma: non provengono da visitatori reali.
Suggerimento: Smartsupp funziona anche su tablet, iPad e nelle nostre app native per Android e iPhone. Scarica gratis l’app mobile così puoi chattare con i tuoi clienti ovunque!
Avanzato: Multi-dominio e personalizzazione API
Smartsupp può essere installato su un numero specifico di domini a seconda del tuo pacchetto. Se vuoi personalizzare l’aspetto o la lingua del widget della chat su siti web diversi, puoi utilizzare l’API Smartsupp per configurazione avanzata.
Nota: Le personalizzazioni tramite API (come impostare colori diversi per la chat box o lingue diverse per dominio) sono disponibili nei pacchetti Expert e Ultimate. Per i dettagli vedi la documentazione API.
E ora?
Impostazioni base della chat box — Personalizza colori, posizione, messaggi di benvenuto e molto altro.
Flow — Imposta flussi di chat automatici per coinvolgere i visitatori 24/7.
Introduzione all’assistente AI agli acquisti Mira — Lascia che l’AI gestisca le conversazioni e suggerisca prodotti.
Quale pacchetto scegliere? — Confronta i pacchetti e trova quello più adatto al tuo business.