Una volta installato il chat di Smartsupp sul tuo sito web, la prima cosa che probabilmente vorrai fare è configurare l'aspetto e il comportamento della chat box. La chat box di Smartsupp combina una chat e un modulo di contatto in un unico widget, così i visitatori possono inviare messaggi e — se attivi il modulo di contatto — condividere dettagli come nome ed e-mail.
💡 Dove trovarlo: Tutte le opzioni qui sotto si trovano in Impostazioni > Chat box nella tua dashboard Smartsupp.
In questo articolo:
Cosa puoi personalizzare
Nelle impostazioni dell'aspetto della chat box puoi regolare quanto segue affinché il widget si adatti al tuo sito web:
Impostazione | Cosa fa |
Gradiente di colore | Imposta i colori della chat box per abbinarli al tuo brand. |
Posizione | Colloca la chat box sul lato sinistro o destro dello schermo. |
Testi generali | Modifica le etichette e i messaggi mostrati nella chat box. |
Tema | Cambia l'aspetto generale della chat box. |
Cambiare la posizione della chat box
Puoi spostare il pulsante della chat direttamente dalla dashboard — senza alcun codice:
Accedi al tuo account Smartsupp.
Vai su Impostazioni > Chat box > Aspetto (o Impostazioni di posizione).
Regola la collocazione — scegli il lato sinistro o destro dello schermo, imposta uno scostamento verticale e la distanza dai bordi.
Salva le modifiche. La posizione aggiornata viene applicata automaticamente al tuo sito web.
Avanzato: posizione tramite l'API JavaScript
🟡 Nota: Cambiare la posizione tramite l'API richiede il pacchetto EXPERT (Legacy: PRO) e l'accesso da sviluppatore al codice del tuo sito web.
L'API JavaScript di Smartsupp offre agli sviluppatori un controllo più preciso sul widget della chat. Ad esempio, puoi impostare posizioni diverse per desktop e mobile:
<script>
// Desktop position
smartsupp('chat:position', { bottom: 20, right: 20 });
// Mobile override
if (window.innerWidth < 768) {
smartsupp('chat:position', { bottom: 100, right: 10 });
}
</script>
Per implementarlo:
Apri il codice del tuo sito web e individua lo script di installazione di Smartsupp.
Incolla lo snippet sopra direttamente sotto lo script di Smartsupp.
Regola i valori
bottomerightin base al tuo design per desktop e mobile.Salva le modifiche e aggiorna il tuo sito web in una finestra in incognito o privata per verificare le nuove posizioni.
💡 Suggerimento: Per il controllo completo, puoi creare il tuo pulsante e gestire il widget della chat interamente tramite l'API JavaScript.
E adesso?
Lingue della chat box — consulta le lingue supportate e come cambiarle.
Stato della chat box — controlla quando la tua chat box appare online o offline.
Perché non vedo la chat sul mio sito web? — risolvi una chat box che non appare.
💡 Hai ancora bisogno di aiuto? Se non riesci a trovare un'impostazione o qualcosa non funziona come previsto, contatta il nostro team di supporto via chat o email — saremo felici di aiutarti.