Gli sviluppatori possono decidere esattamente dove appare la chat box aggiungendo alcune opzioni di configurazione al codice di installazione di Smartsupp. Questa guida mostra come spostare la chat box a sinistra, allontanarla dalla posizione predefinita, usare una posizione diversa su mobile oppure nasconderla su mobile.
Avanzato: posizione nel codice di installazione
🟡 Nota: Ti serve accesso sviluppatore al codice del tuo sito web. Spostare la chat box sul lato sinistro richiede il piano Solo o superiore.
Aggiungi le opzioni nella parte di configurazione del codice di installazione: dopo la riga con _smartsupp.key e prima del loader (la parte che inizia con window.smartsupp||). La chat box le leggerà al caricamento, perciò devono essere inserite prima che parta il loader.
Sposta la chat box sul lato sinistro:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...resto del codice di installazione (il loader)</script>Sposta la chat box dalla sua posizione predefinita (valori in pixel):
_smartsupp.offsetX = 20; // la sposta dal bordo laterale_smartsupp.offsetY = 100; // la sposta verso l’alto dal bordo inferiore
Usa una posizione diversa solo su mobile:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) { _smartsupp.offsetY = 150;}// ...resto del codice di installazione (il loader)</script>Nascondi la chat box solo su mobile (resta visibile su desktop, disponibile su tutti i piani):
_smartsupp.hideMobileWidget = true;
Per applicarla:
Apri il codice del tuo sito e individua lo script di installazione di Smartsupp.
Aggiungi le opzioni che ti servono subito dopo la riga
_smartsupp.key, prima del loader.Adatta i valori secondo lo stile del tuo sito.
Salva e aggiorna il sito in una finestra in incognito o privata per vedere la nuova posizione. Prova anche su smartphone.
💡 Suggerimento: Comandi come smartsupp('chat:position', ...) non sono supportati. La chat box li ignora e la console del browser mostra "Unknown API command". Per tutte le opzioni di configurazione, vedi la documentazione per sviluppatori.
E ora?
💡 Serve aiuto? Contatta il nostro team di supporto — siamo qui per te!