Loading
Esplorazione delle funzioni di servizio legacy
Personalizzazione delle impostazioni generali dell'immagine aziendale per la finestra chat

Personalizzazione delle impostazioni generali dell'immagine aziendale per la finestra chat

Scegliere i colori e il font utilizzati nella finestra chat della in modo che rispecchino l'identità del marchio dell'azienda.

Versioni (Edition) richieste

Visualizzare le versioni supportate.
Autorizzazioni utente richieste
Per impostare la Chat incorporata: Personalizza applicazione E Modifica i metadati
Importante
Importante

La Chat legacy verrà ritirata il 14 febbraio 2026. Per evitare interruzioni del servizio agli utenti finali, passare alla Chat ottimizzata (in precedenza Messaggistica per Web e in app). Chat ottimizzata offre molte delle funzionalità Chat precedenti e conversazioni asincrone che possono essere selezionate in qualsiasi momento. Per informazioni sulla migrazione, vedere Guida e Trailhead.

Prima di iniziare, richiedere i codici colore per il marchio della società al team che gestisce il sito Web. I colori dell'immagine aziendale si possono indicare o inserendone il codice esadecimale o RGB, oppure selezionandoli nella tavolozza dei colori.

Importante
Importante l’aggiunta di un foglio di stile CSS personalizzato al componente incorporato non è supportata; sono supportate solo le opzioni di applicazione dell'immagine aziendale in Imposta e nei Parametri personalizzabili dello snippet di codice. Se il componente incorporato dispone di fogli di stile CSS personalizzati, l'utente è tenuto a verificare il corretto funzionamento della finestra chat in ogni versione.

Per personalizzare l'immagine aziendale della finestra della chat:

  1. Da Imposta, immettere Servizio incorporato nella casella Ricerca veloce, quindi selezionare Distribuzioni servizio incorporato.
  2. Individuare la distribuzione con cui si desidera lavorare, fare clic sulla freccia giù sulla destra e selezionare Visualizza.
  3. Nella pagina di configurazione Servizio incorporato, accedere alla sezione Immagine aziendale e fare clic su Modifica.
  4. Selezionare i colori che si desidera visualizzare nella finestra chat.
    Specificare il colore con il codice esadecimale. Per immettere un codice RGB o selezionare un colore dalla tavolozza, aprire la tavolozza dei colori facendo clic sulla freccia giù nel campo del colore.
  5. Selezionare il font che si desidera visualizzare nella finestra chat.
  6. Fare clic su Fine.

Le schermate mostrano l'aspetto degli elementi dell'immagine aziendale nella finestra chat.

Schermate che mostrano gli elementi dell'immagine aziendale nello Snap-in
Elementi dell'immagine aziendale personalizzabili in una finestra chat
Elemento dell'immagine aziendale Descrizione
Elementi principali dell'immagine aziendale

Impostano il colore:

  • Dell'immagine di sfondo pre-chat
  • Del contorno del messaggio pop-up
  • Dell'animazione visualizzata durante il caricamento
  • Dell'animazione visualizzata durante il caricamento quando la chat è ridotta a icona

Per impostazione predefinita, il colore è impostato sul codice esadecimale #222222 (Night Black).

Nelle schermate, gli elementi principali dell'immagine aziendale sono indicati da [1].

Elementi secondari dell'immagine aziendale

Impostano il colore:

  • Dei pulsanti di azione, come "Avvia Chat" o "Chatta con un esperto"
  • Del focus dei campi di input
  • Del pulsante di invio
  • Del payload della chat del messaggio dell'ospite
  • Dei pulsanti secondari
  • Della chat quando è ridotta a icona ed è presente un nuovo messaggio

Per impostazione predefinita, il colore è impostato sul codice esadecimale #005290 (Nimbostratus Blue).

Nelle schermate, gli elementi secondari dell'immagine aziendale sono indicati da [2].

Elementi principali di contrasto

Impostano il colore:

  • Del testo dei messaggi della chat
  • Del testo inserito nella chat

Per impostazione predefinita, il colore è impostato su #333333 (grigio scuro).

Il colore dello sfondo è bianco.

Nelle schermate, gli elementi principali di contrasto sono indicati da [3].

Intestazione

Imposta il colore:

  • Della barra dell'intestazione della chat
  • Del pulsante della chat quando questa è ridotta a icona

Per impostazione predefinita, il colore è impostato sul codice esadecimale #222222 (Night Black).

Nelle schermate, l'elemento intestazione è indicato da [4].

Testo intestazione

Imposta il colore:

  • Del testo e dell'icona dell'intestazione della chat

Per impostazione predefinita, il colore è impostato sul codice #222222 (nero notte).

Nelle schermate, l'elemento testo dell'intestazione è indicato da [5].

Intestazione alternativa

Imposta il colore:

  • Dell'intestazione dell'attesa dello stato di chat
  • Dell'intestazione dello stato di chat e dell'area annunci

Per impostazione predefinita, il colore è impostato sul codice #cb2b19 (rosso).

Nelle schermate, l'intestazione alternativa è indicata da [6].

Font

Imposta il font utilizzato nel widget della chat.

I seguenti font sono supportati dai browser mobili per iOS e Android: Georgia, Times New Roman, Arial, Courier New

I seguenti font sono supportati dai browser mobili solo per iOS: Trebuchet MS, Verdana e Lucida Console

Nota
Nota Se si seleziona un font non disponibile per il browser mobile di un visitatore chat, viene visualizzato il font predefinito del browser.
Importante
Importante modificando l'immagine aziendale di una finestra chat esistente si modifica lo snippet di codice di quella finestra. Se si aggiorna l'immagine aziendale di una finestra esistente, è necessario aggiornare lo snippet di codice sulle proprie pagine Web. Se lo snippet di codice era stato personalizzato, è necessario personalizzare di conseguenza il nuovo snippet di codice.
 
Caricamento
Salesforce Help | Article