# Crea la tua esperienza di chat
Gli strumenti di Zoom rendono facile personalizzare e avviare la tua esperienza di chat con poco o nessun codice.
### Finestra di coinvolgimento della chat
La finestra di coinvolgimento della chat è il modo in cui i tuoi utenti inviano messaggi al tuo agente virtuale o agente umano. Con gli strumenti di Zoom, puoi creare una finestra di chat facile da vedere e con cui interagire e che corrisponde al brand della tua azienda.
Per creare o modificare la tua Finestra di coinvolgimento della chat, vai all'Admin Web di Zoom.
Da lì fai clic su **+Aggiungi campagna** oppure apri la bozza di una Campagna esistente. Scorri fino alla **Finestra di coinvolgimento della chat** sezione per creare o modificare la tua finestra.
#### Dimensioni della finestra e esperienza su dispositivi mobili
La finestra di coinvolgimento della chat di Zoom è responsive, il che significa che adatta automaticamente il proprio layout se l'utente accede alla tua sede da desktop o smartphone.
Sui dispositivi mobili, la finestra della chat si apre a schermo intero per massimizzare lo spazio limitato e garantire un'esperienza pulita e leggibile.
Per gli utenti che accedono alla tua chat da dispositivi desktop, puoi Scegliere tra tre opzioni di dimensione per l'altezza della finestra:
* **S:** 540 pixel
* **M:** 650 pixel, **predefinito**
* **L:** 780 pixel
{% hint style="info" %}
**Nota**
La larghezza è sempre fissata a 420 pixel per garantire la leggibilità.
{% endhint %}
#### Barra dell'intestazione
Il **barra dell'intestazione della chat** è un elemento chiave del design della tua chat. Se progettata con attenzione, offre agli utenti un contesto su cosa aspettarsi dalla loro esperienza di Assistenza e fiducia nella conversazione. Puoi usare l'intestazione per condividere informazioni sul tuo team di Assistenza e/o aggiungere il logo o i colori del tuo brand.
Zoom CX offre diverse opzioni di design dell'intestazione tra cui puoi scegliere.
**Immagine completa dell'intestazione**
Aggiungi un'immagine di 426 pixel per 95 pixel che riempie l'intero spazio dell'intestazione, ottima per design personalizzati.
**Dimensioni immagine avatar**
Aggiungi un'immagine di 40 per 40 pixel da visualizzare nella barra dell'intestazione, da sola o insieme al Testo dell'intestazione.
{% columns %}
{% column %}
{% endcolumn %}
{% column %}
{% endcolumn %}
{% endcolumns %}
**Solo testo dell'intestazione**
Condividi una breve nota su qualsiasi cosa, come il nome del tuo team, la disponibilità o gli orari di Assistenza. Controlla la dimensione del testo dell'intestazione usando H1, H2, H3 o la dimensione del paragrafo del corpo.
Per un design snello e minimalista puoi scegliere di **lasciarlo vuoto**, concentrando l'attenzione degli utenti sulla chat.
Puoi usare **selezionare qualsiasi colore per lo sfondo dell'intestazione e le icone**, utile per integrare il design della chat con il tuo sito web.
{% hint style="warning" %}
**Attenzione**
Se Modifica il colore di sfondo, assicurati di riuscire ancora a vedere le icone per minimizzare e il menu. Potrebbe essere necessario Modifica anche il colore dell'icona.
{% endhint %}
#### Colori per il fumetto della chat, il testo, le icone e altro ancora
Il generatore della finestra di coinvolgimento ti consente di scegliere i colori esatti che desideri per la tua chat. Dovrai inserire i codici esadecimali per ciascuna parte della finestra e controllare l'anteprima per vedere l'aspetto finale.
Zoom fornisce un modello per iniziare. Per mantenere un aspetto ottimo (e facile da leggere), attieniti ai colori del tuo brand e assicurati che ci sia abbastanza contrasto tra colori del testo e dello sfondo.
#### Schermata di benvenuto
Il **Schermata di benvenuto** in Zoom centro di contatto e Zoom Virtual Agent è una schermata introduttiva Facoltativo che appare prima dell'inizio della chat, dandoti l'opportunità di salutare i tuoi Clienti, raccogliere informazioni da loro e adattare l'esperienza al tuo brand.
È Disponibile per l'esperienza di web chat. Per Configura, fai clic sulla **Coinvolgimento della chat** finestra, quindi su **Schermata di benvenuto** scheda.
***
### Progettazione invito
L'invito è ciò che avvierà l'esperienza di Assistenza sul tuo sito web. Il più comune è usare il tipo di [**Sticky** invito](/technical-library/it/servizi-business/zoom-contact-center/expert-insights/customize-user-chat-support-experience.md#the-parts), che è un'icona fluttuante che appare sul tuo sito web. Quando i tuoi utenti fanno clic su di essa, la finestra della chat si aprirà e avvierà la loro esperienza.
Per creare o modificare un invito, vai all'admin Web di Zoom.
Da lì, fai clic su **+Aggiungi campagna** oppure apri la bozza di una Campagna esistente. Scorri fino alla **invito** sezione per creare un nuovo invito.
Puoi configurare le seguenti impostazioni per il tuo **invito adesivo** icona:
* **Dimensione pulsante:** La dimensione dell'icona del tuo invito chat dovrebbe essere բավականemente grande da essere facilmente notata e cliccata o toccata, ma non così grande da compromettere l'esperienza utente o coprire contenuti importanti. Zoom offre tre dimensioni di invito:
* **S:** 40 pixel
* **M:** 56 pixel, **predefinito**
* **L:** 72 pixel
* **Colore pulsante:** Scegli un colore per il pulsante che abbia un forte contrasto rispetto allo sfondo del tuo sito web. Ti consigliamo di seguire [le linee guida WCAG 2.1](https://www.w3.org/TR/WCAG21/#contrast-minimum), che prevedono un rapporto di contrasto minimo di 3:1 per i componenti dell'interfaccia utente (UI), come icone e pulsanti, rispetto al loro sfondo.
* **Icona:** Un'icona può aiutare gli utenti a farsi un'idea di cosa aspettarsi quando toccano il pulsante. Zoom offre alcuni design predefiniti tra cui scegliere che indicano l'avvio di una chat. Puoi anche aggiungere la tua icona personalizzata usando un file SVG. I file SVG devono essere inferiori a 10 MB.
* **Raggio angoli:** Quanto arrotondata o squadrata vuoi che sia l'icona dell'invito? Dai un'occhiata al tuo sito web per vedere se il tuo sito ha uno schema su come appaiono i pulsanti, oppure chiedi al tuo team brand se ha una preferenza. Usare un raggio degli angoli più basso, come 8 pixel, renderà il tuo invito più squadrato. Un raggio degli angoli più alto, come 28 pixel, renderà il tuo invito più arrotondato.
* **Aggiungi testo al tuo invito:** Aggiungere un'etichetta di testo a un pulsante di invito lo rende più chiaro e invitante. Gli utenti sanno subito qual è lo scopo del pulsante, quindi non devono indovinare cosa significhi l'icona. Tuttavia, occupa anche più spazio e potrebbe ingombrare lo schermo, soprattutto su mobile. Assicurati di considerare il tuo pubblico e i Dispositivi che usa più spesso. Se aggiungi un font, puoi scegliere tra le opzioni preimpostate Arial, Georgia, Tahoma o Verdana; oppure caricare il tuo font personalizzato usando un file TTF.
#### **Posizione dell'invito nella pagina**
La posizione più popolare per un'icona di invito di assistenza è l'angolo in basso a destra, con un offset di 20 pixel dal basso e dal lato. In genere è facile da individuare senza bloccare contenuti chiave.
Ti consigliamo di controllare il tuo sito web sia su desktop sia su mobile. Se il tuo sito ha già un banner o un pulsante in questa posizione, questo potrebbe compromettere l'usabilità per il tuo cliente o forse interrompere i flussi utente.
Se hai già un elemento (come un banner sui cookie, una barra di navigazione o un altro widget) nello stesso punto dell'icona del tuo invito chat, valuta di modificare l'allineamento a sinistra o a destra, oppure di regolare l'offset dal basso o dai lati.
{% hint style="success" %}
**Esempio**
Se scopri che il pulsante del tuo invito chat copre un link critico nella parte inferiore della pagina sui dispositivi mobili, aumenta l'offset finché l'icona dell'invito non copre più quell'elemento.
{% endhint %}
Puoi anche "Abilita gli utenti a trascinare e spostare l'invito" per offrire ai tuoi utenti ancora più flessibilità nel spostare l'icona nella pagina.
#### Domanda comune
L'icona dell'invito chat blocca o distrae gli utenti in una particolare pagina sui dispositivi mobili. Quali sono le mie opzioni?
**Risposta:**
Ci sono diversi modi per ottenere questo risultato.
* **Opzione 1:** Modifica la posizione dell'icona dell'invito nella pagina. Puoi spostare il posizionamento dell'invito nella pagina usando le opzioni di offset e posizione. Questo si configura modificando l'invito.
* **Opzione 2:** Mostra o nascondi l'icona chat in base alla posizione della pagina. Se vuoi rimuovere del tutto l'invito chat per tutte le pagine di checkout, modifica la Posizione per escludere le pagine di checkout. Ad esempio, puoi escludere tutte le pagine contenenti "checkout" nell'URL.
* **Opzione 3:** Imposta il targeting per Dispositivo. Se non vuoi che l'icona dell'invito appaia sui siti mobile, deseleziona l'opzione "telefono cellulare" sotto Targeting della campagna. Per configurare, fai clic su **Campagna**, **Targeting**.
Zoom Campaigns offre un'opzione di [**invito incorporato**](/technical-library/it/servizi-business/zoom-contact-center/expert-insights/customize-user-chat-support-experience.md#the-parts) se non vuoi usare l'icona adesiva predefinita per avviare la chat. Questo ti permette di trasformare qualsiasi elemento del tuo sito web, come un pulsante nel menu o un link in una pagina, in un trigger per aprire la finestra chat.
Per farlo, crei l'elemento nell'HTML della tua sede e usi lo Zoom Campaign SDK per collegarlo alla chat. Quando un utente fa clic su quell'elemento, si apre la finestra chat e inizia l'esperienza della campagna. Se preferisci, puoi anche usare l'HTML esistente sul tuo sito web per attivare la finestra chat.
{% hint style="warning" %}
**Attenzione**
Vuoi sia un'icona di invito adesivo sia attivare l'apertura della chat tramite un clic del pulsante sul tuo sito web?
Crea una campagna usando l'opzione invito adesivo, quindi usa [Zoom's Campaign SDK](https://developers.zoom.us/docs/contact-center/web/sdk-reference/) per attivare l'apertura della chat.
{% endhint %}
***
### Messaggistica Proattiva
E se volessi un modo più attivo per attirare l'attenzione del tuo utente, così che chat con il tuo team o agente virtuale? La funzionalità di Messaggistica Proattiva di Zoom ti consente di configurare e permette alle aziende di avviare conversazioni con i visitatori, invece di aspettare che il cliente inizi la chat facendo clic sull'invito.
#### Come aiuta
* **Maggiore coinvolgimento:** Puoi catturare l’attenzione delle persone e offrire aiuto al momento giusto.
* **Più lead:** Messaggi e pulsanti personalizzati possono incoraggiare le persone a saperne di più chattando con un agente oppure a condividere le proprie informazioni per una chiamata di follow-up.
* **Assistenza più rapida:** Collega rapidamente i visitatori a un bot o a un agente dal vivo, così ottengono risposte senza ritardi.
Quando un utente arriva su una pagina in cui la messaggistica proattiva è abilitata, riceverà un messaggio e potrà fare clic sui pulsanti per avviare un flusso specifico.
#### Dove configurarlo
Questa Funzionalità viene configurata in **Campagne**, ed è disponibile per le campagne chat sulle pagine web che usano il **Sticky** tipo di invito.
#### Target Your Users
Puoi impostare il tuo messaggio proattivo in modo che abbia un ritardo, così appare solo agli utenti che sono stati su quella pagina per una quantità di tempo specifica. Puoi anche scegliere se vuoi che l'utente veda il messaggio solo una volta in un periodo di 24 ore, oppure se vuoi che il messaggio proattivo riappaia se l'utente aggiorna la pagina o visita un'altra pagina corrispondente.
#### Domanda comune
Voglio avere un'icona di invito così i miei utenti possono avviare una chat in qualsiasi momento, ma voglio anche inviare ai miei Clienti un messaggio proattivo su una pagina specifica (per esempio, la pagina dei prezzi della mia azienda). Come posso configurarlo?
**Risposta**
Dovrai creare due Campagne: una per il tuo invito Standard su tutto il sito web ("Campaign A"), e un'altra Campagna ("Campaign B") per la pagina in cui vuoi avere un messaggio proattivo.
Per ciascuna Campagna, dovrai definire le Posizioni della Campagna in modo che non si sovrappongano.
{% hint style="success" %}
**Esempio**
La Posizione di Campaign A dovrebbe escludere "zoom.us/pricing" e la Posizione di Campaign B dovrebbe contenere "zoom.us/pricing." In questo modo, gli utenti che visitano qualsiasi URL che include "zoom.us" vedranno l'invito normale, ma gli utenti che arrivano sulla pagina specifica "zoom.us/pricing" vedranno comparire il messaggio proattivo.
{% endhint %}
***
### Avatar
Un avatar è l'immagine che appare accanto ai messaggi nella chat web. Aiuta a conferire personalità e Branding alla conversazione.
Per i messaggi inviati prima che un utente si connetta con un agente (ad esempio, un messaggio di benvenuto o Zoom Virtual Agent), puoi impostare un singolo avatar predefinito per tutte le tue esperienze, oppure puoi impostare un avatar univoco per ciascun flusso di chat individuale. Questo ti offre la flessibilità di mantenere la coerenza oppure di adattare l'esperienza a diversi brand o casi d'uso.
Se stai utilizzando **Zoom centro di contatto**, fai clic su quanto segue:
1. Preferenze
2. Esperienza del consumatore
3. Avatar e nome del messaggio del flusso predefinito.
Se stai utilizzando **Solo Zoom Virtual Agent**, fai clic su quanto segue:
1. AI Studio
2. Virtual Agents
3. Chatbot
4. Impostazioni
Quando il tuo cliente passa dal bot a un agente in tempo reale in Zoom centro di contatto, puoi anche controllare come appare l’avatar dell’agente. Puoi Scegli di Mostra l’immagine del profilo dell’agente da centro di contatto, le loro iniziali o un’immagine avatar impostata.
Per configurare, fai clic su quanto segue:
1. Preferenze
2. Esperienza del consumatore
3. Mostrare immagine
***
### Impostazioni aggiuntive di configurazione della chat
#### Controlla la finestra Web chat con Zoom Campaign SDK
Il Campaign SDK di Zoom centro di contatto (ZCC) e Zoom Virtual Agent (ZVA) offre agli sviluppatori un maggiore controllo su come la chat web si comporta e interagisce con il tuo sito web. Consente di aprire, chiudere e controllare il comportamento della chat in modo programmatico in base alle azioni dell'utente, al contesto della pagina o a una logica personalizzata.
Ad esempio, puoi fare in modo che la tua finestra di chat si apra automaticamente quando i tuoi utenti sono stati sulla pagina per un numero specifico di secondi o fanno clic su un pulsante particolare.
Vedi [Zoom Documentazione per sviluppatori Riferimento SDK](https://developers.zoom.us/docs/contact-center/web/sdk-reference/) per ulteriori dettagli.
#### Persistenza della chat a livello di sede
La persistenza della chat controlla se la sessione di chat di un utente continua mentre si sposta tra diverse pagine del tuo sito web.
* **Quando la persistenza è *****abilitata***** (predefinito):** La stessa chat resta aperta tra le pagine, così l'utente può continuare la conversazione senza interruzioni.
* **Quando la persistenza è *****disabilitata*****:** La chat non continua quando l'utente naviga verso una nuova pagina, a meno che quella pagina non faccia esplicitamente parte della Posizione definita della prima campagna.
Questa Modifica rende più facile per le aziende con più marchi o reparti sullo stesso dominio mantenere separate le campagne di chat. Impedisce agli utenti di portare una chat tra pagine non correlate e riduce la necessità di configurazione manuale.
Trova questa impostazione sotto **Zoom centro di contatto** e **Preferenze di Zoom Virtual Agent**.
#### Notifiche audio
Per impostazione predefinita, quando il tuo agente o agente virtuale invia un messaggio nella chat web, i consumatori sentono un suono di notifica. Se i suoni predefiniti risultano troppo invasivi per l'esperienza del tuo brand, puoi disattivarli sotto **Zoom centro di contatto** o **Preferenze di Zoom Virtual Agent**.
I consumatori avranno comunque la possibilità di riabilitarle nel menu della chat, se preferiscono.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://library.zoom.com/technical-library/it/servizi-business/zoom-contact-center/expert-insights/customize-user-chat-support-experience/build-your-chat-experience.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.