> 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/nl/zakelijke-diensten/zoom-contact-center/expert-insights/customize-user-chat-support-experience.md). # Pas de ondersteuningservaring voor chatbericht van gebruiker aan ### Producten * Zoom contactcenter * Zoom Virtual Agent ### Vereisten [Integreer Campaign SDK op je website of mobiele app](https://developers.zoom.us/docs/contact-center/web/chat/#embed-the-chat-client-with-a-campaign-id) ### Overzicht Je chatvenster is vaak de eerste echte interactie die een klant met je bedrijf heeft—of ze nu chatten met een virtuele of een live agent. Met Zoom Contact Center en Zoom Virtual Agent heb je volledige controle over hoe die ervaring eruitziet en zich gedraagt op je website. Deze handleiding leidt u door alle Beschikbare tools om u te helpen een chatbericht-ervaring te ontwerpen die bij uw merk past, de gebruiksvriendelijkheid verbetert en Klanten betrokken houdt. ### Een plan maken Je chatbericht-UI moet aanvoelen als een natuurlijke uitbreiding van je website of app. Houd bij het plannen van je chatbericht-UI-ontwerp rekening met het volgende: * **Kleuren:** Wat zijn de primaire en accentkleuren van uw bedrijf? Gebruik deze kleuren voor verschillende elementen van uw chatbericht-ervaring, zoals de chatberichtbubbels, pictogrammen, knoppen en achtergrondkleuren. U selecteert kleuren met hexcodes (bijvoorbeeld #FFFFFF), dus het is handig om de codes van uw merk bij de hand te hebben. * **Lettertypen:** Stem de typografie van uw locatie af voor consistentie. U kunt Selecteer uit verschillende gangbare lettertypen, of uw eigen TTF-bestand uploaden om een aangepast lettertype Toevoegen. * **Logo:** Overweeg om je logo of bedrijfsafbeelding toe te voegen aan je chatbericht-ervaring. Je kunt een JPG/JPEG-, PNG-, SVG- of GIF-bestand uploaden tot 10 MB. Afhankelijk van het chatontwerp dat je kiest, zijn er aanbevolen afbeeldingsafmetingen -- daarover hieronder meer. * **Avatar:** Een avatar is de visuele representatie van de bot of agent. Gebruik voor bot- of systeemberichten je logo of een karakter/avatar dat je merk vertegenwoordigt. Net als favicons in webbrowsers zijn deze pictogrammen klein, maar ze maken wel verschil in de ervaring wanneer ze goed aansluiten bij het bedrijfsmerk. Avatars zijn 40x40 pixels groot, en je kunt een JPG/JPEG-, PNG-, SVG- of GIF-bestand uploaden tot 2 MB. ### De onderdelen [Zooms Campagnebouwer](https://zoom.us/cci/index/admin#/admin-campaign-management) wordt gebruikt om zowel je chatontwerp als de beschikbaarheid ervan op je website of app aan te passen. In Campagnes stel je in: * **Venster voor chatbetrokkenheid:** Gebruikt door consumenten om te chatbericht met je bot of agent. Je kunt het ontwerp van alle tekstballonnen, knoppen, pictogrammen en de header aanpassen. Het chatvenster heeft een grote impact op de algehele uitstraling en beleving van je digitale ondersteuningservaring. * **Locatie:** Hiermee kunt u bepalen waar uw ondersteuning beschikbaar moet zijn op uw locatie (zorg ervoor dat u eerst de Campaign SDK insluit). U kunt ondersteuning aanbieden op uw hele locatie, of aangeven welke pagina’s op basis van de URL moeten worden opgenomen of uitgesloten. * **Uitnodigingen:** Hoe uw gebruikers uw contactcenter openen of starten op de website of app van uw Zakelijk. Er zijn twee typen uitnodigingen: Sticky en Embedded. * **Sticky:** Een eenvoudige manier om mensen uit te nodigen om uw digitale ondersteuning te gebruiken. Gebruikers zien een pictogram of widget op het Scherm die, wanneer erop wordt geklikt, de ondersteuningservaring opent. U kunt de kleur, vorm en het pictogram beheren, en zelfs tekst Toevoegen. * **Embedded:** Met embedded uitnodigingen kunt u elke knop of link op uw website omzetten in een klikbare link die ondersteuning opent. * **Proactieve berichten:** Groeten die u kunt gebruiken om een bericht te sturen nadat uw gebruikers een opgegeven pagina gedurende een opgegeven tijdsduur hebben bezocht. Proactieve berichten kunnen worden toegevoegd aan elke campagne met behulp van een Sticky-uitnodigingstype. **Bijvoorbeeld:** "Hulp nodig bij het kiezen van een abonnement?" Daarnaast stel je ook een **avatar**, wat de beeldweergave is van de bot of agent. Uw consumenten zullen deze avatars van de bot of agent zien die uw merk vertegenwoordigen. ### Bouw uw chatberichtervaring Meer informatie over het bouwen van je chatbericht-ervaring, inclusief afmetingen, afbeeldingen, ontwerpen, berichtenverkeer en extra configuratie-instellingen. {% content-ref url="/pages/6ead8f941697897d6ae0c0db1e06f0f695f0bcc8" %} [Uw chatervaring bouwen](/technical-library/nl/zakelijke-diensten/zoom-contact-center/expert-insights/customize-user-chat-support-experience/build-your-chat-experience.md) {% endcontent-ref %} ### Samenvatting Zoom contactcenter en Zoom Virtual Agent helpen u een ondersteunend chatbericht te maken dat bij uw merk past en eenvoudig te gebruiken is. U kunt het ontwerp volledig aanpassen, kiezen waar en wanneer het chatbericht verschijnt, en proactieve berichten toevoegen om gebruikers op het juiste moment te betrekken. Zodra de Campaign SDK is ingebed, kunt u alles beheren vanuit de beheerder UI of met code. Het is flexibel, strak en gebouwd om bij uw locatie te passen. Je bent klaar om een chatbericht-ervaring te lanceren die je Klanten helpt en je merk vertegenwoordigt. ### Gerelateerde bronnen * [Stel een Zoom contactcenter-digitale campagne in](https://zoom.us/cci/index/admin#/admin-campaign-management) * [Integreer Zoom contactcenter-functies in uw website](/technical-library/nl/zakelijke-diensten/zoom-contact-center/expert-insights/integrate-zoom-contact-center-features-into-your-website.md) * [Integreer Campaign SDK op je website of mobiele app](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: ``` GET https://library.zoom.com/technical-library/nl/zakelijke-diensten/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.