> For the complete documentation index, see [llms.txt](https://library.zoom.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://library.zoom.com/technical-library/it/servizi-business/zoom-contact-center/expert-insights/customize-user-chat-support-experience/build-your-chat-experience.md). # Crea la tua esperienza di chat Gli strumenti di Zoom semplificano la personalizzazione e il lancio della 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 al Web Admin di Zoom. | Se stai usando... | Quindi fai clic... | | ------------------ | -------------------------------------- | | centro di contatto | centro di contatto, Gestione campagne. | | Agente virtuale | AI Studio, Agenti virtuali, Campagne. | 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 ed esperienza mobile La finestra di coinvolgimento della chat di Zoom è responsive, il che significa che adatta automaticamente il suo layout se il tuo utente accede alla tua sede dal desktop o dallo smartphone. Sui dispositivi mobili, la finestra di chat si apre a schermo intero per massimizzare lo spazio limitato sullo schermo e garantire un'esperienza pulita e leggibile.

Image of mobile Zoom Virtual Agent window, opened full-screen.

Per gli utenti che accedono alla tua chat da dispositivi desktop, puoi Scegli 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 fissa a 420 pixel per garantire la leggibilità. {% endhint %}

Image of desktop Zoom Virtual Agent window, opened in the lower right corner of the window.

#### Barra dell'intestazione La **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 Aggiungi il logo o i colori del tuo brand. Zoom CX offre diverse opzioni di design dell'intestazione tra cui puoi Scegli. **Immagine intestazione completa** Aggiungi un'immagine di 426 x 95 pixel che riempie l'intero spazio dell'intestazione, ideale per design personalizzati.

This image shows a chat window with a blue gradient header that says Zoom Virtual Agent. The image fills the header space.

**Dimensione immagine avatar** Aggiungi un'immagine di 40 x 40 pixel da visualizzare nella barra dell'intestazione, da sola o accanto al Testo intestazione. {% columns %} {% column %}

{% endcolumn %} {% column %}

{% endcolumn %} {% endcolumns %} **Solo testo dell'intestazione** Condividi una breve nota su qualsiasi cosa, ad esempio il nome del tuo team, la disponibilità o gli orari di Assistenza. Controlla la dimensione del testo dell'intestazione utilizzando H1, H2, H3 o la dimensione del paragrafo del corpo.

Image of a chat screen with header text only in the header bar.

Per un design lineare e minimalista puoi scegliere di **lasciarla vuota**, concentrando i tuoi utenti sulla chat.

Image of a chat screen with nothing in the header bar.

Puoi usare **Seleziona qualsiasi colore per lo sfondo dell'intestazione e le icone**, utile per collegare il design della tua chat al tuo sito web. {% hint style="warning" %} **Attenzione** Se Modifica il colore di sfondo, assicurati di poter ancora vedere le icone per minimizzare e menu. Potrebbe essere necessario Modifica anche il colore delle icone. Image of a chat screen with a blue header bar, with no logo or text.

{% endhint %} #### Colori per la tua bolla di chat, testo, icone e altro Il builder della finestra di coinvolgimento ti consente di scegliere i colori esatti che desideri per la tua chat. Dovrai inserire codici esadecimali per ogni parte della finestra e controllare l'anteprima per vedere come appare. Zoom fornisce un modello per iniziare. Per mantenere un aspetto eccellente (e facile da leggere), usa i colori del tuo brand e assicurati che ci sia abbastanza contrasto tra il testo e i colori di sfondo.

Image of the template for formatting your engagement window.

#### Schermo di benvenuto La **Schermo 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. Questo è Disponibile per l'esperienza di chat web. Per Configura, fai clic sulla **Coinvolgimento chat** finestra, poi sulla **Schermo di benvenuto** scheda. *** ### Design dell'invito L'invito è ciò che avvierà l'esperienza di Assistenza sul tuo sito web. Il più delle volte si usa [**Sticky** tipo di invito](/technical-library/it/servizi-business/zoom-contact-center/expert-insights/customize-user-chat-support-experience.md#the-parts), che è un’icona flottante che appare sul tuo sito web. Quando i tuoi utenti ci fanno clic, la finestra della chat si aprirà e avvierà la loro esperienza. Per creare o modificare un invito, vai su Zoom's Web Admin. | Se stai usando... | Quindi fai clic... | | ------------------ | -------------------------------------- | | centro di contatto | centro di contatto, Gestione campagne. | | Agente virtuale | AI Studio, Agenti virtuali, Campagne. | 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.

Image of a Zoom Support window that says "Hello! How can we help?"

Puoi configurare le seguenti Impostazioni per il tuo **Invito fisso** icona: * **Dimensione del pulsante:** La dimensione dell’icona del tuo invito alla chat dovrebbe essere abbastanza grande da essere facilmente notata e cliccata o toccata, ma non così grande da disturbare l’esperienza dell’utente o coprire contenuti importanti. Zoom offre tre dimensioni di invito: * **S:** 40 pixel * **M:** 56 pixel, **Predefinito** * **L:** 72 pixel * **Colore del pulsante:** Scegli un colore del pulsante che abbia un forte contrasto con lo 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 minimo di contrasto di 3:1 per i componenti dell’interfaccia utente (UI), come icone e pulsanti, rispetto al loro sfondo. * **Icona:** Un’icona può aiutare i tuoi utenti a farsi un’idea di ciò che possono aspettarsi quando toccano il pulsante. Zoom offre alcuni design predefiniti da 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 degli angoli:** Quanto arrotondata o quadrata vuoi che sia l’icona dell’invito? Dai un’occhiata al tuo sito web per vedere se ha un modello per l’aspetto dei pulsanti, oppure chiedi al tuo team del brand se ha una preferenza. Usare un raggio degli angoli più basso, come 8 pixel, renderà il tuo invito più quadrato. 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 capiscono subito lo scopo del pulsante, quindi non c’è bisogno di indovinare cosa significhi l’icona. Tuttavia, occupa anche più spazio e potrebbe affollare lo schermo, soprattutto su dispositivi mobili. 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 sulla pagina** La posizione più popolare per un’icona di invito all’assistenza è l’angolo in basso a destra, con un offset dal bordo inferiore e laterale di 20 pixel. In genere è facile da individuare senza bloccare contenuti chiave. Ti consigliamo di guardare il tuo sito web sia su desktop che su mobile. Se il tuo sito ha già un banner o un pulsante in questa posizione, ciò potrebbe compromettere l’usabilità per il cliente o interrompere i flussi utente. Se hai già un elemento (come un banner dei cookie, una barra di navigazione o un altro widget) nello stesso punto della tua icona di invito alla chat, considera di cambiare l’allineamento a sinistra o a destra, oppure di regolare l’offset dal basso o dai lati. {% hint style="success" %} **Esempio** Se noti che il pulsante del tuo invito alla chat copre un link fondamentale in fondo alla pagina sui dispositivi mobili, aumenta l’offset finché l’icona dell’invito non coprirà più quell’elemento. {% endhint %} Puoi anche "Abilita i consumatori a trascinare e spostare l’invito" per dare ai tuoi utenti ancora più flessibilità nello spostare l’icona sulla pagina. #### Domanda comune L’icona dell’invito alla chat blocca o distrae gli utenti in una pagina specifica sui dispositivi mobili. Quali sono le mie opzioni? **Risposta:** Ci sono diversi modi per ottenere questo risultato. * **Opzione 1:** Cambia la posizione dell’icona dell’invito sulla pagina. Puoi spostare il posizionamento dell’invito sulla pagina usando le opzioni di offset e posizione. Questa configurazione si effettua modificando l’invito. * **Opzione 2:** Mostra o Nascondi l’icona della chat in base alla posizione della pagina. Se vuoi rimuovere completamente l’invito alla chat per tutte le pagine di checkout, modifica la Posizione per escludere le pagine di checkout. Ad esempio, puoi escludere tutte le pagine che contengono "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 fissa predefinita per avviare la chat. Questo ti consente 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 della chat. Per farlo, crei l’elemento nell’HTML del tuo sito e usi lo Zoom Campaign SDK per collegarlo alla chat. Quando un utente fa clic su quell’elemento, viene avviata la finestra della chat e parte l’esperienza della campagna. Puoi anche usare l’HTML esistente sul tuo sito web per attivare la finestra della chat, se preferisci.

Image of the Create Embedded Invitation screen.

{% hint style="warning" %} **Attenzione** Vuoi sia un’icona di invito fisso sia attivare l’apertura della chat tramite un clic su un pulsante sul tuo sito web? Crea una Campagna usando l’opzione invito fisso, 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ù proattivo per attirare l'attenzione del tuo utente, così che chatti con il tuo team o agente virtuale? La Funzionalità messaggistica proattiva di Zoom ti consente di Configura permette alle aziende di avviare conversazioni con i visitatori, anziché 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 Scopri di più chattando con un agente, oppure a condividere le loro informazioni per una chiamata di follow-up. * **Assistenza più rapida:** Collega rapidamente i visitatori a un bot o a un agente in tempo reale, così ottengono risposte senza ritardo. 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à si configura in **Campagne**, ed è disponibile per le campagne chat sulle pagine web che utilizzano il tipo di **Sticky** invito. #### Targettizza i tuoi utenti Puoi impostare un ritardo per il tuo messaggio proattivo, in modo che compaia solo per gli utenti che sono rimasti su quella pagina per un periodo di tempo specifico. Puoi anche Scegli se vuoi che l'utente veda il messaggio solo una volta nell'arco di 24 ore, oppure se vuoi che il messaggio proattivo riappaia se l'utente aggiorna la pagina o visita un'altra pagina corrispondente.

Image of a Zoom Campaign window that asks "How can I help".

#### Domanda comune Voglio avere un'icona di invito così i miei utenti possono iniziare una chat in ցանկացած 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 ogni campagna, dovrai definire le Posizione 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 regolare, 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 un Virtual Agent), puoi impostare un singolo avatar predefinito per tutte le tue esperienze, oppure puoi impostare un avatar univoco per ogni singolo flusso di chat. Questo ti offre la flessibilità di mantenere le cose coerenti o di adattare l'esperienza a diversi brand o casi d'uso. Se stai usando **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 usando **Zoom Virtual Agent solo**, fai clic su quanto segue: 1. AI Studio 2. Agenti virtuali 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’immagine dell’agente. Puoi scegliere di mostrare l’immagine del profilo dell’agente da centro di contatto, le sue iniziali o un’immagine avatar impostata. Per configurare, fai clic su quanto segue: 1. Preferenze 2. Esperienza del consumatore 3. Mostra immagine *** ### Impostazioni aggiuntive di configurazione della chat #### Controlla la finestra della chat web con Zoom Campaign SDK Zoom centro di contatto (ZCC) e Zoom Virtual Agent (ZVA) Campaign SDK offre agli sviluppatori un maggiore controllo sul comportamento della chat web e su come interagisce con il tuo sito web. Ti 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 logiche personalizzate. Ad esempio, puoi fare in modo che la finestra della chat si apra automaticamente quando i tuoi utenti sono stati sulla pagina per un numero specifico di secondi o fanno clic su un determinato pulsante. Vedi [Riferimento SDK della documentazione per sviluppatori Zoom](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 rimane aperta tra le pagine, così l’utente può Continua la propria conversazione senza interruzioni. * **Quando la persistenza è *****disabilitato*****:** La chat non Continua quando l’utente naviga a 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ù brand 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 in **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 audio di Notifica. Se i suoni predefiniti sembrano disturbare l’esperienza del tuo brand, puoi disattivarli in **Zoom centro di contatto** o **Preferenze di Zoom Virtual Agent**. I consumatori avranno comunque l’opzione di ri-Abilita rli nel menu chat, se preferiscono. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## 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, and the optional `goal` 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=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. 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.