Guida agli elementi dell'immagine aziendale per la chat ottimizzata

Personalizzazione di colori, font, immagini e dimensioni delle finestre

Eseguire le selezioni nella pagina Impostazioni di distribuzione servizio incorporato. Ulteriori informazioni sulle selezioni che è possibile effettuare più avanti in questo argomento della guida.

1. Da Imposta, nella casella Ricerca veloce, immettere Distribuzioni e selezionare Distribuzioni servizio incorporato.
2. A destra della distribuzione, fare clic sulla freccia Giù e selezionare Visualizza. Fare clic su Seleziona immagine aziendale.
3. Effettuare le selezioni desiderate. Di seguito sono riportate informazioni su colori, font e immagini in questo argomento della guida.
4. Salvare le modifiche.
5. Quando si torna alla landing page Impostazioni di distribuzione servizio incorporato, fare clic su Pubblica.

Guida ai colori

Per selezionare un colore, fare clic sul menu a discesa e scorrere il selettore o immettere un codice esadecimale nel campo #. Salvare le modifiche e pubblicare nuovamente la distribuzione.

Colori	Elementi	Esempio
	Testo: Le parole all'interno del popup di notifica. Sfondo: Il pulsante Chat e il popup di notifica. Pulsante Scarta invito: La X nel popup di notifica
	Sfondo: Il banner nell'intestazione. Testo e icone di navigazione: Testo dell'intestazione, pulsante Riduci al minimo e icona Menu.
	Sfondi di messaggi, avatar e miniature: La bolla del messaggio di testo; l'avatar dell'agente, dell'agente o del bot se un'immagine non è stata caricata e lo sfondo del link ottimizzato. Testo: Messaggio di testo; iniziali di agenti, agenti o bot se un'immagine non è stata caricata; testo del link ottimizzato e testo in un componente di messaggistica del modulo. Link: Link inviati all'interno della bolla del messaggio di testo da un agente, agente o bot.
	Sfondi di messaggi e miniature: Bolla dei messaggi di testo inviati dall'utente finale; Sfondo link ottimizzato inviato dall'utente finale; Sfondo icona Componente di messaggistica modulo; Sfondi notifiche File allegati inviati e File allegati inviati. Testo: Testo del messaggio inviato dall'utente finale; testo del link ottimizzato inviato dall'utente finale; testo dell'etichetta per le notifiche File allegati inviati e File allegati invio. Link: Link inviato da un utente finale in un messaggio di testo.
	System Messages and Placeholder Text:Messaggi di sistema; indicazione oraria di inizio conversazione; informazioni di testo sotto la bolla del messaggio di testo dell'utente finale; testo segnaposto per il campo di input Invia messaggio. Testo input utente ed etichette statiche: Testo di input per il campo Invia messaggio; Testo di input per il campo modulo pre-chat; Nome campo e testo Termini e condizioni per il modulo pre-chat; animazione e testo dell'indicatore di avanzamento; freccia per saltare in fondo al thread chat; opzioni del menu chat; testo del componente di messaggistica carosello; nome campo e testo di input campo per i componenti di messaggistica modulo; nome file di un allegato file in sospeso.
	Icone Invia, Inserisci emoji e Aggiungi allegati: Aggiungere i pulsanti allegato, selettore emoji e Invia messaggio; freccia Avanti componente di messaggistica carosello, freccia Indietro e breadcrumb; pulsante Annulla e invio di animazione per l'allegato file in sospeso. Struttura testo input: Struttura campo Invia messaggio; struttura trasferimento file in sospeso; file allegati in corso e file allegati inviati.
	Badge di notifica: Icona messaggi mancati sul pulsante Chat quando si scorre troppo indietro; oppure il pulsante che riporta al messaggio più recente nel thread. Sfondo pulsante: Sfondo del pulsante di avvio pre-chat; pulsante principale post-chat; pulsante Avanti del componente di messaggistica del modulo; barra di avanzamento del componente di messaggistica dei moduli; icona Selezionato del componente di messaggistica dei moduli. Testo pulsante: Il testo del pulsante di avvio pre-chat, del pulsante principale post-chat o del componente di messaggistica Moduli Pulsante Avanti.
	Sfondo: Evidenziazione dello sfondo del titolo della fonte. Text:Il titolo del link della fonte della citazione.

Guida ai font

Utilizzare uno dei seguenti font predefiniti: Arial, Salesforce Sans, Georgia, Palatino Linotype, Times New Roman, Arial Black, Comic Sans MS, Impact, Lucinda Sans Unicode, Tacoma, Trebuchet MS, Veranda, Courier New, Lucinda Console.

Per utilizzare invece un font personalizzato, caricarlo prima come risorsa statica. Quindi selezionare Font personalizzato dal menu a discesa Font. Nel campo Nome famiglia di font personalizzati visualizzato, immettere il nome della risorsa statica.

Nel campo Dimensioni font, selezionare piccolo, medio o grande. Di seguito è riportato un esempio di intestazione Chat in Comic Sans nelle tre dimensioni del font:

Dimensioni	Esempio
Piccola
Media
Grande

Guida all'immagine

Utilizzare un servizio di hosting di immagini, ad esempio Github, per convertire un'immagine in URL. Quindi aggiungere l'URL a un campo nella sezione Immagini. Salvare le modifiche e pubblicare nuovamente la distribuzione.

Dimensioni finestra chat

Personalizzare i campi Larghezza e Altezza fino a un massimo di 320 pixel (larghezza) per 480 pixel (altezza). Salvare le modifiche e pubblicare nuovamente la distribuzione.