Introduzione
Il widget di Chat G Tech Group può essere personalizzato graficamente per integrarsi perfettamente con la brand identity del tuo sito. Colori, logo, font, testi e icone sono tutti modificabili dal pannello senza toccare il codice.
Accesso alle impostazioni
Vai in Canali > Widget Web, seleziona il widget da personalizzare e clicca sulla tab Aspetto. Le modifiche vengono applicate in tempo reale al front-end (nuovi visitatori) senza necessità di redeploy del sito.
Colore primario
Il colore primario definisce l'header del widget, i pulsanti CTA e le bolle dei messaggi inviati. Inserisci il codice esadecimale (es. #0066CC) oppure usa il color picker. Il sistema calcola automaticamente il colore di testo a contrasto (bianco o nero) per garantire accessibilità WCAG AA.
Logo aziendale
Carica un logo PNG o SVG con sfondo trasparente, dimensioni consigliate 200x60px. Il logo appare nell'header del widget quando è espanso. Se non carichi un logo viene mostrata la ragione sociale come testo.
Avatar di default operatore
Quando un'operatore non ha foto profilo viene mostrato un'avatar generico. Puoi caricare un'immagine di default aziendale (es. mascotte) che sostituisce l'icona standard. Formato consigliato: PNG quadrato 256x256px.
Testi personalizzati
Nella sezione Testi modifichi: titolo header ("Ciao! Come possiamo aiutarti?"), placeholder input ("Scrivi un messaggio..."), messaggio offline, pulsante invio. Ogni testo supporta variabili dinamiche come {{nome_azienda}}.
Font del widget
Per default il widget usa Inter, un font sans-serif moderno e leggibile. Puoi selezionare tra una lista predefinita di Google Fonts (Roboto, Open Sans, Lato, Poppins) oppure indicare il nome di un font già caricato sul tuo sito tramite l'opzione "Inherit from page".
Icona launcher
Il pulsante che apre la chat può essere personalizzato con un'icona SVG custom. Le opzioni predefinite includono: bolla messaggio, cuffia supporto, punto interrogativo, smile. Dimensione consigliata 24x24px.
Dark mode
Il widget rileva automaticamente la preferenza prefers-color-scheme: dark del sistema operativo del visitatore e adatta i colori di sfondo mantenendo il colore primario per gli elementi di brand.
Anteprima e pubblicazione
Nella colonna destra del pannello vedi un'anteprima live del widget. Clicca Salva per applicare le modifiche. Eventuali cache CDN vengono invalidate entro 60 secondi.
Hai bisogno di aiuto?
Se vuoi attivare Chat G Tech Group sul tuo sito, scrivici tramite il modulo di contatto.