Aspetto e marchio della chat
Una chat che sembra appartenere al tuo negozio, piuttosto che un widget integrato, guadagna più fiducia da parte dei clienti che stanno decidendo se utilizzarla. Ecco cosa puoi effettivamente controllare dalle pagine Appearance e Settings dell'app di amministrazione.
Partendo da un modello di stile
Tre modelli integrati ti forniscono un punto di partenza: Classic (sfondi solidi, bordi, ombre: tradizionale), Floaty (Elementi vetrosi, luminosi e trasparenti: moderno) e Bubbly Glow (arrotondato, in stile iOS, un contorno morbido e scintillante con un riempimento in vetro smerigliato). Il cambio di modello carica un set corrispondente di impostazioni predefinite per ombre, bordi, divisori e raggi e puoi comunque regolare ciascuno di essi in seguito senza perdere l'aspetto generale.
Colori
Colore del messaggio dell'utente (lo sfondo dei messaggi di un cliente) e il colore del messaggio del bot (le risposte di AI), ciascuno con il proprio colore del testo. Un colore primario, impostato a livello di blocco, viene utilizzato per i messaggi degli utenti e per il colore del bordo/bolla del contenitore su una pagina specifica quando per quel blocco è attivata l'opzione "Utilizza impostazioni personalizzate". Oltre a ciò: sfondo del contenitore, colore e larghezza del bordo, spostamento dell'ombra (, sfocatura, opacità) e colore e spessore del divisore tra i messaggi.
Forma e spaziatura
Raggio del contenitore esterno, raggio del fumetto della chat e raggio di input/pulsante: qualsiasi cosa, dagli angoli acuti a quelli completamente arrotondati. Larghezza, spaziatura interna e margine del contenitore. Altezza massima della chat su desktop e dispositivi mobili, ciascuna come percentuale dell'area visibile.
La bolla galleggiante
La chat viene sempre visualizzata come una bolla mobile in posizione fissa, ancorata in basso a sinistra o in basso a destra, mai in linea, mai in una barra laterale. Puoi controllarne la posizione (sinistra o destra), le sue dimensioni in pixel, la sua icona (luccica, chat, messaggio, domanda, robot o ricerca), il colore dell'icona e se viene visualizzato. Vedi Posizionamento e layout della chat per indicazioni sul posizionamento.
Intestazione, pulsante di accesso e disclaimer
Mostra o nascondi l'intestazione della chat, con il proprio colore del testo. Mostra o nascondi la richiesta di accesso ospite. Mostra o nascondi il testo della dichiarazione di non responsabilità AI ("Questa guida AI può contenere errori..."). E facoltativamente mostra un'immagine del profilo, ad esempio il tuo logo, accanto ai messaggi del bot, a qualunque dimensione imposti.
CSS personalizzato
Le impostazioni globali includono un campo CSS personalizzato, inserito direttamente nella pagina. Vedi Stile chat avanzato per le proprietà personalizzate CSS e la struttura DOM che puoi scegliere come target in sicurezza.
Lingua
L'interfaccia utente del widget (etichette sullo schermo, messaggi di stato dello strumento, intestazione e dichiarazione di non responsabilità) supporta tre lingue: inglese, tedesco e olandese, risolte dalla lingua dei contenuti del tuo negozio. Questa non è una traduzione automatica di contenuti arbitrari; è un insieme fisso di stringhe tradotte. Vedi Supporto multilingue.