Stile e branding

Il widget di chat è completamente personalizzabile. Le impostazioni si trovano in due punti:

• Widget → Stile — colori, font, bolle dei messaggi, dimensione del widget, link fissi e footer.
• Widget → Contenuto — nome del bot, saluto, avatar, lingua e testo del brand.

Ogni modifica viene mostrata all'istante nell'Anteprima dal vivo a destra, e la maggior parte delle impostazioni si salva automaticamente durante la modifica.

Tema

Scegli Chiaro o Scuro. Questo definisce lo schema di colori di base dell'intero widget — sfondo, testo, bordi e campi di input.

Scegliere Scuro non influisce sul tema del tuo sito — solo sul widget.

Colore del widget

Il colore d'accento principale usato per la barra dell'intestazione, il pulsante di invio e le bolle dell'utente. Clicca sul campione di colore per aprire il selettore, o inserisci un valore hex direttamente — ad esempio #1a56db.

Colore e icona della bolla di avvio

Il pulsante fluttuante che i visitatori toccano per aprire la chat.

• Colore — di default il colore del widget se non impostato separatamente.
• Icona — l'icona chat predefinita, un emoji personalizzato o una piccola immagine PNG/SVG caricata (consigliato: 40×40px).

Avatar del bot

Mostrato accanto a ogni messaggio del bot. Opzioni:

• Emoji — qualsiasi carattere emoji. Semplice e leggibile a dimensioni ridotte.
• Immagine — carica un PNG o JPG. Ritagliata a cerchio. Dimensione consigliata: 80×80px.

Intestazione della chat

Nel blocco Stile → Intestazione chat puoi impostare:

• Sottotitolo — piccolo testo sotto il nome del bot (es. «Assistente AI» o il ruolo del bot).
• Colore del nome e Colore del sottotitolo — sovrascrivono i colori del testo dell'intestazione.
• Tooltip di reset — l'etichetta del pulsante «Nuova conversazione».

Il nome del bot e il messaggio di benvenuto (il primo messaggio che vedono i visitatori) si impostano in Widget → Contenuto. Mantieni il saluto amichevole e orientato all'azione:

Ciao! 👋 Sono il tuo assistente di supporto. Chiedimi tutto sui nostri prodotti o servizi.

Bolle dei messaggi

Nel blocco Stile → Messaggi:

• Placeholder del campo — testo guida nel campo (di default «Scrivi un messaggio…»).
• Dimensione del carattere — dimensione base della conversazione.
• Bolla utente — colore di sfondo e testo dei messaggi del visitatore (attiva Sovrascrivi per impostare uno sfondo personalizzato).
• Bolla del bot — colore di sfondo e testo delle risposte del bot.

Dimensione del widget

In Stile → Dimensione widget, trascina i cursori per impostare le dimensioni della finestra di chat:

• Larghezza — da 240 a 520 px
• Altezza — da 360 a 800 px

La dimensione impostata qui si applica al widget incorporato sul tuo sito, non solo all'anteprima del pannello. Su mobile il widget si espande sempre a schermo intero.

Lingua del widget

Per impostazione predefinita il widget rileva la lingua del visitatore dal suo browser e localizza tutte le etichette integrate (pulsanti, campi dei moduli, placeholder). Per forzare una lingua specifica, scegliela dal menu Lingua nella scheda Stile (inglese, ucraino, polacco, tedesco, spagnolo, francese, italiano).

Questo controlla solo le etichette dell'interfaccia del widget. Il bot risponde sempre nella lingua in cui scrive il visitatore.

Link fissi

In Stile → Link fissi puoi fissare fino a 6 link che appaiono con le risposte del bot — utili per una pagina contatti, i prezzi o una call to action «Prenota una demo».

Per ogni link imposta un'Etichetta e un URL (solo http/https). Puoi anche controllare:

• Sfondo / colore del testo / dimensione — per abbinarli al tuo brand.
• Posizione — Sotto ogni messaggio (sotto ogni risposta) o In fondo alla chat (una barra fissa sopra il campo di input).

HTML personalizzato del footer

In Stile → Footer chat puoi aggiungere il tuo HTML sotto la conversazione — un disclaimer, un link all'informativa sulla privacy o gli orari.

Per sicurezza, sono consentiti solo questi tag: <a>, <span>, <strong>, <em>, <b>, <i>, <br>. I link si aprono automaticamente in una nuova scheda.

Il footer personalizzato è disponibile dal piano Business in su.

Branding

Per impostazione predefinita, in fondo al widget appare un piccolo link «Powered by BotChata».

Per sostituirlo con il tuo brand, vai su Widget → Contenuto:

• Nome brand personalizzato — il nome della tua azienda.
• URL brand personalizzato — collega il testo del brand al tuo sito.

Per nascondere del tutto il branding, il tuo account ha bisogno di un piano che includa il white-label (Enterprise/Agency). Vedi Piani e fatturazione.

Pulsante di contatto

Per aggiungere un link di contatto diretto nell'intestazione del widget, imposta Widget → Contenuto → Contact URL su mailto:support@yoursite.com o tel:+1234567890. L'icona di contatto appare quando il campo è compilato e si nasconde quando è vuoto.

Input vocale

Quando il browser del visitatore supporta il riconoscimento vocale (Chrome, Edge, Safari), nel campo di input appare automaticamente un'icona del microfono — senza configurazione. Il visitatore può dettare un messaggio, rivedere la trascrizione e modificarla prima di inviare. Sui browser senza supporto (es. Firefox) il microfono è nascosto silenziosamente.

Il menu di avvio ＋

Il footer del widget ha un unico menu ＋ che ospita le prenotazioni e i moduli o widget che scegli di esporre. Aggiungi un elemento attivando «Mostra nel menu del widget» su un modulo personalizzato (Moduli personalizzati) o un widget del costruttore (Widget Builder). Le prenotazioni appaiono qui automaticamente quando sono attive. Il menu è nascosto quando non c'è nulla da mostrare.