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.
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.
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.
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.
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.
För en strömlinjeformad, minimalistisk design kan du välja att lämna det tomt, så att dina användare fokuserar på chatten.
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.
Obs!
Om du ändrar bakgrundsfärgen, se till att du fortfarande kan se ikonerna för minimera och meny. Du kan behöva ändra ikonfärgen också.
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.
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.
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.
Exempel
Om du upptäcker att din chattinbjudan-knapp täcker en viktig länk längst ned på sidan på mobila enheter, öka förskjutningen tills inbjudan-ikonen inte längre täcker det elementet.
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.
Obs!
Vill du både ha en Sticky inbjudningsikon och utlösa öppningen av chatten via ett knappklick på din webbplats?
Skapa en kampanj med alternativet Sticky-inbjudan och använd sedan Zooms Campaign SDK för att utlösa att chatten öppnas.
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.
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.
Exempel
Kampanj A:s plats ska utesluta "zoom.us/pricing" och Kampanj B:s plats ska innehålla "zoom.us/pricing." På så sätt kommer användare som besöker någon URL som innehåller "zoom.us" att se den vanliga inbjudan, men användare som landar på den specifika sidan "zoom.us/pricing" får det proaktiva meddelandet att visas.
Avatarer
En avatar är bilden som visas bredvid meddelandena i webchat. Den hjälper till att ge konversationen personlighet och varumärkesanpassning.
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:
Inställningar
Konsumentupplevelse
Standardmeddelandeavatar och namn för flöde.
Om du använder Endast Zoom Virtual Agent, klicka på följande:
AI Studio
Virtuella agenter
Chatbots
inställningar
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:
Inställningar
Konsumentupplevelse
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?