# Pas de chatondersteuningservaring voor 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

Uw chatberichtvenster is vaak de eerste echte interactie die een klant heeft met uw bedrijf—of ze nu chatten met een virtuele of live agent. Met Zoom contactcenter en Zoom Virtual Agent heeft u volledige controle over hoe die ervaring eruitziet en werkt op uw website.

Deze handleiding leidt u door alle tools die Beschikbaar zijn om u te helpen een chatbericht-ervaring te ontwerpen die past bij uw merk, de gebruiksvriendelijkheid verbetert en Klanten betrokken houdt.

### Maak een plan

Je chatbericht-UI moet aanvoelen als een natuurlijk verlengstuk 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 chatberichtballonnen, pictogrammen, knoppen en achtergrondkleuren. U zult kleuren selecteren 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 je locatie af voor consistentie. Je kunt Selecteer uit verschillende gangbare lettertypen, of je eigen TTF-bestand uploaden om een aangepast lettertype Toevoegen.
* **Logo:** Overweeg om je logo of bedrijfsafbeelding Toevoegen aan je chatberichtervaring. Je kunt een JPG/JPEG-, PNG-, SVG- of GIF-bestand uploaden tot 10 MB. Afhankelijk van het chatberichtontwerp dat je Kies, zijn er aanbevolen afbeeldingsafmetingen -- daarover hieronder meer.
* **Avatar:** Een avatar is de beeldweergave 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 aansluiten bij het bedrijfsmerk. Avatars hebben een formaat van 40x40 pixels, en je 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 je chatberichtontwerp als de beschikbaarheid ervan op je website of app aan te passen.

In campagnes stel je het volgende in:

* **Chatbericht-betrokkenheidsvenster:** Gebruikt door consumenten om te chatten met je bot of agent. Je kunt het ontwerp van alle bubbels, knoppen, pictogrammen en de header opmaken. Het chatvenster heeft een grote invloed op de algehele look-and-feel 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 inbedt). Je kunt ondersteuning aanbieden op je volledige locatie, of aangeven welke pagina's moeten worden opgenomen of uitgesloten op basis van de URL.
* **Uitnodigingen:** Hoe je gebruikers je contactcenter openen of starten op de website of app van je Zakelijk. Er zijn twee soorten uitnodigingen: Sticky en Ingesloten.
  * **Sticky:** Een eenvoudige manier om mensen uit te nodigen om 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 regelen, en zelfs Toevoegen tekst.
  * **Ingesloten:** Met ingesloten uitnodigingen kun je elke knop of link op je website omzetten in een klikbare link die ondersteuning opent.
* **Proactieve berichten:** Groeten die je kunt gebruiken om een bericht te sturen nadat je gebruikers een bepaalde pagina gedurende een bepaalde tijd hebben bezocht. Proactieve berichten kunnen worden toegevoegd aan elke campagne met behulp van een type uitnodiging met vaste positie.

  **Bijvoorbeeld:** "Hulp nodig bij het kiezen van een abonnement?"

Daarnaast stel je ook een **avatar**in, dit is de beeldweergave van de bot of agent. Je klanten zullen deze avatars van de bot of agent zien die jouw merk vertegenwoordigen.

### Bouw je chatberichtervaring

Meer informatie over het bouwen van je chatberichtervaring, inclusief afmetingen, afbeeldingen, ontwerpen, berichtenverkeer en aanvullende configuratie-instellingen.

{% content-ref url="customize-user-chat-support-experience/build-your-chat-experience" %}
[build-your-chat-experience](https://library.zoom.com/technical-library/nl/zakelijke-diensten/zoom-contact-center/expert-insights/customize-user-chat-support-experience/build-your-chat-experience)
{% endcontent-ref %}

### Samenvatting

Zoom contactcenter en Zoom Virtual Agent helpen je een ondersteunend chatbericht te maken dat aansluit bij je merk en eenvoudig te gebruiken is. Je kunt het ontwerp volledig aanpassen, Kies waar en wanneer het chatbericht verschijnt, en Toevoegen proactieve berichten om gebruikers op het juiste moment te betrekken. Zodra de Campaign SDK is ingebed, kun je alles beheren vanuit de beheerder UI of met code. Het is flexibel, strak en ontworpen om te passen bij je locatie.

Je bent klaar om een chatbericht-ervaring te lanceren die je Klanten helpt en je 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](https://library.zoom.com/technical-library/nl/zakelijke-diensten/zoom-contact-center/expert-insights/integrate-zoom-contact-center-features-into-your-website)
* [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)