Innehållet på den här sidan är maskinöversatt. Zoom garanterar inte att det är korrekt.

Bygg din chattupplevelse

Zooms verktyg gör det enkelt att anpassa och lansera din chattupplevelse med lite eller ingen kod.

Fönster för chattengagemang

Fönstret för chattengagemang är hur dina användare skickar meddelanden med din virtuella agent eller mänskliga agent. Med Zooms verktyg kan du skapa ett chattfönster som är lätt att se och interagera med och som matchar ditt företags varumärke.

Om du vill skapa eller redigera ditt fönster för chattengagemang går du till Zooms webbadmin.

Därifrån klickar du på +Lägg till kampanj eller öppna utkastet till en befintlig kampanj. Bläddra till Fönster för chattengagemang avsnittet för att skapa eller redigera ditt fönster.

Fönsterstorlek och mobilupplevelse

Zooms fönster för chattengagemang är responsivt, vilket innebär att layouten anpassas automatiskt om din användare går till din plats från sin dator eller smartphone.

På mobila enheter öppnas chattfönstret i full skärm för att maximera den begränsade skärmytan och säkerställa en ren och läsbar upplevelse.

Image of mobile Zoom Virtual Agent window, opened full-screen.

För användare som går till din chatt på datorenheter kan du välja mellan tre storleksalternativ för fönstrets höjd:

  • S: 540 pixlar

  • M: 650 pixlar, Standard

  • L: 780 pixlar

Obs!

Bredden är alltid fast på 420 pixlar för att säkerställa läsbarhet.

Image of desktop Zoom Virtual Agent window, opened in the lower right corner of the window.

Rubrikfält

Det chattens rubrikfält är en viktig del av din chattdesign. När det utformas genomtänkt ger det användarna sammanhang om vad de kan förvänta sig av sin supportupplevelse och trygghet i konversationen. Du kan använda rubriken för att dela information om ditt supportteam och/eller lägga till ditt varumärkes logotyp eller färger.

Zoom CX erbjuder flera designalternativ för rubriken som du kan välja mellan.

Fullständig rubrikbild

Lägg till en bild på 426 x 95 pixlar som fyller hela rubrikytan, perfekt för anpassade designer.

This image shows a chat window with a blue gradient header that says Zoom Virtual Agent. The image fills the header space.

Storlek på avatarbild

Lägg till en bild på 40 x 40 pixlar som visas i rubrikfältet, antingen på egen hand eller tillsammans med rubriktext.

Image of a chat screen with Zoom logo in the header bar.
Image of a chat screen with Zoom logo and header text in the header bar.

Endast rubriktext

Dela en kort notis om vad som helst, till exempel ditt teams namn, tillgänglighet eller supporttider. Kontrollera storleken på rubriktexten genom att använda storlekarna H1, H2, H3 eller brödtext.

Image of a chat screen with header text only in the header bar.

För en strömlinjeformad, minimalistisk design kan du välja att lämna det tomt, så att dina användare fokuserar på chatten.

Image of a chat screen with nothing in the header bar.

Du kan använda välj valfri färg för rubrikens bakgrund och ikoner, vilket är användbart för att få chatdesignen att passa ihop med din webbplats.

Färger för din chattbubbla, text, ikoner med mera

Byggverktyget för fönstret för engagemang låter dig välja exakt de färger du vill ha för din chatt. Du anger hexkoder för varje del av fönstret och granskar förhandsvisningen för att se hur det ser ut.

Zoom tillhandahåller en mall som du kan börja med. För att hålla allt snyggt (och lättläst), håll dig till dina varumärkesfärger och se till att det finns tillräcklig kontrast mellan text- och bakgrundsfärger.

Image of the template for formatting your engagement window.

Välkomstskärm

Det Välkomstskärm i Zoom kontaktcenter och Zoom Virtual Agent är en valfri introduktionsskärm som visas innan chatten শুরুर, vilket ger dig en chans att hälsa dina Kunder, samla in information från dem och anpassa upplevelsen till ditt varumärke.

Detta är tillgängligt för webbchattupplevelsen. Om du vill konfigurera klickar du på Fönster för chattengagemang fönstret och sedan på Välkomstskärm fliken.


Utformning av inbjudan

Inbjudan är det som startar Support-upplevelsen på din webbplats. Det vanligaste är att använda Sticky inbjudanstyp, som är en flytande ikon som visas på din webbplats. När dina användare klickar på den öppnas chattfönstret och deras upplevelse startar.

För att skapa eller redigera en inbjudan går du till Zooms Web Admin.

Där klickar du på +Lägg till kampanj eller öppna utkastet till en befintlig kampanj. Bläddra till Inbjudan -avsnittet för att skapa en ny inbjudan.

Image of a Zoom Support window that says "Hello! How can we help?"

