> 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 nella tua app per dispositivi mobili](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, 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 quell'esperienza appare e funziona sul tuo sito web. Questa guida ti accompagna attraverso tutti gli strumenti Disponibile 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 della chat dovrebbe sembrare un'estensione naturale del tuo sito web o della tua app. Quando pianifichi il design della tua interfaccia utente della 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 usando i 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 coerenza. Puoi Seleziona tra diversi font comuni, oppure carica il tuo file TTF per Aggiungi un font personalizzato. * **Logo:** Considera di aggiungere il tuo logo o l'immagine della tua azienda alla tua 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 consigliate per le immagini -- più avanti ne parleremo. * **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 aziendale. 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 [Campaign Builder di Zoom](https://zoom.us/cci/index/admin#/admin-campaign-management) serve a personalizzare sia il design della tua chat sia la sua disponibilità sul tuo sito web o app. In Campaigns, configurerai: * **Finestra di coinvolgimento della chat:** Usata dai consumatori per la chat 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 forte impatto sull'aspetto e sulla sensazione complessivi della tua esperienza di Assistenza digitale. * **Posizione:** Ti consente di controllare dove la tua assistenza deve essere disponibile nella tua sede (assicurati di incorporare prima il Campaign SDK). Puoi offrire assistenza in tutta la tua sede oppure specificare quali pagine devono essere incluse o escluse in base all'URL. * **Inviti:** Come i tuoi utenti avviano o aprono il tuo centro di contatto sul sito web o sull'app 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 sul schermo che, quando viene cliccato, apre l'esperienza di assistenza. Puoi controllare il colore, la forma e l'icona, e persino Aggiungi testo. * **Incorporato:** Con gli inviti incorporati, puoi trasformare qualsiasi pulsante o link sulla tua sede in un link cliccabile che apre l'assistenza. * **Messaggi proattivi:** Messaggi di benvenuto che puoi usare per inviare un messaggio dopo che i tuoi utenti visitano una pagina specificata per un tempo specificato. I messaggi proattivi possono essere Aggiungi a qualsiasi Campaign usando un tipo di invito Sticky. **Ad esempio:** "Hai bisogno di aiuto per Scegli 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, inclusi dimensionamento, immagini, design, messaggistica e ulteriori Impostazioni di configurazione. {% 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 in linea con il brand e facile da usare. Puoi personalizzare completamente il design, Scegli dove e quando la chat appare e Aggiungi messaggi proattivi per coinvolgere gli utenti al momento giusto. Una volta incorporato il Campaign SDK, puoi controllare tutto dall'UI admin o con il codice. È flessibile, pulito e progettato per adattarsi alla tua sede. Sei pronto a lanciare un'esperienza di chat che aiuta i tuoi Clienti e rappresenta 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 nella tua 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.