> 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.md). # Personalizza l'esperienza di Assistenza chat dell'utente ### Prodotti * Zoom centro di contatto * Zoom Virtual Agent ### Prerequisiti [Incorpora Campaign SDK nel tuo sito web o app per dispositivi mobili](https://developers.zoom.us/docs/contact-center/web/chat/#embed-the-chat-client-with-a-campaign-id) ### Panoramica La tua finestra di chat è spesso la prima vera interazione che un cliente ha con la tua azienda, sia che stia chattando con un agente virtuale o in tempo reale. Con Zoom centro di contatto e Zoom Virtual Agent, hai il pieno controllo su come questa esperienza appare e funziona sul tuo sito web. Questa guida ti accompagna attraverso tutti gli strumenti disponibili per aiutarti a progettare un'esperienza di chat che rispecchi il tuo brand, migliori l'usabilità e mantenga coinvolti i Clienti. ### Crea un piano La tua interfaccia utente di chat dovrebbe sembrare un'estensione naturale del tuo sito web o app. Quando pianifichi il design della tua interfaccia utente di chat, considera quanto segue: * **Colori:** Quali sono i colori primari e di accento della tua azienda? Usa questi colori per i diversi elementi della tua esperienza di chat, come i fumetti della chat, le icone, i pulsanti e i colori di sfondo. Seleziona i colori utilizzando codici esadecimali (ad esempio #FFFFFF), quindi è utile avere a portata di mano i codici del tuo brand. * **Font:** Abbina la tipografia della tua sede per garantire coerenza. Puoi Seleziona da diversi font comuni oppure caricare il tuo file TTF per aggiungere un font personalizzato. * **Logo:** Considera di aggiungere il tuo logo o l'immagine della tua azienda alla tua esperienza 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 consigliate per le immagini: più avanti trovi maggiori dettagli. * **Avatar:** Un avatar è la rappresentazione grafica 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 alle favicon nei browser web, queste icone sono piccole ma fanno la differenza nell'esperienza quando sono ben abbinate al brand dell'azienda. Gli avatar hanno una dimensione di 40x40 pixel e puoi caricare un file JPG/JPEG, PNG, SVG o GIF fino a 2 MB. ### Le parti [Zoom's Campaign Builder](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 web o app. In Campaigns, imposterai: * **Finestra di coinvolgimento della chat:** Usata dai consumatori per chattare con il tuo bot o agente. Puoi Scegli il design di tutte le bolle, i pulsanti, le icone e il design dell'intestazione. La finestra della chat ha un grande impatto sull'aspetto generale della tua esperienza di Assistenza digitale. * **Posizione:** Ti consente di controllare dove la tua assistenza dovrebbe essere disponibile sulla tua sede (assicurati di incorporare prima il Campaign SDK). Puoi offrire assistenza sull’intera sede, oppure specificare quali pagine devono essere incluse o escluse in base all’URL. * **Inviti:** Il modo in cui i tuoi utenti avviano o aprono il tuo centro di contatto sul sito web o sull’app di Business della tua azienda. Esistono due tipi di invito: Sticky ed Embedded. * **Sticky:** Un modo semplice per invitare le persone a usare la tua assistenza digitale. Gli utenti vedono un’icona o un widget sullo schermo che, quando viene cliccato, apre l’esperienza di assistenza. Puoi controllare il colore, la forma e l’icona, e persino Aggiungi testo. * **Embedded:** Con gli inviti incorporati, puoi trasformare qualsiasi pulsante o link sul tuo sito web in un link cliccabile che apre l’assistenza. * **Messaggi proattivi:** Saluti che puoi usare per inviare un messaggio dopo che i tuoi utenti visitano una pagina specificata per una quantità di tempo specificata. I messaggi proattivi possono essere Aggiungi a qualsiasi Campaign utilizzando un tipo di Invito Sticky. **Per esempio:** "Hai bisogno di aiuto per scegliere un piano?" Inoltre, imposterai anche un **avatar**, che è la rappresentazione in immagine del bot o dell'agente. I tuoi clienti vedranno questi avatar del bot o dell'agente che rappresentano il tuo brand. ### Crea la tua esperienza di chat Scopri di più su come creare la tua esperienza di chat, incluse le dimensioni, le immagini, i design, la messaggistica e le Impostazioni di configurazione aggiuntive. {% content-ref url="/pages/597662e9069aca581e1a7f5424e4f1e425be7a07" %} [Crea la tua esperienza di chat](/technical-library/it/servizi-business/zoom-contact-center/expert-insights/customize-user-chat-support-experience/build-your-chat-experience.md) {% endcontent-ref %} ### Riepilogo Zoom centro di contatto e Zoom Virtual Agent ti aiutano a creare una chat di assistenza che risulti coerente con il brand e facile da usare. Puoi personalizzare بالكامل il design, Scegli dove e quando la chat appare e Aggiungi messaggi proattivi per coinvolgere gli utenti nel momento giusto. Una volta incorporato Campaign SDK, puoi controllare tutto dall'interfaccia admin o con il codice. È flessibile, pulito e pensato per adattarsi alla tua sede. Sei pronto a lanciare un'esperienza di chat che aiuti i tuoi clienti e rappresenti il tuo brand. ### Risorse correlate * [Configura una campagna digitale di Zoom centro di contatto](https://zoom.us/cci/index/admin#/admin-campaign-management) * [Integra le funzionalità di Zoom centro di contatto nel tuo sito web](/technical-library/it/servizi-business/zoom-contact-center/expert-insights/integrate-zoom-contact-center-features-into-your-website.md) * [Incorpora Campaign SDK nel tuo sito web o app per dispositivi mobili](https://developers.zoom.us/docs/contact-center/web/chat/#embed-the-chat-client-with-a-campaign-id) --- # 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.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.