# Personalizza l'esperienza di Assistenza chat dell'utente ### Prodotti * Zoom centro di contatto * Zoom Virtual Agent ### Prerequisiti [Integra il Campaign SDK sul 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, che stia chattando con un agente virtuale o in tempo reale. Con Zoom centro di contatto e Zoom Virtual Agent, hai il pieno controllo sull’aspetto e sul comportamento di questa esperienza sul tuo sito web. Questa guida ti accompagna attraverso tutti gli strumenti disponibili per aiutarti a progettare un’esperienza di chat in linea con il tuo brand, che 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 della tua app. Quando pianifichi il design della tua interfaccia di chat, considera quanto segue: * **Colori:** Quali sono i colori principali e di accento della tua azienda? Usa questi colori per i diversi elementi della tua esperienza di chat, come fumetti di chat, icone, pulsanti e colori di sfondo. Selezionerai i colori usando codici esadecimali (ad esempio #FFFFFF), quindi è utile avere a portata di mano i codici del tuo brand. * **Font:** Abbina la tipografia del tuo sito per garantire coerenza. Puoi selezionare tra diversi font comuni oppure caricare il tuo file TTF per aggiungere un font personalizzato. * **Logo:** Valuta 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, sono consigliate determinate dimensioni dell’immagine — ne parleremo più avanti. * **Avatar:** Un avatar è la rappresentazione visiva del bot o dell’agente. Per i messaggi del bot o del sistema, usa il tuo logo oppure 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 dell’azienda. Gli avatar hanno dimensioni 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) viene usato per personalizzare sia il design della chat sia la sua disponibilità sul tuo sito web o nella tua app. Nei Campaign, configurerai: * **Finestra di interazione chat:** Usata dai consumatori per chattare con il tuo bot o agente. Puoi scegliere il design di tutti i fumetti, pulsanti, icone e dell’intestazione. La finestra di chat ha un grande impatto sull’aspetto generale della tua esperienza di supporto digitale. * **Posizione:** Ti consente di controllare dove il tuo supporto deve essere disponibile sul tuo sito (assicurati prima di integrare il Campaign SDK). Puoi offrire supporto su tutto il sito oppure specificare quali pagine includere o escludere in base all’URL. * **Inviti:** Il modo in cui i tuoi utenti avviano o aprono il tuo centro di contatto sul sito web o nella app della tua azienda. Esistono due tipi di invito: 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 viene selezionato, apre l’esperienza di supporto. Puoi controllare il colore, la forma e l’icona, e persino aggiungere testo. * **Embedded:** Con gli inviti embedded, puoi trasformare qualsiasi pulsante o link sul tuo sito web in un link selezionabile che apre il supporto. * **Messaggi proattivi:** Messaggi di saluto che puoi usare per inviare un messaggio dopo che i tuoi utenti visitano una pagina specifica per un determinato periodo di tempo. I messaggi proattivi possono essere aggiunti a qualsiasi Campaign usando un tipo di invito Sticky. **Ad esempio:** "Hai bisogno di aiuto per scegliere un piano?" Inoltre, configurerai 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="/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 supporto che sia in linea con il brand e facile da usare. Puoi personalizzare completamente il design, scegliere dove e quando appare la chat e aggiungere messaggi proattivi per coinvolgere gli utenti nel momento giusto. Una volta che il Campaign SDK è incorporato, puoi controllare tutto dall’interfaccia admin oppure con il 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 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) * [Integra il Campaign SDK sul 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: 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.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.