# Personalizza l'esperienza di assistenza chat dell'utente

### Prodotti

* Zoom Contact Center
* Zoom Virtual Agent

### Prerequisiti

[Incorpora Campaign SDK nel tuo sito web o nella tua app mobile](https://developers.zoom.us/docs/contact-center/web/chat/#embed-the-chat-client-with-a-campaign-id)

### Panoramica

La finestra di chat è spesso la prima vera interazione che un cliente ha con la tua azienda—che stia chattando con un agente virtuale o dal vivo. Con Zoom Contact Center e Zoom Virtual Agent, hai il pieno controllo su come quell'esperienza appare e si comporta sul tuo sito web.

Questa guida ti illustra tutti gli strumenti disponibili per aiutarti a progettare un'esperienza di chat che corrisponda al tuo brand, migliori l'usabilità e mantenga i clienti coinvolti.

### Crea un piano

L'interfaccia di chat dovrebbe apparire come un'estensione naturale del tuo sito o della tua app. Quando progetti l'interfaccia della chat, considera quanto segue:

* **Colori:** Quali sono i colori primari e secondari della tua azienda? Usa questi colori per i diversi elementi dell'esperienza di chat, come i balloon, le icone, i pulsanti e gli sfondi. Selezionerai i colori usando codici esadecimali (ad esempio #FFFFFF), quindi è utile avere a portata di mano i codici del tuo brand.
* **Caratteri:** Abbina la tipografia del tuo sito per coerenza. Puoi selezionare tra diversi font comuni o caricare il tuo file TTF per aggiungere un font personalizzato.
* **Logo:** Valuta di aggiungere il tuo logo o un'immagine aziendale all'esperienza di chat. Puoi caricare un file JPG/JPEG, PNG, SVG o GIF fino a 10 MB. A seconda del design della chat che scegli, ci sono dimensioni immagine consigliate -- maggiori dettagli più avanti.
* **Avatar:** Un avatar è la rappresentazione visiva del bot o dell'agente. Per i messaggi del bot o di sistema, usa il tuo logo o un personaggio/avatar che rappresenti il tuo brand. Simili ai favicon nei browser web, queste icone sono piccole ma fanno la differenza nell'esperienza quando sono ben abbinate al brand aziendale. Gli avatar hanno dimensione 40x40 pixel e puoi caricare un file JPG/JPEG, PNG, SVG o GIF fino a 2 MB.

### Le parti

[Campaign Builder di Zoom](https://zoom.us/cci/index/admin#/admin-campaign-management) viene utilizzato per personalizzare sia il design della chat sia la sua disponibilità sul tuo sito o app.

Nelle Campaign imposterai:

* **Finestra di coinvolgimento della chat:** Utilizzata dai consumatori per chattare con il tuo bot o agente. Puoi scegliere il design di tutti i balloon, pulsanti, icone e dell'intestazione. La finestra di chat ha un grande impatto sull'aspetto generale e sulla percezione dell'esperienza di supporto digitale.
* **Posizione:** Ti permette di controllare dove il supporto dovrebbe essere disponibile sul tuo sito (assicurati prima di incorporare il Campaign SDK). Puoi offrire supporto su tutto il sito o specificare quali pagine includere o escludere in base all'URL.
* **Inviti:** Come gli utenti avviano o aprono il tuo contact center sul sito web o nell'app della tua azienda. Esistono due tipi di inviti: Sticky e Embedded.
  * **Sticky:** Un modo semplice per invitare le persone a usare il tuo supporto digitale. Gli utenti vedono un'icona o un widget sullo schermo che, quando cliccato, apre l'esperienza di supporto. Puoi controllare colore, forma e icona, e persino aggiungere testo.
  * **Embedded:** Con gli inviti embedded, puoi trasformare qualsiasi pulsante o link sul tuo sito in un collegamento cliccabile che apre il supporto.
* **Messaggi proattivi:** Saluti che puoi usare per inviare un messaggio dopo che gli utenti hanno visitato una pagina specificata per un periodo di tempo determinato. I messaggi proattivi possono essere aggiunti a qualsiasi Campaign utilizzando il tipo di invito Sticky.

  **Ad esempio:** "Hai bisogno di aiuto per scegliere un piano?"

Inoltre, imposterai anche un **avatar**, che è la rappresentazione visiva del bot o dell'agente. I tuoi consumatori vedranno questi avatar del bot o dell'agente che rappresentano il tuo brand.

### Crea la tua esperienza di chat

Scopri di più sulla creazione della tua esperienza di chat, incluse dimensioni, immagini, design, messaggistica e impostazioni di configurazione aggiuntive.

{% content-ref url="customize-user-chat-support-experience/build-your-chat-experience" %}
[build-your-chat-experience](https://library.zoom.com/technical-library/it/servizi-business/zoom-contact-center/expert-insights/customize-user-chat-support-experience/build-your-chat-experience)
{% endcontent-ref %}

### Sintesi

Zoom Contact Center e Zoom Virtual Agent ti aiutano a creare una chat di supporto che rispecchia il brand e risulta facile da usare. Puoi personalizzare completamente il design, scegliere dove e quando la chat appare e aggiungere messaggi proattivi per coinvolgere gli utenti al momento giusto. Una volta incorporato il Campaign SDK, puoi controllare tutto dall'interfaccia di amministrazione o tramite codice. È flessibile, pulito e progettato per adattarsi al tuo sito.

Sei pronto per lanciare un'esperienza di chat che aiuti i tuoi clienti e rappresenti il tuo brand.

### Risorse correlate

* [Configura una campagna digitale di Zoom Contact Center](https://zoom.us/cci/index/admin#/admin-campaign-management)
* [Integra le funzionalità di Zoom Contact Center nel tuo sito web](https://library.zoom.com/technical-library/it/servizi-business/zoom-contact-center/expert-insights/integrate-zoom-contact-center-features-into-your-website)
* [Incorpora Campaign SDK nel tuo sito web o nella tua app mobile](https://developers.zoom.us/docs/contact-center/web/chat/#embed-the-chat-client-with-a-campaign-id)