> 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/fr/services-aux-affaires/zoom-contact-center/expert-insights/customize-user-chat-support-experience.md). # Personnaliser l’expérience d’assistance de chat de l’utilisateur Rédigé par Maggie Munson ### 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) ### Aperçu 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 en direct. Avec le centre de contact Zoom 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 présente tous les outils disponibles pour vous aider à concevoir une expérience de chat qui correspond à votre marque, améliore l’ergonomie et maintient l’engagement des clients. ### Créez un plan Votre interface de chat doit ressembler à 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 primaires et d’accentuation de votre entreprise ? Utilisez ces couleurs pour différents éléments de votre expérience de chat, comme les bulles de chat, les icônes, les boutons et les couleurs d’arrière-plan. 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 plus de cohérence. Vous pouvez sélectionner parmi plusieurs polices courantes, ou téléverser votre propre fichier TTF pour l’ajout d’une police personnalisée. * **Logo :** Envisagez l’ajout de votre logo ou de l’image de votre entreprise à votre expérience de chat. Vous pouvez téléverser 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’instar des favicons dans les navigateurs web, ces icônes sont petites, mais font une différence dans 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 téléverser 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) sert à personnaliser à la fois la conception de votre chat et sa disponibilité sur votre site Web ou votre application. Dans les campagnes, vous configurerez : * **Fenêtre d’engagement du chat :** Utilisée par les clients pour discuter avec votre bot ou votre agent. Vous pouvez choisir le design de toutes les bulles, boutons, icônes et de l’en-tête. La fenêtre de chat a un impact important sur l’apparence générale et l’expérience de votre assistance numérique. * **Emplacement :** Vous permet de contrôler où votre assistance doit être disponible sur votre site (assurez-vous d’abord d’intégrer le SDK Campaign). Vous pouvez proposer une assistance sur l’ensemble de votre site, ou préciser 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 : Fixe et Intégrée. * **Fixe :** Un moyen simple d’inviter les personnes à utiliser votre assistance numérique. Les utilisateurs voient une icône ou un widget à 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. * **Intégrée :** 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 :** Messages d’accueil que vous pouvez utiliser pour envoyer un message après que vos utilisateurs ont visité une page spécifiée pendant une durée déterminée. Les messages proactifs peuvent faire l’objet d’un ajout à n’importe quelle campagne à l’aide d’un type d’invitation Fixe. **Par exemple :** « Besoin d’aide pour choisir une formule ? » De plus, vous définirez également un **avatar**, qui est la représentation visuelle du bot ou de l’agent. Vos clients verront ces avatars du bot ou de l’agent représentant votre marque. ### Créez votre expérience de chat En savoir plus sur la création de votre expérience de chat, y compris le dimensionnement, 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-aux-affaires/zoom-contact-center/expert-insights/customize-user-chat-support-experience/build-your-chat-experience.md) {% endcontent-ref %} ### Résumé Le centre de contact Zoom et Zoom Virtual Agent vous aident à créer un chat d’assistance qui correspond à votre marque et qui est 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 avec 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 * [Configurez une campagne numérique du centre de contact Zoom](https://zoom.us/cci/index/admin#/admin-campaign-management) * [Intégrez les fonctionnalités du centre de contact Zoom dans votre site Web](/technical-library/fr/services-aux-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 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/fr/services-aux-affaires/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.