# Personnaliser l’expérience d’assistance chat de l’utilisateur ### Produits * Zoom centre de contact * Zoom Virtual Agent ### Prérequis [Intégrez le SDK Campaign sur votre site web ou votre application mobile](https://developers.zoom.us/docs/contact-center/web/chat/#embed-the-chat-client-with-a-campaign-id) ### Présentation Votre fenêtre de chat est souvent la première véritable interaction qu’un client a avec votre entreprise, qu’il discute avec un agent virtuel ou un agent en direct. Avec Zoom centre de contact et Zoom Virtual Agent, vous avez un contrôle total sur l’apparence et le comportement de cette expérience sur votre site web. Ce guide vous accompagne à travers tous les outils disponibles pour vous aider à concevoir une expérience de chat qui correspond à votre marque, améliore la convivialité et maintient l’engagement des clients. ### Créer un plan Votre interface de chat doit donner l’impression d’être une extension naturelle de votre site web ou de votre application. Lors de la planification de la conception de votre interface de chat, tenez compte des éléments suivants : * **Couleurs :** Quelles sont les couleurs principales et d’accentuation de votre entreprise ? Utilisez ces couleurs pour différents éléments de votre expérience de chat, tels que les bulles de chat, les icônes, les boutons et les couleurs de fond. Vous sélectionnerez les couleurs à l’aide de codes hexadécimaux (par exemple #FFFFFF), il est donc utile d’avoir les codes de votre marque à portée de main. * **Polices :** Harmonisez la typographie de votre site pour assurer la cohérence. Vous pouvez sélectionner parmi plusieurs polices courantes, ou importer votre propre fichier TTF pour ajouter une police personnalisée. * **Logo :** Envisagez d’ajouter votre logo ou l’image de votre entreprise à votre expérience de chat. Vous pouvez importer un fichier JPG/JPEG, PNG, SVG ou GIF jusqu’à 10 Mo. Selon la conception de chat que vous choisissez, des dimensions d’image recommandées sont prévues — plus d’informations ci-dessous. * **Avatar :** Un avatar est la représentation visuelle du bot ou de l’agent. Pour les messages du bot ou du système, utilisez votre logo ou un personnage/avatar qui représente votre marque. À l’image des favicons dans les navigateurs web, ces icônes sont petites mais améliorent l’expérience lorsqu’elles correspondent bien à la marque de l’entreprise. Les avatars ont une taille de 40 x 40 pixels, et vous pouvez importer un fichier JPG/JPEG, PNG, SVG ou GIF jusqu’à 2 Mo. ### Les éléments [Le générateur de campagnes de Zoom](https://zoom.us/cci/index/admin#/admin-campaign-management) est utilisé pour personnaliser à la fois la conception de votre chat et sa disponibilité sur votre site web ou votre application. Dans Campagnes, vous configurerez : * **Fenêtre d’engagement de chat :** Utilisée par les consommateurs pour discuter avec votre bot ou votre agent. Vous pouvez choisir la conception de toutes les bulles, boutons, icônes et l’en-tête. La fenêtre de chat a un impact important sur l’apparence générale de votre expérience d’assistance numérique. * **Emplacement :** Vous permet de contrôler où votre assistance doit être disponible sur votre site (veillez à d’abord intégrer le SDK Campaign). Vous pouvez proposer une assistance sur l’ensemble de votre site, ou spécifier quelles pages doivent être incluses ou exclues en fonction de l’URL. * **Invitations :** La manière dont vos utilisateurs lancent ou ouvrent votre centre de contact sur le site web ou l’application de votre entreprise. Il existe deux types d’invitation : Sticky et Embedded. * **Sticky :** Un moyen simple d’inviter les personnes à utiliser votre assistance numérique. Les utilisateurs voient une icône ou un widget sur l’écran qui, lorsqu’il est cliqué, ouvre l’expérience d’assistance. Vous pouvez contrôler la couleur, la forme et l’icône, et même ajouter du texte. * **Embedded :** Avec les invitations intégrées, vous pouvez transformer n’importe quel bouton ou lien de votre site web en lien cliquable qui ouvre l’assistance. * **Messages proactifs :** Des messages d’accueil que vous pouvez utiliser pour envoyer un message après que vos utilisateurs ont visité une page spécifique pendant une durée déterminée. Les messages proactifs peuvent être ajoutés à n’importe quelle campagne utilisant un type d’invitation Sticky. **Par exemple :** « Besoin d’aide pour choisir un plan ? » De plus, vous définirez également un **avatar**, qui est la représentation visuelle du bot ou de l’agent. Vos consommateurs verront ces avatars du bot ou de l’agent représentant votre marque. ### Créer votre expérience de chat En savoir plus sur la création de votre expérience de chat, notamment la taille, les images, les conceptions, la messagerie et les paramètres de configuration supplémentaires. {% content-ref url="/pages/c5fcb2471baa3dd2f905a92c16a9d31bffbf54af" %} [Créer votre expérience de chat](/technical-library/fr/services-affaires/zoom-contact-center/expert-insights/customize-user-chat-support-experience/build-your-chat-experience.md) {% endcontent-ref %} ### Résumé Zoom centre de contact et Zoom Virtual Agent vous aident à créer un chat d’assistance à l’image de votre marque et facile à utiliser. Vous pouvez personnaliser entièrement la conception, choisir où et quand le chat apparaît, et ajouter des messages proactifs pour engager les utilisateurs au bon moment. Une fois le SDK Campaign intégré, vous pouvez tout contrôler depuis l’interface d’administration ou via du code. C’est flexible, épuré et conçu pour s’adapter à votre site. Vous êtes prêt à lancer une expérience de chat qui aide vos clients et représente votre marque. ### Ressources associées * [Configurer une campagne numérique Zoom centre de contact](https://zoom.us/cci/index/admin#/admin-campaign-management) * [Intégrer les fonctionnalités de Zoom centre de contact à votre site web](/technical-library/fr/services-affaires/zoom-contact-center/expert-insights/integrate-zoom-contact-center-features-into-your-website.md) * [Intégrez le SDK Campaign sur votre site web ou votre application mobile](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/fr/services-affaires/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.