Välimuse seaded määravad, kuidas teie vestlusroboti vestlusvidin teie veebisaidi külastajatele välja näeb - päis, sõnumite värvid ja kirjastiilid, avamisikoon, tervituskuva, vidina suurus ja palju muud. Siin saate kohandada vidina vastavusse oma brändiga.
Enne vidina kujundamist on teil vaja vestlusrobotit. Kui te pole seda veel loonud, alustage artiklist Kuidas luua oma esimene vestlusrobot.
Kust leida välimuse seadeid
Valige oma vestlusrobot ja liikuge jaotisse Settings > Appearance (Seaded > Välimus). Klõpsake ChatLabi pealehel nupule Chatbots (Vestlusrobotid), avage oma vestlusrobot, avage vahekaart Settings (Seaded) ning valige seejärel vasakpoolsest menüüst Appearance (Välimus).
Lehe paremas servas kuvatakse teie vidina reaalajas eelvaade, mis uueneb seadete muutmise käigus.
Vestluse päis
Seadistage oma vestlusvidina ülemise osa välimust:
- Chatbot name (Vestlusroboti nimi) - vestluse päises kuvatav nimi (kuni 60 tähemärki)
- Tagline (Tunnuslause) - valikuline alapealkiri, mida kuvatakse vestlusroboti nime all (kuni 60 tähemärki)
- Avatar - laadige üles kohandatud pilt, mida kliendid vestlusrobotiga suheldes näevad. Praeguse pildi eemaldamiseks kasutage nuppu Remove (Eemalda, allpool esile tõstetud).
- Background (Taust) - päiseala taustavärv
- Name color (Nime värv) - vestlusroboti nime teksti värv
- Tagline color (Tunnuslause värv) - tunnuslause teksti värv
- Reset conversation tooltip (Vestluse lähtestamise kohtspikker) - kohtspikri tekst, mida kuvatakse külastajatele, kui nad liiguvad kursoriga vidina päises oleva vestluse lähtestamise nupu kohale (kuni 40 tähemärki, vaikimisi "Reset conversation")
Sõnum
Kohandage sõnumi sisestusvälja ja vestlussõnumite välimust:
- Input placeholder (Sisestusvälja kohatäide) - kohatäite tekst, mida kuvatakse vidina allosas uue sõnumi sisestusväljal (kuni 50 tähemärki, vaikimisi "Type a message..."). Kasutage seda külastajate julgustamiseks kirjutamist alustama.
- User background (Kasutaja taust) - külastaja saadetud sõnumite taustavärv
- User text (Kasutaja tekst) - külastaja sõnumite tekstivärv
- Resp. background (Vastuse taust) - vestlusroboti vastuste taustavärv
- Response text (Vastuse tekst) - vestlusroboti vastuste tekstivärv
Sõnumi teksti suurus määratakse jaotises Tüpograafia koos vidina kirjastiiliga.
Soovitatud küsimused
Soovitatud küsimused on valmis viibad, mida külastaja saab vestluse alustamiseks puudutada. Küsimused ise kirjutate jaotises Settings > Chat Conversation; siin kujundate nuppude välimust:
- Background (Taust) - soovitatud küsimuste nuppude taustavärv
- Text (Tekst) - soovitatud küsimuste nuppude tekstivärv
- Stack (Virnasta) - sisselülitamisel paigutatakse pikemad soovitatud küsimused vertikaalselt üksteise alla horisontaalse kerimisriba kuvamise asemel
Soovitatud küsimuste teksti suurus määratakse jaotises Tüpograafia.
Vähendatud režiimi seaded
Määrake, kuidas vestlusvidin näeb välja vähendatuna (enne seda, kui külastaja vestluse avab):
- Minimized display mode (Vähendatud kuvamisrežiim) - valige järgmiste valikute vahel:
- Icon (Ikoon) - tavaline ümmargune vestluse avamisikoon (vaikimisi)
- Minified chat bar (Minimeeritud vestlusriba) - kompaktne teksti sisestusriba lehe allosas
- Icon with text (Tekstiga ikoon) - laiem kapslikujuline avaja: ikoon koos lühikese kaherealise tekstiga
- Icon color / Mini bar color (Ikooni värv / Miniriba värv) - avamisikooni või miniriba taustavärv
- Custom chat icon (Kohandatud vestluse ikoon, ainult ikoonirežiimis) - lubage vestluse avamise/sulgemise kohandatud ikoonide üleslaadimiseks
- Position on screen (Asukoht ekraanil) - paigutage vidin ekraani vasakusse või paremasse serva
- Move up chat icon/bar by (Liiguta vestluse ikooni/riba üles) - vertikaalne nihe pikslites alumisest servast
- Move icon/bar left/right by (Liiguta ikooni/riba vasakule/paremale) - horisontaalne nihe pikslites lähimast ekraaniservast
Tekstiga ikoon
Režiim Icon with text lisab avajale lühikese teksti, et külastajad näeksid enne vestluse avamist, milleks see mõeldud on. See on kasulik, kui pelgalt ikoon ei ole piisavalt arusaadav - näiteks "Kirjutage meile / Vastame kohe" või "Vajate abi? / Küsige meie assistendilt".
Selle režiimi valimine lisab neli seadet:
- Label line 1 (Sildi 1. rida) - teksti esimene, tugevam rida (kuni 60 tähemärki)
- Label line 2 (Sildi 2. rida) - teine, heledam rida (kuni 60 tähemärki). Üherealise avaja jaoks jätke see tühjaks
- Text color (Teksti värv) - teksti värv. Jätke see muutmata ja ChatLab valib automaatselt musta või valge vastavalt sellele, kui hele või tume on teie avaja värv
- Show close cross (Kuva sulgemisrist) - lisab avajale väikese risti, et külastajad saaksid selle peita
Mõlemad read lühendatakse mõttelõpuga, kui need ei mahu ära, seega ei muutu avaja kunagi ekraanist laiemaks. Kui vestlus on avatud, tõmbub avaja tagasi ringiks.
Kui teie vestlusrobot on mitmekeelne, tõlgitakse mõlemad tekstiread nagu ülejäänud külastajatele suunatud tekstid, nii et iga külastaja näeb teksti oma keeles.
Valik Show close cross on vaikimisi välja lülitatud ja saadaval ainult selles režiimis. Kui see on lubatud, peidab ristile klõpsav külastaja avaja kogu oma sirvimisseansi ajaks - see jääb peidetuks lehtede vahel liikudes ja naaseb järgmisel külastusel või uuel vahekaardil. Automaatselt avanema seadistatud vestlusrobot arvestab seda valikut ega avane uuesti pärast seda, kui külastaja on selle sulgenud.
Vestlusvidina automaatne avamine pärast lehe laadimist
Seadistage vestlus automaatselt avanema, kui külastajad lehe laadivad:
- Auto open on mobile (Automaatne avamine mobiilis) - avab vestluse automaatselt mobiilseadmetes
- Auto open on desktop (Automaatne avamine töölaual) - avab vestluse automaatselt töölauaekraanidel
- Open chat with delay (Ava vestlus viivitusega) - lubab viivituse enne automaatset avamist (saadaval ainult siis, kui automaatne avamine on lubatud)
- Delay by (Viivituse kestus) - sekundite arv, mida enne avamist oodata (0-60 sekundit)
Inimsarnane sõnumite saatmine
Imiteerib inimsarnast tippimist, jagades vastused mitmeks sõnumimulliks, mida kuvatakse järk-järgult lausehaaval:
- Human-Like Messaging (Inimsarnane sõnumite saatmine) - lüliti funktsiooni sisse-/väljalülitamiseks
- Delay Between Bubbles (Mullidevaheline viivitus) - aeg sekundites iga sõnumimulli kuvamise vahel (0-200 sekundit)
Tervitussõnumi mull
Kuvage tervitussõnum vestluse avamisikooni kohal mullis, et aidata külastajatel vestlust märgata. See funktsioon on saadaval ainult ikoonirežiimis ega tööta iframe-režiimis või siis, kui automaatne avamine on sisse lülitatud.
- Show on desktop (Kuva töölaual) - kuvab tervitussõnumi mulli töölaual
- Show on mobile (Kuva mobiilis) - kuvab tervitussõnumi mulli mobiilseadmetes
- Delay (Viivitus) - sekundite arv pärast lehe laadimist enne mulli kuvamist (0-60 sekundit)
Kui teil on mitu tervitussõnumit, kuvatakse need vestlusikooni kohal üksteise peale virnastatuna.
Häälsisend (mikrofoninupp vestluse sisestusalal) seadistatakse jaotises Settings > Chat Conversation, mitte siin jaotises Appearance.
Tervituskuva
Lülitage vidin spetsiaalsesse avamispaigutusse, mis tervitab uusi külastajaid suure tervitussõnumiga ja keskele paigutatud valgel kaardil virnastatud soovitatud küsimustega. Tervituskuva ilmub ainult uue seansi alguses ja lülitub ümber tavalisele vestlusvaatele niipea, kui külastaja saadab oma esimese sõnumi.
- Special Welcome Screen (Spetsiaalne tervituskuva) - lülitab tervituskuva režiimi sisse või välja (vaikimisi välja lülitatud)
- Suggested questions intro (Soovitatud küsimuste sissejuhatus) - lühike tekst, mida kuvatakse tervituskuval soovitatud küsimuste kaardi kohal (näiteks "Valige valik või sisestage sõnum"). Sildi peitmiseks jätke see tühjaks. Nõuab, et soovitatud küsimused oleksid seadistatud jaotises Settings > Chat Conversation.
- Hide Human Contact Form (Peida inimesega kontakteerumise vorm) - peidab tervituskuva kuvamise ajaks päises kontaktivormi toimingu
- Hide Live Chat (Peida Live Chat) - peidab tervituskuva kuvamise ajaks päises reaalajas vestluse toimingu
Tervituskuva integreerub ka funktsioonidega Lead Collection (Müügivihjete kogumine) ja Privacy Policy consent (Privaatsuspoliitika nõusolek) - kui vestluse alguses nõutakse kumbagi neist, kuvatakse vorm või nõusolekuküsimus soovitatud küsimuste asemel tervituskaardil.
Täielikud üksikasjad, paigutusvariandid ja ekraanipildid külastaja vaatest leiate artiklist Tervituskuva.
Päise toimingud
Määrab, kuidas Live Chat ja Human Contact Form vestlusvidina päises saadaval on.
- Separate icons (Eraldi ikoonid) - iga toiming saab päises sulgemisnupu kõrval oma ikooni
- Menu (dropdown) (Menüü (rippmenüü)) - mõlemad toimingud liiguvad päise menüüsse (kolme punkti ikoon), koos selliste kirjetega nagu "Reset conversation" ja keelevalija, kui need on lubatud
Uued vestlusrobotid kasutavad menüüd, mis hoiab päise toimingute lisandumisel korras. Enne 2. septembrit 2026 loodud vestlusrobotid säilitavad eraldi ikoonid, mistõttu nende külastajate jaoks midagi ei muutu. Saate seda igal ajal vahetada - seade mõjutab ainult esitust, mitte toimingute funktsiooni.
Tüpograafia
Määrab kirjastiili ja tekstisuurused kogu vidinas - sõnumid, soovitatud küsimused, päis, vormid ja avaja tekst.
- Widget font (Vidina font) - üks kaheksast kirjastiilist: System default (Süsteemi vaikimisi), Inter, Nunito, Lato, Montserrat, Poppins, Source Serif ja JetBrains Mono
- Message font size (Sõnumi fondi suurus) - sõnumi teksti suurus (12-24 px)
- Suggested questions font size (Soovitatud küsimuste fondi suurus) - soovitatud küsimuste nuppude suurus (12-24 px)
Inter on vaikevalik ja vastab sellele, kuidas iga vestlusrobot nägi välja enne selle seade lisamist, seega ei muutu midagi enne, kui valite teise fondi.
System default ei laadi midagi alla - vidin kasutab külastaja seadmesse juba installitud fonti. See teeb sellest kiireima variandi ja see sobitub saitidega, mis kasutavad ise süsteemi kirjastiili, kuid vestlus näeb Windowsis, macOS-is ja Androidis veidi erinev välja. Ülejäänud seitse on Google'i fondid, mille külastaja brauser laadib alla ühe korra. Igal neist on varuvalik, nii et kui külastaja võrk blokeerib Google'i fondid, jääb tekst loetavaks ja paigutus ei lagune.
Fondi fail laaditakse vestlusaknasse endasse. Teie lehele lisatakse see ainult siis, kui vidin kuvab teksti väljaspool vestlusakent - Icon with text avaja, minimeeritud vestlusriba või tervitussõnumi mullid. Lihtsa ikooniavaja kasutamisel ei lisa vestlusrobot teie lehele täiendavat päringut.
Vidina suurus
Kohandage, kui suurelt avatud vestlusvidin töölaual ja mobiilseadmetes kuvatakse. Igal liuguril on nupp Default (Vaikimisi), mis taastab sisseehitatud mõõtmed.
- Desktop width (Töölaua laius) - vidina laius töölauabrauserites pikslites (330-800, vaikimisi 448)
- Desktop height (Töölaua kõrgus) - vidina kõrgus töölauabrauserites pikslites (300-770, vaikimisi 660)
- Mobile size (Mobiili suurus) - vidina suurus mobiilseadmetes protsendina ekraanist (60-100%, vaikimisi 100%)
Vaikeväärtuse korral kasutab vidin ChatLabi sisseehitatud reageerivat suurust. Iga muu väärtus rakendab fikseeritud suuruse.
Mobiilis katab avatud vestlus vaikeväärtuse (100%) korral kogu ekraani. Madalama protsendi valimisel kahandatakse vidin selle osani ekraanist ja keskendatakse vaateavale, nii et külastajad näevad endiselt vestluse ümber olevat lehte.
Liugurite kõrval leiate kaks nuppu Save & Preview (Salvesta ja vaata eelvaadet, allpool esile tõstetud) - üks töölaua ridadele ja teine mobiili reale. Nupule klõpsamine salvestab salvestamata muudatused ja avab seejärel vestluse eelvaate aknas teie praeguste seadetega:
- Töölaua nupp avab tavalise brauseriakna, et saaksite näha täpset suurust töölauaekraanil.
- Mobiili nupp avab kompaktse hüpikakna (400 x 700), et vidin kuvataks mobiilipaigutuses, mis on kasulik, kui kohandate liugurit Mobile size lauaarvutist.
Sahtlirežiim
Drawer mode (Sahtlirežiim) võimaldab külastajal lülitada vestluse ujuvast aknast ekraani serva kinnitatud täiskõrguses paneeliks, jättes teie lehe selle kõrval nähtavaks. See sobib vestlusteks, mida külastaja jälgib lehte lugedes - pikad vastused, tootevõrdlused, vormid või mis tahes rohke tekstiga sisu.
Lülitage see sisse ja vestluse päisesse ilmub nupp; külastaja otsustab, kas seda kasutada. Tema valik jäetakse meelde kogu ülejäänud sirvimisseansi ajaks.
- Paneel on poole brauseriakna laiune, kuni 720 px, ja alati täiskõrguses. See kinnitub samale küljele kui teie avaja, seega avab vasakul asuv vidin sahtli vasakul.
- Desktop width ja Desktop height siin ei kehti - need määravad ainult tavalise ujuvakna suuruse.
- Nuppu kuvatakse ainult töölauaekraanidel laiusega vähemalt 1200 px ja hiirega kasutamisel. Telefonides ja tahvelarvutites ei kuvata seda kunagi, sest vestlus täidab seal juba niigi terve ekraani. Kui külastaja teeb brauseri sellest laiusest väiksemaks, volditakse sahtel tagasi tavalisse aknasse.
- Avaja on peidetud seni, kuni sahtel on avatud; külastaja sulgeb selle päisest või lahkub sahtlirežiimist sama nupuga.
Sahtlirežiim on vaikimisi välja lülitatud, seega ei muutu teie külastajate jaoks midagi enne, kui te selle sisse lülitate.
Muud välimuse seaded
- Widget Shadow (Vidina vari) - vestlusvidina konteineri ümber oleva varju lubamine või keelamine
- Open links in (Ava lingid) - valige, kas vestlussõnumites olevad lingid avanevad uuel vahekaardil (new tab) või samal vahekaardil (same tab)
Töölaual kuvatakse vestluse päises ka sulgemisnuppu (X), et külastajad saaksid vestluse tagasi avajaks ahendada ilma lehte uuesti laadimata. Sulgemisnupp jääb peidetuks, kui vestlus on integreeritud iframe-ina või täisekraanirežiimis.
Kohandatud vestluse jalus
Lisage vestlusvidina allosas kuvatav kohandatud tekst (kuni 250 tähemärki). Linkide sisestamiseks toetatakse Markdowni. Tavaline kasutusviis on linkimine oma privaatsuspoliitikale või kasutustingimustele.
Markdowni näidis:
By chatting you accept our [Privacy Policy](https://www.example.com)
Kohandatud CSS
Lisage kohandatud CSS-stiile vestlusvidina välimuse täpsemaks kohandamiseks (kuni 5000 tähemärki):
Seotud artiklid
- Kuidas luua oma esimene vestlusrobot
- Vestluse seaded - tervitussõnumi ja soovitatud küsimuste kirjutamine
- Tervituskuva - täisekraanil avanev paigutus ja selle variandid külastaja vaates
- Kohandatud vormid - külastaja andmete kogumine vestluse sees
- Müügivihjete kogumine