Välimuse seaded (Appearance settings) määravad, kuidas teie vestlusroboti vestlusvidin teie veebisaidi külastajatele välja näeb - päis, sõnumite värvid ja fondid, avamisikoon, tervituskuva, vidina suurus ja palju muud. Siin saate kohandada vidina oma brändiga sobivaks.
Enne vidina kujundamist on teil vaja vestlusrobotit. Kui te pole seda veel loonud, alustage juhendist Kuidas luua oma esimene vestlusrobot.
Kust leida välimuse seadeid
Valige oma vestlusrobot ja liikuge jaotisse Settings > Appearance (Seaded > Välimus). ChatLabi avalehel klõpsake Chatbots (Vestlusrobotid), avage oma vestlusrobot, minge vahekaardile Settings (Seaded) ning valige vasakpoolsest menüüst Appearance (Välimus).
Lehe paremas servas kuvatakse teie vidina reaalajas eelvaade, mis uueneb seadete muutmisel automaatselt.
Vestluse päis (Chat Header)
Seadistage vestlusvidina ülemise osa välimus:
- 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äise ala 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 vihjetekst) - vihjetekst, mida kuvatakse siis, kui külastaja liigub kursoriga vidina päises olevale vestluse lähtestamise nupule (kuni 40 tähemärki, vaikimisi "Reset conversation")
Sõnum (Message)
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 teksti värv
- Resp. background (Vastuse taust) - vestlusroboti vastuste taustavärv
- Response text (Vastuse tekst) - vestlusroboti vastuste teksti värv
Sõnumi teksti suurus määratakse jaotises Tüpograafia koos vidina fondiga.
Soovitatud küsimused (Suggested Questions)
Soovitatud küsimused on valmis viibad, millele külastaja saab vestluse alustamiseks klõpsata. Küsimused ise kirjutate jaotises Settings > Chat Conversation (Seaded > Vestlus); siin kujundate nuppude välimust:
- Background (Taust) - soovitatud küsimuste nuppude taustavärv
- Text (Tekst) - soovitatud küsimuste nuppude teksti värv
- Stack (Virnasta) - kui see on lubatud, paigutatakse pikemad soovitatud küsimused horisontaalse kerimisriba kuvamise asemel vertikaalselt üksteise alla
Soovitatud küsimuste teksti suurus määratakse jaotises Tüpograafia.
Minimeeritud režiimi seaded (Minimized-Mode Settings)
Määrake, kuidas vestlusvidin näeb välja minimeerituna (enne kui külastaja vestluse avab):
- Minimized display mode (Minimeeritud 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 avamiseks/sulgemiseks kohandatud ikoonide üleslaadimine
- 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 (Icon with Text)
Režiim Icon with text (Tekstiga ikoon) lisab avamisikoonile lühikese teksti, et külastajad näeksid enne vestluse avamist, milleks see mõeldud on. See on kasulik siis, kui pelk ikoon pole piisavalt kõnekas - näiteks "Kirjutage meile / Vastame kohe" või "Vajate abi? / Küsige meie assistendilt".
Selle režiimi valimine lisab neli seadistust:
- Label line 1 (Sildi 1. rida) - teksti esimene, esiletõstetum 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. Kui jätate selle muutmata, valib ChatLab 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 ära ei mahu, tagades, et avaja ei muutu kunagi ekraanist laiemaks. Vestluse avamise ajaks tõmbub avaja tagasi ringiks.
Kui mitmekeelsuse tugi on lubatud, tõlgitakse mõlemad tekstiread sarnaselt teiste külastajale suunatud tekstidega.
Seade Show close cross on vaikimisi välja lülitatud ja saadaval ainult selles režiimis. Kui see on lubatud, peidab ristile klõpsanud külastaja avaja ülejäänud lehitsemisseansi ajaks - see jääb peidetuks ka lehtede vahel liikudes ning ilmub uuesti alles järgmisel külastusel või uuel vahekaardil. Automaatselt avanema seadistatud vestlusrobot arvestab selle valikuga ega avane uuesti pärast seda, kui külastaja on selle sulgenud.
Vestlusvidina automaatne avamine pärast lehe laadimist (Auto Open Chat Widget After Page Load)
Seadistage vestlus automaatselt avanema, kui külastaja lehe laadib:
- Auto open on mobile (Ava mobiilis automaatselt) - avab vestluse mobiilseadmetes automaatselt
- Auto open on desktop (Ava töölaual automaatselt) - avab vestluse lauaarvutites automaatselt
- Open chat with delay (Ava vestlus viivitusega) - lubab enne automaatset avamist viivituse (saadaval ainult siis, kui automaatne avamine on lubatud)
- Delay by (Viivitus) - sekundite arv, mida enne avamist oodata (0-60 sekundit)
Inimsarnane sõnumivahetus (Human-Like Messaging)
Simuleerib inimsarnast tippimist, jagades vastused mitmeks sõnumimulliks, mida kuvatakse järk-järgult lausehaaval:
- Human-Like Messaging - lüliti funktsiooni sisse- või väljalülitamiseks
- Delay Between Bubbles (Mullidevaheline viivitus) - aeg sekundites iga sõnumimulli kuvamise vahel (0-200 sekundit)
Tervitussõnumi mull (Welcome Message Bubble)
Kuvage tervitussõnum vestluse avamisikooni kohal mullina, 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 lubatud.
- Show on desktop (Kuva töölaual) - kuvab tervitussõnumi mulli lauaarvutis
- 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 virnastatult.
Häälsisendit (mikrofoninuppu vestluse sisestusalal) seadistatakse jaotises Settings > Chat Conversation, mitte siin välimuse all.
Tervituskuva (Welcome Screen)
Lülitage vidin spetsiaalsesse avakuva paigutusse, mis tervitab uusi külastajaid suure tervitussõnumiga ning tsentreeritud valgele kaardile virnastatud soovitatud küsimustega. Tervituskuva kuvatakse ainult uue seansi alguses ja see lülitub tavalisele vestlusvaatele kohe, 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äljas)
- Suggested questions intro (Soovitatud küsimuste sissejuhatus) - lühike tekst, mida kuvatakse tervituskuval soovitatud küsimuste kaardi kohal (näiteks "Valige variant või kirjutage sõnum"). Sildi peitmiseks jätke tühjaks. Eeldab, et soovitatud küsimused on seadistatud jaotises Settings > Chat Conversation.
- Hide Human Contact Form (Peida kontaktivorm) - peidab tervituskuva kuvamise ajaks päises oleva kontaktivormi toimingu
- Hide Live Chat (Peida Live Chat) - peidab tervituskuva kuvamise ajaks päises oleva reaalajas vestluse toimingu
Tervituskuva ühildub ka funktsioonidega Lead Collection (Müügivihjete kogumine) ja Privacy Policy consent (Privaatsuspoliitika nõusolek) - kui kumbki neist on vestluse alguses kohustuslik, kuvatakse soovitatud küsimuste asemel tervituskaardil ankeet või nõusolekuküsimus.
Täielikud üksikasjad, paigutusvariandid ja ekraanipildid külastaja vaatest leiate juhendist Tervituskuva.
Päise toimingud (Header Actions)
Määrab, kuidas Live Chat ja Human Contact Form (Kontaktivorm) vestlusvidina päises esitatakse.
- Separate icons (Eraldi ikoonid) - iga toiming saab päises oma ikooni sulgemisnupu kõrval
- Menu (dropdown) (Menüü (rippmenüü)) - mõlemad toimingud liiguvad päisemenüüsse (kolme punkti ikoon), kõrvuti selliste kirjetega nagu "Reset conversation" ja keelevalija, kui need on lubatud
Uued vestlusrobotid kasutavad menüüd, mis hoiab päise toimingute lisandumisel selgena. Enne 2. septembrit 2026 loodud vestlusrobotid säilitavad eraldi ikoonid, mistõttu nende külastajate jaoks midagi ei muutu. Saate vaadet igal ajal vahetada - seade mõjutab ainult esitust, mitte toimingute funktsiooni.
Tüpograafia (Typography)
Määrab kirjatüübi ja teksti suurused kogu vidinas - sõnumites, soovitatud küsimustes, päises, ankeetides ja avaja sildil.
- Widget font (Vidina font) - üks kaheksast kirjatüübist: System default (Süsteemi vaikefont), 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 seadistuse lisandumist, seega ei muutu midagi enne, kui valite teise fondi.
System default ei laadi alla mitte midagi - vidin kasutab fonti, mis on külastaja seadmesse juba installitud. See teeb sellest kiireima valiku ja see sulandub sujuvalt saitidesse, mis kasutavad samuti süsteemset kirjatüüpi, kuid vestlus näeb Windowsis, macOS-is ja Androidis veidi erinev välja. Ülejäänud seitse on Google Fonts kirjatüübid, mille külastaja brauser laadib alla ühe korra. Igal neist on varuvariant, nii et kui külastaja võrk blokeerib Google Fonts teenuse, jääb tekst loetavaks ja paigutus ei lagune.
Fondi fail laaditakse vestlusaknasse endasse. Teie enda lehele lisatakse see ainult siis, kui vidin kuvab teksti väljaspool vestlusakent - Icon with text avaja, minimeeritud vestlusriba või tervitussõnumi mullid. Lihtsat ikooniga avajat kasutav vestlusrobot ei tekita teie lehele lisapäringuid.
Vidina suurus (Widget Size)
Reguleerige, kui suurena avatud vestlusvidin lauaarvutis ja mobiilseadmetes kuvatakse. Igal liuguril on nupp Default (Vaikesäte), mis taastab süsteemsed mõõtmed.
- Desktop width (Töölaua laius) - vidina laius töölaua brauserites pikslites (330-800, vaikimisi 448)
- Desktop height (Töölaua kõrgus) - vidina kõrgus töölaua brauserites 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 kohanduvat suurust. Iga muu väärtus rakendab fikseeritud suuruse.
Mobiilis katab avatud vestlus vaikeväärtuse (100%) korral kogu ekraani. Väiksema protsendi valimine kahandab vidina vastava osani ekraanist ning tsentreerib selle vaateavale, nii et külastajad näevad vestluse ümber endiselt veebilehte.
Liugurite kõrvalt leiate kaks nuppu Save & Preview (Salvesta ja vaata eelvaadet; allpool esile tõstetud) - ühe töölaua ridade ja teise mobiili rea jaoks. Nupule klõpsamine salvestab kõik salvestamata muudatused ja avab seejärel vestluse teie praeguste seadetega eelvaateaknas:
- Töölaua nupp avab tavalise brauseriakna, et näeksite täpset suurust lauaarvuti ekraanil.
- Mobiili nupp avab kompaktse hüpikakna (400 x 700), et vidin kuvataks mobiilipaigutuses, mis on mugav siis, kui reguleerite liugurit Mobile size lauaarvutist.
Suurendamise nupp (sahtlirežiim) (Maximise Button (Drawer Mode))
Sahtlirežiim (Drawer mode) võimaldab külastajal lülitada vestluse ujuvaknast täiskõrguses paneeliks, mis kinnitub ekraani serva, jättes teie lehe selle kõrval nähtavaks. See sobib vestlusteks, mida külastaja jälgib lehte lugedes - pikad vastused, toodete võrdlused, ankeedid või mis tahes rohke tekstiga sisu.
Lubage jaotises Widget Size valik Maximise button (Suurendamise nupp) ja vestluse päisesse ilmub nupp; külastaja otsustab ise, kas seda kasutada. Tema valik jäetakse meelde ülejäänud lehitsemisseansi 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.
- Seaded Desktop width ja Desktop height siin ei kehti - need määravad ainult tavalise ujuvakna suuruse.
- Nuppu kuvatakse ainult lauaarvuti ekraanidel, mis on vähemalt 1200 px laiad ja kus kasutatakse hiirt. Telefonides ja tahvelarvutites ei kuvata seda kunagi, sest vestlus täidab seal niigi terve ekraani. Kui külastaja teeb brauseriakna sellest laiusest kitsamaks, volditakse sahtel tagasi tavalisse aknasse.
- Avaja on sahtli avamise ajaks peidetud; külastaja sulgeb selle päisest või väljub sahtlirežiimist sama nupu abil.
Sahtlirežiim on vaikimisi välja lülitatud, seega ei muutu teie külastajate jaoks midagi enne, kui selle lubate.
Muud välimuse seaded (Other Appearance Settings)
- Widget Shadow (Vidina vari) - lülitage vestlusvidina ümbrise vari sisse või välja
- Open links in (Ava lingid) - valige, kas vestlussõnumites olevad lingid avanevad uuel vahekaardil (new tab) või samal vahekaardil (same tab)
Lauaarvutis kuvatakse vestluse päises ka sulgemisnuppu (X), et külastajad saaksid vestluse tagasi avamisikooniks minimeerida ilma lehte uuesti laadimata. Sulgemisnupp jääb peidetuks, kui vestlus on manusena lisatud iframe'ina või täisekraanirežiimis.
Kohandatud vestluse jalus (Custom Chat Footer)
Lisage kohandatud tekst, mida kuvatakse vestlusvidina allosas (kuni 250 tähemärki). Linkide lisamiseks toetatakse Markdowni. Levinud kasutusviis on lingi lisamine teie privaatsuspoliitikale või kasutustingimustele.
Markdowni näidis:
By chatting you accept our [Privacy Policy](https://www.example.com)
Kohandatud CSS (Custom CSS)
Lisage kohandatud CSS-stiile, et vestlusvidina välimust veelgi täpsemalt kohandada (kuni 5000 tähemärki):
Seotud artiklid
Muudatused salvestatakse automaatselt. Oodake teadet Saved (Salvestatud), seejärel kontrollige vaadet Overview (Ülevaade) ja manustatud vidinat nii töölaual kui ka mobiilis. Seadete eelvaade näitab vestlusakent; avaja paigutust ja lehe tasemel automaatse avanemise toimimist tuleks kontrollida ka oma veebisaidi koodis.
- Kuidas luua oma esimene vestlusrobot
- Vestluse seaded - kirjutage tervitussõnum ja soovitatud küsimused
- Tervituskuva - täisekraanil avakuva paigutus ja selle variandid külastaja vaates
- Kohandatud vormid - koguge külastaja andmeid otse vestluses
- Müügivihjete kogumine