Du kan konfigurera följande inställningar för din Sticky inbjudan ikon:

  • Knappstorlek: Storleken på din chattinbjudanikon bör vara tillräckligt stor för att lätt märkas och klickas eller tryckas på, men inte så stor att den stör användareupplevelsen eller täcker viktigt innehåll. Zoom erbjuder tre storlekar för inbjudan:

    • S: 40 pixlar

    • M: 56 pixlar, Standard

    • L: 72 pixlar

  • Knappfärg: Välj en knappfärg som har hög kontrast mot bakgrunden på din webbplats. Vi rekommenderar att du följer WCAG 2.1-riktlinjerna, som innebär ett minsta kontrastförhållande på 3:1 för komponenter i användaregränssnittet (UI), som ikoner och knappar, mot deras bakgrund.

  • Ikon: En ikon kan hjälpa dina användare att få en uppfattning om vad de kan förvänta sig när de trycker på knappen. Zoom erbjuder några standarddesigner att välja mellan som visar att en chatt ska startas. Du kan också lägga till din egen anpassade ikon med en SVG-fil. SVG-filer måste vara mindre än 10 MB.

  • Hörnradie: Hur rund eller fyrkantig vill du att inbjudan-ikonen ska vara? Ta en titt på din plats för att se om din plats har ett mönster för hur knappar ser ut, eller fråga ditt varumärkesteam om de har en preferens. Om du använder en lägre hörnradie, som 8 pixlar, blir din inbjudan mer fyrkantig. En högre hörnradie, som 28 pixlar, gör din inbjudan rundare.

  • Lägg till text i din inbjudan: Att lägga till en textetikett till en inbjudan-knapp gör den tydligare och mer inbjudande. Användarna vet direkt vad knappens syfte är, så det finns ingen tvekan om vad ikonen betyder. Det tar dock också upp mer utrymme och kan skapa röra på skärmen, särskilt på mobilen. Se till att ta hänsyn till din målgrupp och de enheter de oftast använder. Om du lägger till ett typsnitt kan du välja bland förinställda teckensnittsalternativ Arial, Georgia, Tahoma eller Verdana; eller ladda upp ditt eget anpassade typsnitt med hjälp av en TTF-fil.

Inbjudans plats på sidan

Den mest populära platsen för en Support-inbjudan-ikon är det nedre högra hörnet, med ett avstånd från neder- och sidkanten på 20 pixlar. Detta är vanligtvis lätt att upptäcka utan att blockera viktigt innehåll.

Vi rekommenderar att du tittar på din egen plats både på dator och mobil. Om din plats redan har en banner eller knapp på den här platsen kan det försämra din kunds användbarhet eller eventuellt störa användarflöden.

Om du redan har ett element (som en cookie-banner, navigeringsfält eller en annan widget) på samma plats som din chatt-inbjudan-ikon, överväg att ändra justeringen åt vänster eller höger, eller justera avståndet från botten eller sidorna.

Du kan också "aktivera användare att dra och flytta inbjudan" för att ge dina användare ännu mer flexibilitet att flytta ikonen runt på sidan.

Vanlig fråga

Ikonen för chattinbjudan blockerar eller distraherar användare på en viss sida på mobila enheter. Vilka alternativ har jag?

Svar:

Det finns flera sätt du kan åstadkomma detta på.

  • Alternativ 1: Ändra inbjudan-ikonens position på sidan. Du kan flytta placeringen av inbjudan på sidan med hjälp av alternativen för förskjutning och position. Detta konfigureras genom att redigera inbjudan.

  • Alternativ 2: Visa eller dölj chattikonen baserat på sidplats. Om du vill ta bort chattinbjudan helt för alla sidor till kassan, redigera platsen så att sidor till kassan exkluderas. Du kan till exempel exkludera alla sidor som innehåller "till kassan" i URL:en.

  • Alternativ 3: Ställ in målgruppsinriktning efter enhet. Om du inte vill att inbjudningsikonen ska visas på mobila platser, avmarkera alternativet "mobiltelefon" under Kampanjinriktning. För att konfigurera det, klicka Kampanj, Inriktning.

Zoom Campaigns erbjuder en Inbäddad inbjudan ett alternativ om du inte vill använda den standardmässiga fasta ikonen för att starta chatt. Detta låter dig göra vilket element som helst på din webbplats, till exempel en knapp i menyn eller en länk på en sida, till en utlösare för att öppna chattfönstret.

För att göra detta skapar du elementet i webbplatsens HTML och använder Zoom Campaign SDK för att koppla det till chatten. När en användare klickar på det elementet öppnar det chattfönstret och startar kampanjupplevelsen. Du kan också använda befintlig HTML på din webbplats för att utlösa chattfönstret om du föredrar det.

Image of the Create Embedded Invitation screen.

Proaktiva meddelanden

Vad händer om du vill ha ett mer aktivt sätt att få din användares uppmärksamhet så att de chattar med ditt team eller Zoom Virtual Agent? Zooms funktion för proaktiva meddelanden låter dig konfigurera så att företag kan inleda konversationer med besökare i stället för att vänta på att kunden ska starta chatten genom att klicka på inbjudan.

