# Anpassa användarens chattstödupplevelse

### Produkter

* Zoom Contact Center
* Zoom Virtual Agent

### Förutsättningar

[Bädda in Campaign SDK på din webbplats eller mobilapp](https://developers.zoom.us/docs/contact-center/web/chat/#embed-the-chat-client-with-a-campaign-id)

### Översikt

Ditt chattfönster är ofta den första verkliga interaktionen en kund har med ditt företag—oavsett om de chattar med en virtuell eller en levande agent. Med Zoom Contact Center och Zoom Virtual Agent har du full kontroll över hur den upplevelsen ser ut och fungerar på din webbplats.

Denna guide visar dig alla verktyg som finns för att hjälpa dig utforma en chattupplevelse som matchar ditt varumärke, förbättrar användbarheten och håller kunder engagerade.

### Skapa en plan

Din chatt‑UI bör kännas som en naturlig förlängning av din webbplats eller app. När du planerar din chatt‑UI‑design, tänk på följande:

* **Färger:** Vilka är ditt företags primära och accentfärger? Använd dessa färger för olika element i din chattupplevelse, såsom chattbubblor, ikoner, knappar och bakgrundsfärger. Du väljer färger med hexkoder (till exempel #FFFFFF), så det är bra att ha ditt varumärkes koder till hands.
* **Teckensnitt:** Matcha din sites typografi för konsekvens. Du kan välja mellan flera vanliga teckensnitt, eller ladda upp din egen TTF‑fil för att lägga till ett anpassat teckensnitt.
* **Logotyp:** Överväg att lägga till din logotyp eller företagsbild i din chattupplevelse. Du kan ladda upp en JPG/JPEG, PNG, SVG eller GIF‑fil upp till 10 MB. Beroende på vilken chattdesign du väljer finns rekommenderade bilddimensioner — mer om det nedan.
* **Avatar:** En avatar är den bild som representerar boten eller agenten. För bot‑ eller systemmeddelanden, använd din logotyp eller en karaktär/avatar som representerar ditt varumärke. Liknande favicons i webbläsare är dessa ikoner små men gör skillnad i upplevelsen när de matchas väl med företagets varumärke. Avatarer är 40x40 pixlar, och du kan ladda upp en JPG/JPEG, PNG, SVG eller GIF‑fil upp till 2 MB.

### Delarna

[Zooms Campaign Builder](https://zoom.us/cci/index/admin#/admin-campaign-management) används för att anpassa både din chattdesign och dess tillgänglighet på din webbplats eller app.

I Campaigns ställer du in:

* **Chattengagemangsfönster:** Används av konsumenter för att chatta med din bot eller agent. Du kan välja utformningen av alla bubblor, knappar, ikoner och headerdesign. Chattfönstret har stor inverkan på det övergripande utseendet och känslan i din digitala supportupplevelse.
* **Plats:** Låter dig styra var din support ska vara tillgänglig på din site (se till att först bädda in Campaign SDK). Du kan erbjuda support över hela din site, eller specificera vilka sidor som ska inkluderas eller exkluderas baserat på URL.
* **Inbjudningar:** Hur dina användare startar eller öppnar ditt kontaktcenter på ditt företags webbplats eller app. Det finns två inbjudningstyper: Sticky och Embedded.
  * **Sticky:** Ett enkelt sätt att bjuda in människor att använda din digitala support. Användare ser en ikon eller widget på skärmen som, när den klickas på, öppnar supportupplevelsen. Du kan kontrollera färg, form och ikon, och till och med lägga till text.
  * **Embedded:** Med inbäddade inbjudningar kan du göra vilken knapp eller länk som helst på din webbplats till en klickbar länk som öppnar support.
* **Proaktiva meddelanden:** Hälsningar som du kan använda för att skicka ett meddelande efter att dina användare har besökt en angiven sida under en angiven tid. Proaktiva meddelanden kan läggas till i vilken Campaign som helst som använder typen Sticky Invitation.

  **Till exempel:** "Behöver du hjälp att välja en plan?"

Dessutom ställer du också in en **avatar**, vilket är bildrepresentationen av boten eller agenten. Dina användare kommer att se dessa avatarer av boten eller agenten som representerar ditt varumärke.

### Bygg din chattupplevelse

Läs mer om att bygga din chattupplevelse, inklusive storlekar, bilder, designer, meddelanden och ytterligare konfigurationsinställningar.

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

### Sammanfattning

Zoom Contact Center och Zoom Virtual Agent hjälper dig skapa en supportchatt som känns varumärkesanpassad och lätt att använda. Du kan anpassa designen helt, välja var och när chatten visas, och lägga till proaktiva meddelanden för att engagera användare vid rätt ögonblick. När Campaign SDK är inbäddad kan du styra allt från Admin‑UI eller med kod. Det är flexibelt, rent och byggt för att passa din site.

Du är redo att lansera en chattupplevelse som hjälper dina kunder och representerar ditt varumärke.

### Relaterade resurser

* [Ställ in en digital kampanj för Zoom Contact Center](https://zoom.us/cci/index/admin#/admin-campaign-management)
* [Integrera Zoom Contact Center‑funktioner på din webbplats](https://library.zoom.com/technical-library/sv/foretagstjanster/zoom-contact-center/expert-insights/integrate-zoom-contact-center-features-into-your-website)
* [Bädda in Campaign SDK på din webbplats eller mobilapp](https://developers.zoom.us/docs/contact-center/web/chat/#embed-the-chat-client-with-a-campaign-id)