> 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/sv/business-services/zoom-contact-center/expert-insights/customize-user-chat-support-experience.md). # Anpassa användarens chattupplevelse i Support ### Produkter * Zoom kontaktcenter * 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 riktiga interaktionen en kund har med ditt företag – oavsett om de chattar med en virtuell eller liveagent. Med Zoom kontaktcenter och Zoom Virtual Agent har du full kontroll över hur den upplevelsen ser ut och fungerar på din webbplats. Den här guiden går igenom alla verktyg som finns tillgängliga för att hjälpa dig att utforma en chattupplevelse som matchar ditt varumärke, förbättrar användbarheten och håller kunder engagerade. ### Skapa en plan Ditt chatt-UI ska kännas som en naturlig förlängning av din webbplats eller app. När du planerar utformningen av ditt chatt-UI bör du tänka på följande: * **Färger:** Vilka är ditt företags primära färger och accentfärger? Använd dessa färger för olika delar av din chattupplevelse, till exempel chattbubblor, ikoner, knappar och bakgrundsfärger. Du väljer färger med hexkoder (till exempel #FFFFFF), så det är bra att ha varumärkets koder till hands. * **Teckensnitt:** Matcha webbplatsens typografi för enhetlighet. Du kan välja bland 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 på upp till 10 MB. Beroende på vilken chattdesign du väljer finns det rekommenderade bilddimensioner -- mer om det nedan. * **Avatar:** En avatar är den bildmässiga representationen av boten eller agenten. För bot- eller systemmeddelanden, använd din logotyp eller en karaktär/avatar som representerar ditt varumärke. I likhet med favicons i webbläsare är dessa ikoner små men gör stor skillnad i upplevelsen när de väl matchar företagets varumärke. Avatarer har storleken 40x40 pixlar, och du kan ladda upp en JPG/JPEG-, PNG-, SVG- eller GIF-fil på 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: * **Fönster för chattengagemang:** Används av konsumenter för att chatta med din bot eller agent. Du kan välja utformningen för alla bubblor, knappar, ikoner och headerdesign. Chattfönstret har stor påverkan 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 plats (se till att först bädda in Campaign SDK). Du kan erbjuda support på hela din plats, eller ange vilka sidor som ska inkluderas eller exkluderas baserat på URL:en. * **Inbjudningar:** Hur dina användare startar eller öppnar ditt kontaktcenter på ditt företags webbplats eller app. Det finns två typer av inbjudningar: Sticky och Embedded. * **Sticky:** Ett enkelt sätt att bjuda in personer att använda din digitala support. Användarna ser en ikon eller widget på skärmen som, när den klickas på, öppnar supportupplevelsen. Du kan styra färg, form och ikon, och till och med lägga till text. * **Embedded:** Med inbjudningar som bäddas in kan du göra valfri knapp eller länk 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 valfri Campaign med en Sticky-inbjudningstyp. **Till exempel:** "Behöver du hjälp med att välja en plan?" Dessutom ställer du också in en **avatar**, som är den bildmässiga representationen av boten eller agenten. Dina konsumenter kommer att se dessa avatarer av boten eller agenten som representerar ditt varumärke. ### Bygg din chattupplevelse Läs mer om hur du bygger din chattupplevelse, inklusive storlek, bilder, design, meddelanden och ytterligare inställningar för konfiguration. {% content-ref url="/pages/b7854913311db7ab1ce5a52d8364fdd6a653ece6" %} [Bygg din chattupplevelse](/technical-library/sv/business-services/zoom-contact-center/expert-insights/customize-user-chat-support-experience/build-your-chat-experience.md) {% endcontent-ref %} ### Sammanfattning Zoom kontaktcenter och Zoom Virtual Agent hjälper dig att skapa en supportchatt som känns enhetlig med varumärket och är enkel att använda. Du kan helt anpassa designen, välja var och när chatten visas och lägga till proaktiva meddelanden för att engagera användare vid rätt tillfälle. När Campaign SDK har bäddats in kan du styra allt från Admin-UI eller med kod. Det är flexibelt, rent och byggt för att passa din plats. Du är redo att lansera en chattupplevelse som hjälper dina kunder och representerar ditt varumärke. ### Relaterade resurser * [Konfigurera en digital Campaign i Zoom kontaktcenter](https://zoom.us/cci/index/admin#/admin-campaign-management) * [Integrera funktioner från Zoom kontaktcenter i din webbplats](/technical-library/sv/business-services/zoom-contact-center/expert-insights/integrate-zoom-contact-center-features-into-your-website.md) * [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) --- # 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/sv/business-services/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.