# De chatbericht-ondersteuningservaring voor de gebruiker aanpassen ### Producten * Zoom contactcenter * Zoom Virtual Agent ### Vereisten [Campaign SDK insluiten 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 chatberichtvenster is vaak de eerste echte interactie die een klant heeft met je bedrijf—of ze nu chatten met een virtuele of live agent. Met Zoom contactcenter en Zoom Virtual Agent heb je volledige controle over hoe die ervaring eruitziet en werkt op je website. Deze handleiding leidt je door alle tools die Beschikbaar zijn om je te helpen een chatberichtervaring te ontwerpen die bij je merk past, de gebruiksvriendelijkheid verbetert en klanten betrokken houdt. ### Maak een plan 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 chatberichtervaring, zoals de chatbubbels, pictogrammen, knoppen en achtergrondkleuren. U selecteert kleuren met hex-codes (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 kiezen uit verschillende gangbare lettertypen, of uw eigen TTF-bestand uploaden om een aangepast lettertype toe te voegen. * **Logo:** Overweeg om uw logo of bedrijfsafbeelding toe te voegen aan uw chatberichtervaring. U kunt een JPG/JPEG-, PNG-, SVG- of GIF-bestand uploaden tot 10 MB. Afhankelijk van het chatberichtontwerp dat u kiest, zijn er aanbevolen afbeeldingsafmetingen — daarover hieronder meer. * **Avatar:** Een avatar is de picturale weergave van de bot of agent. Gebruik voor bot- of systeemberichten uw logo of een personage/avatar dat uw merk vertegenwoordigt. Net als favicons in webbrowsers zijn deze pictogrammen klein, maar ze maken een verschil in de ervaring wanneer ze goed aansluiten bij het merk van het bedrijf. Avatars hebben een formaat van 40x40 pixels, en u kunt een JPG/JPEG-, PNG-, SVG- of GIF-bestand uploaden tot 2 MB. ### De onderdelen [Zoom's Campagnebouwer](https://zoom.us/cci/index/admin#/admin-campaign-management) wordt gebruikt om zowel het ontwerp van je chatbericht als de beschikbaarheid ervan op je website of app aan te passen. In Campagnes stel je in: * **Chatbericht-venster:** Gebruikt door consumenten om te chatten met je bot of contactpersoon. Je kunt het ontwerp van alle bubbels, knoppen, pictogrammen en de header aanpassen. Het chatvenster heeft een grote invloed op de algemene uitstraling van je digitale ondersteuningservaring. * **Locatie:** Hiermee kun je bepalen waar je ondersteuning beschikbaar moet zijn op je locatie (zorg ervoor dat je eerst de Campaign SDK insluit). Je kunt ondersteuning aanbieden op je hele locatie, of aangeven welke pagina's wel of niet moeten worden opgenomen op basis van de URL. * **uitnodigingen:** Hoe je gebruikers je contactcenter openen op de Zakelijke website of app. Er zijn twee typen uitnodigingen: Sticky en Embedded. * **Sticky:** Een eenvoudige manier om mensen uit te nodigen om je digitale ondersteuning te gebruiken. Gebruikers zien een pictogram of widget op het Scherm die, wanneer erop wordt geklikt, de ondersteuningservaring opent. Je kunt de kleur, vorm en het pictogram beheren, en zelfs tekst Toevoegen. * **Ingebed:** Met ingesloten 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 tijd hebben bezocht. Proactieve berichten kunnen aan elke campagne worden toegevoegd met behulp van een type Sticky Uitnodiging. **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 chatbericht-ervaring 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 ondersteuningschatbericht te maken dat merkgetrouw aanvoelt en gemakkelijk te gebruiken is. U kunt het ontwerp volledig aanpassen, Kies waar en wanneer chatbericht verschijnt, en proactieve berichten Toevoegen om gebruikers op het juiste moment te betrekken. Zodra de Campaign SDK is ingesloten, 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 jouw merk vertegenwoordigt. ### Gerelateerde bronnen * [Stel een digitale campagne voor Zoom contactcenter 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) * [Campaign SDK insluiten 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: 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.