Hur det hjälper

  • Bättre engagemang: Du kan fånga människors uppmärksamhet och erbjuda hjälp vid rätt tidpunkt.

  • Fler leads: Anpassade meddelanden och knappar kan uppmuntra människor att lära sig mer genom att chatta med en agent eller dela sin information för ett uppföljningssamtal.

  • Snabbare Support: Koppla snabbt besökare till en bot eller en liveagent, så att de får svar utan dröjsmål.

När en användare landar på en sida där proaktiva meddelanden är aktiverade får de ett meddelande och kan klicka på knappar för att starta ett specifikt flöde.

Var du ställer in det

Den här funktionen konfigureras under Kampanjer, och är tillgänglig för chatkampanjer på webbsidor som använder Sticky inbjudanstypen.

Rikta dig till dina användare

Du kan ställa in att ditt proaktiva meddelande ska ha en fördröjning, så att det bara visas för användare som har varit på sidan under en viss tid. Du kan också välja om användaren bara ska se meddelandet en gång under en 24-timmarsperiod, eller om du vill att det proaktiva meddelandet ska visas igen om användaren uppdaterar sidan eller besöker en annan matchande sida.

Image of a Zoom Campaign window that asks "How can I help".

Vanlig fråga

Jag vill ha en inbjudningsikon så att mina användare kan starta en chatt när som helst, men jag vill också skicka mina kunder ett proaktivt meddelande på en specifik sida (till exempel företagets prissida). Hur ställer jag in detta?

Svar

Du behöver skapa två Kampanjer: en för din standardinbjudan på hela webbplatsen ("Kampanj A") och en annan Kampanj ("Kampanj B") för sidan där du vill ha ett proaktivt meddelande.

För varje Kampanj vill du definiera Kampanjplatserna så att de inte överlappar.


Avatarer

En avatar är bilden som visas bredvid meddelandena i webchat. Den hjälper till att ge konversationen personlighet och varumärkesanpassning.

Image of the Zoom Virtual Agent avatar, including a picture of a woman with dark hair and a headset.

För meddelanden som skickas innan en användare ansluter till en agent (till exempel ett välkomstmeddelande eller Zoom Virtual Agent) kan du ställa in en enda standardavatar för alla dina upplevelser, eller så kan du ställa in en unik avatar för varje enskilt chattflöde. Detta ger dig flexibiliteten att hålla saker konsekventa eller anpassa upplevelsen för olika varumärken eller användningsfall.

Om du använder Zoom kontaktcenter, klicka på följande:

  1. Inställningar

  2. Konsumentupplevelse

  3. Standardmeddelandeavatar och namn för flöde.

Om du använder Endast Zoom Virtual Agent, klicka på följande:

  1. AI Studio

  2. Virtuella agenter

  3. Chatbots

  4. inställningar

Side-by-side image of the Customize Name and Avatar screen and a rendering of the settings.

När din kund går från boten till en liveagent i Zoom kontaktcenter kan du också styra hur agentens avatar visas. Du kan välja att visa agentens profilbild från kontaktcenter, deras initialer eller en förinställd avatarbild.

För att ställa in det, klicka på följande:

  1. Inställningar

  2. Konsumentupplevelse

  3. Visa bild


Ytterligare inställningar för chattkonfiguration

Styr webchattfönstret med Zoom Campaign SDK

Zoom kontaktcenter (ZCC) och Zoom Virtual Agent (ZVA) Campaign SDK ger utvecklare mer kontroll över hur webchatten beter sig och interagerar med din webbplats. Det låter dig öppna, stänga och styra chattens beteende programmatiskt baserat på användaråtgärder, sidkontext eller anpassad logik.

Du kan till exempel få chattfönstret att öppnas automatiskt när dina användare har varit på sidan under ett visst antal sekunder eller klickar på en viss knapp.

Se Zoom Developer Documentation SDK Reference för mer information.

Chatt som bevaras över hela webbplatsen

Chattbeständighet avgör om en användares chattsession fortsätter när de rör sig mellan olika sidor på din webbplats.

  • När beständigheten är aktiverad (standard): Samma chatt förblir öppen mellan sidor, så att användaren kan fortsätta sin konversation utan avbrott.

  • När beständigheten är inaktiverad: Chatten fortsätter inte när användaren navigerar till en ny sida, om inte den sidan uttryckligen ingår i den första kampanjens definierade plats.

Denna ändring gör det enklare för företag med flera varumärken eller avdelningar på samma domän att hålla chattkampanjer separata. Den förhindrar att användare tar med sig en chatt mellan orelaterade sidor och minskar behovet av manuell konfiguration.

Hitta denna inställning under Zoom kontaktcenter och Zoom Virtual Agent-inställningar.

Ljudaviseringar

Som standard hör konsumenter en avisering när din agent eller virtuella agent skickar ett meddelande i webbchatten. Om standardsljuden känns störande för din varumärkesupplevelse kan du stänga av dem under Zoom kontaktcenter eller Zoom Virtual Agent-inställningar.

Konsumenter kommer fortfarande att ha möjlighet att aktivera dem igen i chattmenyn om de föredrar det.

Senast uppdaterad

Var detta till hjälp?