> 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 chatbericht-ondersteuningservaring van de gebruiker aan ### Producten * Zoom contactcenter * Zoom Virtual Agent ### Vereisten [Sluit de Campaign SDK in 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 met je bedrijf heeft, 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 gids leidt je door alle beschikbare hulpmiddelen om een chatberichtervaring te ontwerpen die bij je merk past, de bruikbaarheid verbetert en klanten betrokken houdt. ### Een abonnement 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 je bedrijf? Gebruik deze kleuren voor verschillende elementen van je chatberichtervaring, zoals de chatberichtballonnen, pictogrammen, knoppen en achtergrondkleuren. Je selecteert kleuren met hex-codes (bijvoorbeeld #FFFFFF), dus het is handig om de codes van je merk bij de hand te hebben. * **Lettertypen:** Stem de typografie af op die van je locatie voor consistentie. Je kunt uit verschillende veelgebruikte lettertypen selecteren of je eigen TTF-bestand uploaden om een aangepast lettertype Toevoegen. * **Logo:** Overweeg om je logo of bedrijfsafbeelding aan je chatberichtervaring Toevoegen. Je kunt een JPG/JPEG-, PNG-, SVG- of GIF-bestand van maximaal 10 MB uploaden. Afhankelijk van het chatberichtontwerp dat je Kies, zijn er aanbevolen afbeeldingsafmetingen -- daarover hieronder meer. * **Avatar:** Een avatar is de afbeelding van de bot of agent. Gebruik voor bot- of systeemberichten je logo of een personage/avatar dat je merk vertegenwoordigt. Net als favicons in webbrowsers zijn deze pictogrammen klein, maar ze maken een verschil in de ervaring wanneer ze goed bij het bedrijfsmerk passen. Avatars zijn 40 x 40 pixels groot en je kunt een JPG/JPEG-, PNG-, SVG- of GIF-bestand van maximaal 2 MB uploaden. ### De onderdelen [De Campaign Builder van Zoom](https://zoom.us/cci/index/admin#/admin-campaign-management) wordt gebruikt om zowel je chatberichtontwerp als de beschikbaarheid ervan op je website of app aan te passen. In Campagnes stel je het volgende in: * **Venster voor chatberichtbetrokkenheid:** Wordt door consumenten gebruikt om te chatten met je bot of agent. Je kunt het ontwerp van alle ballonnen, knoppen, pictogrammen en de koptekst Kies. Het chatberichtvenster heeft een grote invloed op de algehele 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 volledige locatie, of aangeven welke pagina's op basis van de URL moeten worden opgenomen of uitgesloten. * **Uitnodigingen:** Hoe je gebruikers je contactcenter openen of starten op de website of app van je bedrijf. Er zijn twee typen uitnodigingen: Vast en Ingesloten. * **Vast:** Een eenvoudige manier om mensen uit te nodigen je digitale ondersteuning te gebruiken. Gebruikers zien een pictogram of widget op het Scherm dat, wanneer erop wordt geklikt, de ondersteuningservaring opent. Je kunt de kleur, vorm en het pictogram beheren, en zelfs tekst Toevoegen. * **Ingesloten:** Met ingesloten uitnodigingen kun je elke knop of link op je website omzetten in een aanklikbare link die ondersteuning opent. * **Proactieve berichten:** Begroetingen waarmee je een bericht kunt verzenden nadat je gebruikers gedurende een bepaalde tijd een opgegeven pagina hebben bezocht. Proactieve berichten kunnen aan elke Campagne worden toegevoegd met een type vaste uitnodiging. **Bijvoorbeeld:** "Hulp nodig bij het kiezen van een abonnement?" Daarnaast stel je ook een **avatar**, in. Dit is de afbeelding van de bot of agent. Je consumenten zien deze avatars van de bot of agent die je merk vertegenwoordigen. ### Bouw je chatberichtervaring Meer informatie over het bouwen van je chatberichtervaring, waaronder afmetingen, afbeeldingen, ontwerpen, berichtenverkeer en aanvullende configuratie-Instellingen. {% content-ref url="/pages/6ead8f941697897d6ae0c0db1e06f0f695f0bcc8" %} [Bouw uw chatberichtervaring](/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 je een ondersteuning-chatbericht te maken die bij je merk past en gemakkelijk te gebruiken is. Je kunt het ontwerp volledig aanpassen, Kies waar en wanneer chatbericht wordt weergegeven, en proactieve berichten Toevoegen om gebruikers op het juiste moment te betrekken. Zodra de Campaign SDK is ingesloten, kun je alles beheren vanuit de UI voor beheerders of met code. Het is flexibel, overzichtelijk en gemaakt om bij je locatie te passen. Je bent klaar om een chatberichtervaring te lanceren die je klanten helpt en je merk vertegenwoordigt. ### Gerelateerde bronnen * [Een digitale campagne voor Zoom contactcenter instellen](https://zoom.us/cci/index/admin#/admin-campaign-management) * [Functies van Zoom contactcenter integreren in je website](/technical-library/nl/zakelijke-diensten/zoom-contact-center/expert-insights/integrate-zoom-contact-center-features-into-your-website.md) * [Sluit de Campaign SDK in 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, and the optional `goal` query parameter: ``` GET https://library.zoom.com/technical-library/nl/zakelijke-diensten/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.