Išvaizdos nustatymai valdo tai, kaip Jūsų pokalbių roboto valdiklis atrodo Jūsų svetainės lankytojams - antraštę, žinučių spalvas ir šriftus, paleidimo piktogramą, pasveikinimo ekraną, valdiklio dydį ir kitus elementus. Čia galite pritaikyti valdiklį prie savo prekės ženklo stiliaus.
Norint keisti stilių, pirmiausia reikia turėti pokalbių robotą. Jei jo dar nesukūrėte, pradėkite nuo straipsnio Kaip sukurti savo pirmąjį pokalbių robotą.
Kur rasti išvaizdos nustatymus
Pasirinkite savo pokalbių robotą ir eikite į Settings > Appearance (Nustatymai > Išvaizda). Pagrindiniame „ChatLab“ puslapyje spustelėkite Chatbots (Pokalbių robotai), atidarykite savo robotą, pasirinkite skirtuką Settings (Nustatymai) ir kairiajame meniu spustelėkite Appearance (Išvaizda).
Tiesioginė valdiklio peržiūra rodoma dešinėje puslapio pusėje ir atsinaujina keičiant nustatymus.
Chat Header (Pokalbio antraštė)
Konfigūruokite viršutinės pokalbių valdiklio dalies išvaizdą:
- Chatbot name (Pokalbių roboto pavadinimas) - rodomas vardas pokalbio antraštėje (iki 60 simbolių)
- Tagline (Paantraštė) - neprivaloma paantraštė, rodoma po pokalbių roboto pavadinimu (iki 60 simbolių)
- Avatar (Avataras) - įkelkite pasirinktinį paveikslėlį, kurį klientai matys bendraudami su robotu. Norėdami pašalinti esamą paveikslėlį, naudokite mygtuką Remove (Pašalinti; paryškintas žemiau).
- Background (Fonas) - antraštės srities fono spalva
- Name color (Vardo spalva) - pokalbių roboto pavadinimo teksto spalva
- Tagline color (Paantraštės spalva) - paantraštės teksto spalva
- Reset conversation tooltip (Pokalbio nustatymo iš naujo paaiškinimas) - tekstas, rodomas užvedus pelės žymeklį ant pokalbio nustatymo iš naujo mygtuko valdiklio antraštėje (iki 40 simbolių, numatytasis: „Reset conversation“)
Message (Žinutė)
Pritaikykite žinutės įvesties laukelį ir pokalbio žinučių išvaizdą:
- Input placeholder (Įvesties vietos rezervavimo tekstas) - tekstas, rodomas naujos žinutės įvesties laukelyje valdiklio apačioje (iki 50 simbolių, numatytasis: „Type a message...“). Naudokite jį, kad paskatintumėte lankytojus pradėti rašyti.
- User background (Vartotojo fonas) - lankytojo siunčiamų žinučių fono spalva
- User text (Vartotojo tekstas) - lankytojo žinučių teksto spalva
- Resp. background (Atsakymo fonas) - pokalbių roboto atsakymų fono spalva
- Response text (Atsakymo tekstas) - pokalbių roboto atsakymų teksto spalva
Žinutės teksto dydis nustatomas skiltyje Tipografija, kartu su valdiklio šriftu.
Suggested Questions (Siūlomi klausimai)
Siūlomi klausimai yra paruošti raginimai, kuriuos lankytojas gali spustelėti, kad pradėtų pokalbį. Pačius klausimus įrašote skiltyje Settings > Chat Conversation (Nustatymai > Pokalbis); čia nustatote, kaip atrodo mygtukai:
- Background (Fonas) - siūlomų klausimų mygtukų fono spalva
- Text (Tekstas) - siūlomų klausimų mygtukų teksto spalva
- Stack (Išdėstyti vertikaliai) - įjungus, ilgesni siūlomi klausimai išdėstomi vertikaliai vienas po kito, užuot rodžius horizontalią slinkties juostą
Siūlomų klausimų teksto dydis nustatomas skiltyje Tipografija.
Minimized-Mode Settings (Suskleisto režimo nustatymai)
Valdykite, kaip pokalbių valdiklis atrodo suskleistas (prieš lankytojui atidarant pokalbį):
- Minimized display mode (Suskleisto rodinio režimas) - pasirinkite vieną iš šių variantų:
- Icon (Piktograma) - standartinė apskrita pokalbio paleidimo piktograma (numatytasis pasirinkimas)
- Minified chat bar (Sumažinta pokalbio juosta) - kompaktiška teksto įvesties juosta, rodoma puslapio apačioje
- Icon with text (Piktograma su tekstu) - platesnis piliulės formos paleidiklis: piktograma ir trumpas dviejų eilučių užrašas
- Icon color / Mini bar color (Piktogramos spalva / Mini juostos spalva) - paleidimo piktogramos arba mini juostos fono spalva
- Custom chat icon (Pasirinktinė pokalbio piktograma; tik piktogramos režimu) - įjunkite, norėdami įkelti pasirinktines pokalbio atidarymo / uždarymo piktogramas
- Position on screen (Padėtis ekrane) - pasirinkite valdiklio vietą kairėje arba dešinėje ekrano pusėje
- Move up chat icon/bar by (Pakelti pokalbio piktogramą / juostą per) - vertikalus poslinkis pikseliais nuo apatinio krašto
- Move icon/bar left/right by (Patraukti piktogramą / juostą kairėn / dešinėn per) - horizontalus poslinkis pikseliais nuo artimiausio ekrano krašto
Icon with Text (Piktograma su tekstu)
Režimas Icon with text prideda trumpą užrašą prie paleidiklio, kad lankytojai suprastų pokalbio paskirtį dar prieš jį atidarydami. Tai praverčia, kai vien piktogramos nepakanka - pavyzdžiui, „Parašykite mums / Atsakome iškart“ arba „Reikia pagalbos? / Paklauskite asistento“.
Pasirinkus šį režimą, atsiranda keturi papildomi nustatymai:
- Label line 1 (1 užrašo eilutė) - pirmoji, ryškesnė užrašo eilutė (iki 60 simbolių)
- Label line 2 (2 užrašo eilutė) - antroji, šviesesnė eilutė (iki 60 simbolių). Palikite tuščią, jei norite vienos eilutės paleidiklio
- Text color (Teksto spalva) - užrašo spalva. Palikus nepakeistą, „ChatLab“ automatiškai parinks juodą arba baltą spalvą, atsižvelgdama į Jūsų paleidiklio fono šviesumą
- Show close cross (Rodyti uždarymo kryžiuką) - prideda nedidelį kryžiuką prie paleidiklio, kad lankytojai galėtų jį paslėpti
Abi eilutės sutrumpinamos daugtaškiu, jei netelpa, todėl paleidiklis niekada netaps platesnis už ekraną. Kai pokalbis atidarytas, paleidiklis vėl susitraukia į apskritimą.
Jei įjungtas daugiakalbystės palaikymas, abi užrašo eilutės verčiamos taip pat, kaip ir kiti lankytojui rodomi tekstai.
Parinktis Show close cross pagal numatytuosius nustatymus yra išjungta ir veikia tik šiame režime. Ją įjungus, kryžiuką spustelėjęs lankytojas paslepia paleidiklį visai likusiai naršymo sesijai - jis lieka paslėptas naršant tarp puslapių ir vėl pasirodo tik per kitą apsilankymą arba naujame skirtuke. Jei nustatyta, kad pokalbių robotas atsidarytų automatiškai, jis atsižvelgia į šį pasirinkimą ir nebeatsidarys, jei lankytojas paleidiklį užvėrė.
Auto Open Chat Widget After Page Load (Automatinis pokalbių valdiklio atidarymas įkėlus puslapį)
Nustatykite, kad pokalbio langas automatiškai išsiskleistų lankytojams įkėlus puslapį:
- Auto open on mobile (Automatiškai atidaryti mobiliuosiuose įrenginiuose) - automatiškai atidaro pokalbį mobiliuosiuose įrenginiuose
- Auto open on desktop (Automatiškai atidaryti kompiuteriuose) - automatiškai atidaro pokalbį kompiuterių ekranuose
- Open chat with delay (Atidaryti pokalbį su delsa) - įjungia delsą prieš automatinį atidarymą (veikia tik tada, kai įjungtas automatinis atidarymas)
- Delay by (Delsa) - sekundžių skaičius, kurį reikia palaukti prieš atidarant (0-60 sekundžių)
Human-Like Messaging (Žmogui būdingas susirašinėjimas)
Imituoja žmogaus rašymo procesą, padalindamas atsakymus į kelis žinučių burbulus, rodomus palaipsniui, po vieną sakinį:
- Human-Like Messaging - perjungiklis funkcijai įjungti arba išjungti
- Delay Between Bubbles (Delsa tarp burbulų) - laikas sekundėmis tarp atskirų žinutės burbulų rodymo (0-200 sekundžių)
Welcome Message Bubble (Pasisveikinimo žinutės burbulas)
Rodykite pasisveikinimo žinutę burbule virš pokalbio paleidimo piktogramos, kad lankytojai lengviau pastebėtų pokalbį. Ši funkcija veikia tik piktogramos režimu ir neveikia „iframe“ režimu arba kai įjungtas automatinis atidarymas.
- Show on desktop (Rodyti kompiuteriuose) - rodyti pasisveikinimo žinutės burbulą kompiuteriuose
- Show on mobile (Rodyti mobiliuosiuose įrenginiuose) - rodyti pasisveikinimo žinutės burbulą mobiliuosiuose įrenginiuose
- Delay (Delsa) - sekundžių skaičius po puslapio įkėlimo, po kurio rodomas burbulas (0-60 sekundžių)
Jei turite kelias pasisveikinimo žinutes, jos bus rodomos viena virš kitos virš pokalbio piktogramos.
Balso įvestis (mikrofono mygtukas pokalbio įvesties laukelyje) konfigūruojama skiltyje Settings > Chat Conversation, o ne čia, išvaizdos nustatymuose.
Welcome Screen (Pasveikinimo ekranas)
Perjunkite valdiklį į specialų pradinį išdėstymą, kuris pasitinka naujus lankytojus didele pasveikinimo žinute ir siūlomais klausimais, išdėstytais centre esančioje baltoje kortelėje. Pasveikinimo ekranas rodomas tik naujos sesijos pradžioje ir pereina į standartinį pokalbio vaizdą, kai tik lankytojas išsiunčia savo pirmąją žinutę.
- Special Welcome Screen (Specialus pasveikinimo ekranas) - įjungia arba išjungia pasveikinimo ekrano režimą (pagal numatytuosius nustatymus išjungta)
- Suggested questions intro (Siūlomų klausimų įvadas) - trumpas tekstas, rodomas virš siūlomų klausimų kortelės pasveikinimo ekrane (pavyzdžiui, „Pasirinkite parinktį arba įveskite žinutę“). Palikite tuščią, jei norite tekstą paslėpti. Tam reikia, kad siūlomi klausimai būtų sukonfigūruoti skiltyje Settings > Chat Conversation.
- Hide Human Contact Form (Slėpti kontakto su žmogumi formą) - paslepia kontaktinės formos veiksmą antraštėje, kol rodomas pasveikinimo ekranas
- Hide Live Chat (Slėpti Live Chat) - paslepia gyvo pokalbio veiksmą antraštėje, kol rodomas pasveikinimo ekranas
Pasveikinimo ekranas taip pat integruojamas su potencialių klientų duomenų rinkimu (Lead Collection) ir Privacy Policy consent (sutikimu su privatumo politika) - jei pokalbio pradžioje reikalaujama kurio nors iš jų, forma arba sutikimo prašymas rodomas pasveikinimo kortelėje vietoj siūlomų klausimų.
Išsamią informaciją, išdėstymo variantus ir lankytojo pusės ekrano kopijas rasite straipsnyje Pasveikinimo ekranas.
Header Actions (Antraštės veiksmai)
Valdo, kaip Live Chat ir kontaktų forma (Human Contact Form) pateikiami pokalbių valdiklio antraštėje.
- Separate icons (Atskiros piktogramos) - kiekvienas veiksmas gauna atskirą piktogramą antraštėje, šalia uždarymo mygtuko
- Menu (dropdown) (Meniu (išskleidžiamasis)) - abu veiksmai perkeliami į antraštės meniu (trijų taškų piktogramą), kartu su tokiomis parinktimis kaip „Reset conversation“ ir kalbos perjungikliu, kai jie yra įjungti
Nauji pokalbių robotai naudoja meniu, todėl antraštė lieka neperkrauta pridedant daugiau veiksmų. Pokalbių robotai, sukurti iki 2026 m. rugsėjo 2 d., išlaiko atskiras piktogramas, todėl jų lankytojams niekas nesikeičia. Nustatymą galite pakeisti bet kada - jis veikia tik pateikimą, o ne pačių veiksmų funkcijas.
Typography (Tipografija)
Nustato šriftą ir teksto dydžius, naudojamus visame valdiklyje - žinutėse, siūlomuose klausimuose, antraštėje, formose ir paleidiklio užraše.
- Widget font (Valdiklio šriftas) - vienas iš aštuonių šriftų: System default (Sistemos numatytasis), „Inter“, „Nunito“, „Lato“, „Montserrat“, „Poppins“, „Source Serif“ ir „JetBrains Mono“
- Message font size (Žinutės šrifto dydis) - žinutės teksto dydis (12-24 px)
- Suggested questions font size (Siūlomų klausimų šrifto dydis) - siūlomų klausimų mygtukų teksto dydis (12-24 px)
Inter yra numatytasis šriftas, atitinkantis kiekvieno roboto išvaizdą iki šio nustatymo atsiradimo, todėl niekas nepasikeis, kol nepasirinksite kito šrifto.
Pasirinkus System default, nesiunčiama jokių failų - valdiklis naudoja šriftą, jau įdiegtą lankytojo įrenginyje. Tai greičiausias variantas, puikiai derantis svetainėse, kurios pačios naudoja sistemos šriftą, tačiau pokalbis „Windows“, „macOS“ ir „Android“ sistemose atrodys šiek tiek skirtingai. Kiti septyni yra „Google Fonts“ šriftai, kuriuos vieną kartą atsisiunčia lankytojo naršyklė. Kiekvienas iš jų turi atsarginį variantą, todėl jei lankytojo tinkle „Google Fonts“ blokuojami, tekstas išliks įskaitomas, o maketas nesubyrės.
Šrifto failas įkeliamas į patį pokalbio langą. Į Jūsų svetainės puslapį jis pridedamas tik tada, kai valdiklis rodo tekstą už pokalbio lango ribų - paleidiklyje Icon with text, sumažintoje pokalbio juostoje arba pasveikinimo žinutės burbuluose. Pokalbių robotas, naudojantis paprastą piktogramos paleidiklį, nekuria jokių papildomų užklausų Jūsų puslapyje.
Widget Size (Valdiklio dydis)
Nustatykite, kokio dydžio atidarytas pokalbių valdiklis rodomas kompiuteriuose ir mobiliuosiuose įrenginiuose. Kiekvienas slankiklis turi mygtuką Default (Numatytasis), kuris atkuria standartinius matmenis.
- Desktop width (Plotis kompiuterio ekrane) - valdiklio plotis kompiuterio naršyklėje pikseliais (330-800, numatytasis: 448)
- Desktop height (Aukštis kompiuterio ekrane) - valdiklio aukštis kompiuterio naršyklėje pikseliais (300-770, numatytasis: 660)
- Mobile size (Dydis mobiliajame įrenginyje) - valdiklio dydis mobiliuosiuose įrenginiuose, procentais nuo ekrano (60-100 %, numatytasis: 100 %)
Naudojant numatytąją reikšmę, valdiklis taiko vidinį „ChatLab“ prisitaikantį dydį. Bet kuri kita reikšmė pritaiko fiksuotą dydį.
Mobiliuosiuose įrenginiuose dėl numatytosios reikšmės (100 %) atidarytas pokalbis uždengia visą ekraną. Pasirinkus mažesnį procentą, valdiklis sumažinamas iki tos ekrano dalies ir centruojamas matymo lauke, todėl lankytojai aplink pokalbį vis tiek mato puslapį.
Šalia slankiklių rasite du mygtukus Save & Preview (Išsaugoti ir peržiūrėti; paryškinti žemiau) - vieną kompiuterio eilutėms, kitą mobiliojo įrenginio eilutei. Spustelėjus mygtuką, išsaugomi visi neišsaugoti pakeitimai ir atidaromas pokalbis peržiūros lange su dabartiniais nustatymais:
- Kompiuterio mygtukas atidaro įprastą naršyklės langą, kad matytumėte tikslų dydį kompiuterio ekrane.
- Mobiliojo įrenginio mygtukas atidaro kompaktišką iškylantįjį langą (400 x 700), kad valdiklis būtų pateiktas mobiliuoju formatu - tai patogu derinant slankiklį Mobile size kompiuteryje.
Maximise Button (Drawer Mode) (Išskleidimo mygtukas (stalčiaus režimas))
Stalčiaus režimas (Drawer mode) leidžia lankytojui paversti pokalbį iš plaukiojančio lango į viso aukščio skydelį, pritvirtintą prie ekrano krašto, šalia matant Jūsų svetainės puslapį. Tai patogu pokalbiams, kuriuos lankytojas veda skaitydamas puslapį - ilgiems atsakymams, produktų palyginimams, formoms ar bet kokiam turiniui su daug teksto.
Įjunkite parinktį Maximise button (Išskleidimo mygtukas) skiltyje Widget Size, ir pokalbio antraštėje atsiras mygtukas; lankytojas pats nusprendžia, ar juo naudotis. Jo pasirinkimas įsimenamas visai likusiai naršymo sesijai.
- Skydelio plotis lygus pusei naršyklės lango (iki 720 px), o aukštis visada užima visą ekraną. Jis tvirtinamas prie tos pačios pusės kaip ir Jūsų paleidiklis, todėl kairėje esantis valdiklis atidaro stalčių kairėje pusėje.
- Nustatymai Desktop width ir Desktop height čia netaikomi - jie nustato tik įprasto plaukiojančio lango dydį.
- Mygtukas rodomas tik kompiuterių ekranuose, kurių plotis ne mažesnis kaip 1200 px, naudojant pelę. Telefonuose ir planšetiniuose kompiuteriuose jis niekada nerodomas, nes pokalbis ten jau ir taip užpildo visą ekraną. Jei lankytojas sumažina naršyklės langą žemiau šio pločio, stalčius vėl susiskleidžia į įprastą langą.
- Kol stalčius atidarytas, paleidiklis yra paslėptas; lankytojas uždaro jį iš antraštės arba išeina iš stalčiaus režimo tuo pačiu mygtuku.
Stalčiaus režimas pagal numatytuosius nustatymus yra išjungtas, todėl Jūsų lankytojams niekas nesikeičia, kol patys jo neįjungsite.
Kiti išvaizdos nustatymai
- Widget Shadow (Valdiklio šešėlis) - įjunkite arba išjunkite šešėlį aplink pokalbių valdiklio rėmelį
- Open links in (Nuorodas atidaryti) - pasirinkite, ar pokalbio žinutėse esančios nuorodos atidaromos naujame skirtuke (new tab), ar tame pačiame skirtuke (same tab)
Kompiuteriuose pokalbio antraštėje taip pat rodomas uždarymo (X) mygtukas, kad lankytojai galėtų suskleisti pokalbį atgal į paleidiklį neperkraudami puslapio. Uždarymo mygtukas lieka paslėptas, kai pokalbis įterptas kaip „iframe“ arba rodomas viso ekrano režimu.
Custom Chat Footer (Pasirinktinė pokalbio poraštė)
Pridėkite pasirinktinį tekstą, rodomą pokalbių valdiklio apačioje (iki 250 simbolių). Nuorodoms įterpti palaikomas „Markdown“ formatavimas. Dažniausiai čia pateikiama nuoroda į privatumo politiką arba paslaugų teikimo sąlygas.
„Markdown“ pavyzdys:
By chatting you accept our [Privacy Policy](https://www.example.com)
Custom CSS (Pasirinktinis CSS)
Pridėkite pasirinktinius CSS stilius, kad dar labiau pritaikytumėte pokalbių valdiklio išvaizdą (iki 5000 simbolių):
Susiję straipsniai
Pakeitimai išsaugomi automatiškai. Palaukite, kol pasirodys pranešimas Saved (Išsaugota), tada patikrinkite skiltį Overview (Apžvalga) ir įterptą valdiklį kompiuteryje bei mobiliajame įrenginyje. Nustatymų peržiūroje matomas pokalbio langas; paleidiklio vietą ir puslapio lygio automatinio atidarymo elgseną taip pat reikėtų patikrinti įterpus į savo svetainę.
- Kaip sukurti savo pirmąjį pokalbių robotą
- Pokalbio nustatymai - parašykite pasveikinimo žinutę ir siūlomus klausimus
- Pasveikinimo ekranas - viso ekrano pradinis išdėstymas ir jo variantai lankytojams
- Pasirinktinės formos - rinkite lankytojų duomenis tiesiogiai pokalbyje
- Potencialių klientų duomenų rinkimas