> 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-tjanster/zoom-contact-center/expert-insights/customize-user-chat-support-experience.md). # Anpassa användarens chatt Support-upplevelse Skrivet av Maggie Munson ### 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 tillgängliga verktyg som hjälper dig att utforma en chattupplevelse som matchar ditt varumärke, förbättrar användbarheten och håller dina 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 din chatt-UI-design, tänk på följande: * **Färger:** Vilka är ditt företags primära färger och accentfärger? Du markerar färger med hjälp av dessa färger för olika delar av din chattupplevelse, till exempel chattbubblor, ikoner, knappar och bakgrundsfärger. Du markerar färger med hexkoder (till exempel #FFFFFF), så det är bra att ha ditt varumärkes koder till hands. * **Typsnitt:** Matcha typografin på din plats för konsekvens. Du kan markera ett av flera vanliga typsnitt, eller ladda upp din egen TTF-fil för att lägga till ett anpassat typsnitt. * **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 figur/avatar som representerar ditt varumärke. Precis som favicons i webbläsare är dessa ikoner små, men gör skillnad i upplevelsen när de stämmer väl överens med företagets varumärke. Avatarer är 40x40 pixlar stora, och du kan ladda upp en JPG/JPEG-, PNG-, SVG- eller GIF-fil på upp till 2 MB. ### Delarna [Zooms kampanjbyggare](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 Kampanjer kommer du att konfigurera: * **Fönster för chattengagemang:** Används av konsumenter för att chatta med din bot eller agent. Du kan välja designen för alla bubblor, knappar, ikoner och rubrikens design. Chattfönstret har stor inverkan på helhetsintrycket 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 över 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å inbjudanstyper: Sticky och Embedded. * **Sticky:** Ett enkelt sätt att bjuda in människor 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 inbäddade inbjudningar kan du göra vilken knapp eller länk som helst på din webbplats till en klickbar länk som öppnar supporten. * **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 Kampanj med hjälp av en inbjudan av typen Sticky. **Till exempel:** "Behöver du hjälp med att välja en plan?" Dessutom kommer du också att ange 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 konfigurationsinställningar. {% content-ref url="/pages/b7854913311db7ab1ce5a52d8364fdd6a653ece6" %} [Bygg din chattupplevelse](/technical-library/sv/business-tjanster/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 som en del av varumärket och är enkel 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 tillfälle. När Campaign SDK har bäddats in kan du styra allt från admin-UI:n 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 kampanj i Zoom kontaktcenter](https://zoom.us/cci/index/admin#/admin-campaign-management) * [Integrera funktioner i Zoom kontaktcenter på din webbplats](/technical-library/sv/business-tjanster/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, and the optional `goal` query parameter: ``` GET https://library.zoom.com/technical-library/sv/business-tjanster/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.