L’API JavaScript di Smartsupp offre agli sviluppatori un controllo preciso su dove appare il widget di chat sul sito. Questa guida mostra come impostare la posizione della chat box nel codice — incluse posizioni diverse per desktop e mobile.
Avanzato: posizione tramite l'API JavaScript
🟡 Nota: Cambiare la posizione tramite l'API richiede il pacchetto PLUS 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?
💡 Serve altro aiuto? Contatta il nostro team di supporto — saremo felici di aiutarti!