Guida alla personalizzazione della chat dell'SDK mobile

L'SDK mobile offre ampie funzionalità di personalizzazione, progettate per consentirti di incorporare i requisiti del brand e creare un'esperienza unica e personalizzata. Questo documento fornisce una panoramica completa delle opzioni disponibili nell'SDK mobile per ottimizzare le interazioni di chat dei consumatori.

Puoi includere la personalizzazione che ti serve per soddisfare le esigenze della tua attività. Ecco un confronto fianco a fianco tra una chat predefinita e una chat altamente personalizzata.

Viene mostrato un esempio affiancato di aspetti della chat personalizzati.

  • Visibilità

  • Icona avatar

  • Testo

  • Carattere (dimensione, stile e colore)

  • Colore del divisore

  • Larghezza del divisore

Viene mostrato un esempio delle sezioni personalizzabili dell'intestazione.

Pulsante in linea

  • Stile

  • Allineamento

  • Colore sfondo

  • Colore del testo

  • Raggio d'angolo

  • Carattere (dimensione, stile e colore)

  • Colore bordo

  • Spessore bordo

Viene mostrato un esempio degli aspetti personalizzabili del pulsante.

Pulsante Indietro

  • Visibilità: solo del testo. La visibilità della freccia Indietro non può essere personalizzata.

  • Icona

  • Colore del testo

Viene mostrato un esempio del pulsante Indietro.

Pulsante Fine

  • Visibilità

  • Carattere (dimensione, stile e colore)

Viene mostrato un esempio che indica il pulsante per terminare la chat.

Timestamp

  • Carattere (dimensione, stile e colore)

Viene mostrato un esempio che indica il timestamp.

Messaggio e pulsanti di sistema

  • Colore sfondo

  • Raggio d'angolo

  • Carattere (dimensione, stile e colore)

  • Colore bordo

  • Spessore bordo

Viene mostrato un esempio dei messaggi e dei pulsanti di sistema.

Bolle dei messaggi del consumatore e dell'agente

  • Colore sfondo

  • Raggio d'angolo

  • Carattere (dimensione, stile e colore)

  • Colore bordo

  • Spessore bordo

  • Avatar

Viene mostrato un esempio di bolle dei messaggi del cliente e dell'agente.

Barra di input utente

  • Colore sfondo

  • Colore bordo

  • Spessore bordo

  • Icona della fotocamera

  • Icona di navigazione condivisa

  • Icona del pulsante Invia

Un esempio che indica che viene visualizzata la barra di input utente'utente.

Barra di input utente (campo di testo)

  • Raggio d'angolo

  • Colore cursore

  • Testo segnaposto

  • Carattere (dimensione, stile e colore)

  • Colore bordo

  • Spessore bordo

Viene mostrato un esempio che indica il campo di testo della barra di input utente.

Rotellina di caricamento

  • Animazione personalizzata

Viene mostrato un esempio che indica gli aspetti personalizzabili della rotellina di caricamento.