> 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/affaires-services/zoom-contact-center/expert-insights/customize-user-chat-support-experience.md). # Personnaliser l'expérience d'Assistance chat pour 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) ### 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 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 présente 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’accent 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 :** Faites correspondre la typographie de votre site pour plus de cohérence. Vous pouvez sélectionner parmi plusieurs polices courantes, ou importer votre propre fichier TTF pour ajouter une police personnalisée. * **Logo :** Pensez à 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 du chat que vous choisissez, des dimensions d’image recommandées s’appliquent — nous y reviendrons plus loin. * **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 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 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) sert à personnaliser à la fois la conception de votre chat et sa disponibilité sur votre site web ou votre application. Dans Campaigns, vous allez configurer : * **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 préciser quelles pages doivent être incluses ou exclues en fonction de l’URL. * **Invitations :** La façon 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 :** Une façon simple d’Inviter les gens à utiliser votre assistance numérique. Les utilisateurs voient une icône ou un widget à l’écran qui, lorsqu’ils cliquent dessus, 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 :** Salutations 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 être ajoutés à n’importe quelle Campaign utilisant un type d’invitation Sticky. **Par exemple :** « Besoin d’aide pour choisir un plan ? » En outre, 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 le dimensionnement, les images, les conceptions, la messagerie et les paramètres de configuration supplémentaires. {% content-ref url="/pages/c5fcb2471baa3dd2f905a92c16a9d31bffbf54af" %} [Créez votre expérience de chat](/technical-library/fr/affaires-services/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 qui respecte votre identité de 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 admin ou avec du code. C’est flexible, propre 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 de Zoom centre de contact](https://zoom.us/cci/index/admin#/admin-campaign-management) * [Intégrez les fonctionnalités de Zoom centre de contact à votre site web](/technical-library/fr/affaires-services/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/affaires-services/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.