Išvaizdos nustatymai valdo tai, kaip Jūsų pokalbių roboto valdiklis atrodo svetainės lankytojams - antraštę, pranešimų spalvas bei šriftus, paleidimo piktogramą, pasveikinimo ekraną, valdiklio dydį ir daugiau. Čia galite pritaikyti valdiklį prie savo prekės ženklo stiliaus.
Norint keisti stilių, pirmiausia reikia turėti sukurtą pokalbių robotą. Jei jo dar nesukūrėte, pradėkite nuo gido 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), tuomet kairiajame meniu pasirinkite Appearance (Išvaizda).
Dešinėje puslapio pusėje matoma tiesioginė valdiklio peržiūra, kuri atsinaujina keičiant nustatymus.
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 roboto pavadinimu (iki 60 simbolių)
- Avatar (Avataras) - įkelkite pasirinktinį paveikslėlį, kurį lankytojai matys bendraudami su robotu. Naudokite mygtuką Remove (Pašalinti, paryškinta žemiau), kad pašalintumėte esamą paveikslėlį.
- Background (Fonas) - antraštės srities fono spalva
- Name color (Vardo spalva) - roboto pavadinimo teksto spalva
- Tagline color (Paantraštės spalva) - paantraštės teksto spalva
- Reset conversation tooltip (Pokalbio atstatymo paaiškinimas) - paaiškinimo tekstas, rodomas užvedus pelės žymeklį ant pokalbio atstatymo mygtuko antraštėje (iki 40 simbolių, numatytasis: „Reset conversation")
Pranešimai
Pritaikykite pranešimo įvesties laukelį ir pokalbio žinučių išvaizdą:
- Input placeholder (Įvesties vietos rezervavimo tekstas) - tekstas, rodomas naujos žinutės laukelyje valdiklio apačioje (iki 50 simbolių, numatytasis: „Type a message..."). Naudokite jį, kad paskatintumėte lankytojus pradėti rašyti.
- User background (Vartotojo žinučių fonas) - lankytojo išsiųstų žinučių fono spalva
- User text (Vartotojo tekstas) - lankytojo žinučių teksto spalva
- Resp. background (Atsakymo fonas) - roboto atsakymų fono spalva
- Response text (Atsakymo tekstas) - roboto atsakymų teksto spalva
Pranešimų teksto dydis nustatomas skiltyje Tipografija kartu su valdiklio šriftu.
Siūlomi klausimai
Siūlomi klausimai yra paruošti raginimai, kuriuos lankytojas gali paspausti, kad pradėtų pokalbį. Pačius klausimus įrašote skiltyje Settings > Chat Conversation (Nustatymai > Pokalbio eiga); čia nustatote jų mygtukų stilių:
- Background (Fonas) - siūlomų klausimų mygtukų fono spalva
- Text (Tekstas) - siūlomų klausimų mygtukų teksto spalva
- Stack (Išdėstyti vienas po kito) - įjungus šią funkciją, ilgesni siūlomi klausimai išdėstomi vertikaliai vienas po kito, o ne rodoma horizontali slinkties juosta
Siūlomų klausimų teksto dydis nustatomas skiltyje Tipografija.
Sumažinto režimo nustatymai
Valdykite, kaip valdiklis atrodo sumažintas (prieš lankytojui atidarant pokalbį):
- Minimized display mode (Sumažintas rodymo režimas) - pasirinkite iš:
- Icon (Piktograma) - standartinė apvali pokalbio paleidimo piktograma (numatytoji)
- Minified chat bar (Sumažinta pokalbio juosta) - kompaktiška teksto įvesties juosta puslapio apačioje
- Icon with text (Piktograma su tekstu) - platesnis piliulės formos mygtukas: piktograma ir trumpas dviejų eilučių užrašas
- Icon color / Mini bar color (Piktogramos spalva / Mažosios juostos spalva) - paleidimo piktogramos arba mažosios juostos fono spalva
- Custom chat icon (Pasirinktinė pokalbio piktograma, tik piktogramos režimu) - įjunkite, jei norite įkelti savo atidarymo/uždarymo piktogramas
- Position on screen (Padėtis ekrane) - valdiklio vieta kairėje arba dešinėje ekrano pusėje
- Move up chat icon/bar by (Pakelti 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
Piktograma su tekstu
Režimas Icon with text papildo paleidimo piktogramą trumpu užrašu, kad lankytojai suprastų pokalbio paskirtį dar prieš jį atidarydami. Tai naudinga, kai pati piktograma nėra pakankamai aiški - pavyzdžiui, „Parašykite mums / Atsakome iškart" arba „Reikia pagalbos? / Klauskite asistento".
Pasirinkus šį režimą atsiranda keturi 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 tik vienos eilutės
- Text color (Teksto spalva) - užrašo spalva. Jei paliksite nepakeistą, ChatLab parinks juodą arba baltą spalvą automatiškai, atsižvelgiant į fono šviesumą
- Show close cross (Rodyti uždarymo kryžiuką) - prideda nedidelį kryžiuką, kad lankytojai galėtų paslėpti mygtuką
Jei tekstas netelpa, abi eilutės sutrumpinamos daugtaškiu, todėl mygtukas niekada netaps platesnis už ekraną. Atidarius pokalbį, mygtukas vėl susitraukia į apskritimą.
Jei Jūsų pokalbių robotas yra daugiakalbis, abi užrašo eilutės verčiamos kartu su kitais lankytojams rodomais tekstais, todėl kiekvienas lankytojas matys užrašą savo kalba.
Show close cross pagal nutylėjimą yra išjungtas ir prieinamas tik šiame režime. Įjungus šią funkciją, kryžiuką paspaudęs lankytojas paslepia mygtuką visai naršymo sesijai - jis lieka paslėptas vaikštant po puslapius ir vėl pasirodo tik per kitą apsilankymą arba naujoje kortelėje. Automatiškai atsidaryti nustatytas robotas atsižvelgia į šį pasirinkimą ir nebeatsidarys, jei lankytojas jį paslėpė.
Automatinis pokalbių valdiklio atidarymas įkėlus puslapį
Nustatykite, kad pokalbis automatiškai išsiskleistų lankytojams atidarius puslapį:
- Auto open on mobile (Automatiškai atidaryti mobiliuosiuose įrenginiuose) - automatiškai atidaro pokalbį telefonuose ir planšetėse
- Auto open on desktop (Automatiškai atidaryti kompiuteriuose) - automatiškai atidaro pokalbį kompiuterio ekrane
- Open chat with delay (Atidaryti pokalbį su delsa) - nustato delsą prieš atidarymą (prieinama tik įjungus automatinį atidarymą)
- Delay by (Delsa) - laukimo laikas sekundėmis prieš atidarant (0-60 sekundžių)
Į žmogaus panašus susirašinėjimas
Modeliuoja žmogaus rašymo procesą išskaidydamas atsakymus į kelis žinučių burbulus, kurie rodomi paeiliui sakinys po sakinio:
- Human-Like Messaging (Į žmogaus panašus susirašinėjimas) - jungiklis funkcijai įjungti arba išjungti
- Delay Between Bubbles (Delsa tarp burbulų) - laikas sekundėmis tarp atskirų žinučių burbulų rodymo (0-200 sekundžių)
Pasveikinimo žinutės burbulas
Rodykite pasveikinimo žinutę burbule virš paleidimo piktogramos, kad padėtumėte lankytojams pastebėti pokalbį. Ši funkcija veikia tik piktogramos režimu ir neveikia iframe režimu arba kai įjungtas automatinis atidarymas.
- Show on desktop (Rodyti kompiuteriuose) - rodo pasveikinimo žinutės burbulą kompiuterio ekrane
- Show on mobile (Rodyti mobiliuosiuose įrenginiuose) - rodo pasveikinimo žinutės burbulą mobiliuosiuose įrenginiuose
- Delay (Delsa) - laikas sekundėmis po puslapio įkėlimo prieš parodant burbulą (0-60 sekundžių)
Jei turite kelias pasveikinimo žinutes, jos bus rodomos viena virš kitos virš pokalbio piktogramos.
Balso įvestis (mikrofono mygtukas pokalbio laukelyje) konfigūruojama skiltyje Settings > Chat Conversation, o ne čia, išvaizdos nustatymuose.
Pasveikinimo ekranas
Perjunkite valdiklį į specialų pradinį išdėstymą, kuris pasitinka naujus lankytojus didele pasveikinimo žinute ir siūlomais klausimais, pateiktais centre esančioje baltoje kortelėje. Pasveikinimo ekranas rodomas tik naujos sesijos pradžioje ir pereina į įprastą pokalbio rodinį iškart, kai lankytojas išsiunčia pirmąją žinutę.
- Special Welcome Screen (Specialus pasveikinimo ekranas) - įjungia arba išjungia pasveikinimo ekrano režimą (pagal nutylėjimą išjungta)
- Suggested questions intro (Siūlomų klausimų įvadas) - trumpas tekstas virš siūlomų klausimų kortelės pasveikinimo ekrane (pavyzdžiui, „Pasirinkite parinktį arba įveskite žinutę"). Palikite tuščią, jei norite paslėpti tekstą. Reikalauja, kad siūlomi klausimai būtų nustatyti skiltyje Settings > Chat Conversation.
- Hide Human Contact Form (Slėpti kontaktų formą) - paslepia kontaktų formos veiksmą antraštėje, kol rodomas pasveikinimo ekranas
- Hide Live Chat (Slėpti Live Chat) - paslepia Live Chat (tiesioginio pokalbio) veiksmą antraštėje, kol rodomas pasveikinimo ekranas
Pasveikinimo ekranas taip pat integruojasi su Lead Collection (kontaktų rinkimu) ir Privacy Policy consent (privatumo politikos sutikimu) - jei kuris nors iš jų reikalaujamas pokalbio pradžioje, forma arba sutikimo prašymas rodomas pasveikinimo kortelėje vietoje siūlomų klausimų.
Išsamią informaciją, išdėstymo variantus ir lankytojų matomus vaizdus rasite straipsnyje Pasveikinimo ekranas.
Antraštės veiksmai
Valdo, kaip Live Chat ir Human Contact Form pateikiami pokalbių valdiklio antraštėje.
- Separate icons (Atskiros piktogramos) - kiekvienas veiksmas gauna savo 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ė išlieka tvarkinga pridedant daugiau veiksmų. Robotai, sukurti iki 2026 m. rugsėjo 2 d., išlaiko atskiras piktogramas, todėl jų lankytojams niekas nepasikeičia. Pakeisti galite bet kada - šis nustatymas keičia tik atvaizdavimą, o ne pačių veiksmų funkcionalumą.
Tipografija
Nustato šriftą ir teksto dydžius visame valdiklyje - pranešimuose, siūlomuose klausimuose, antraštėje, formose ir paleidimo mygtuko 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 (Pranešimų šrifto dydis) - žinučių teksto dydis (12-24 px)
- Suggested questions font size (Siūlomų klausimų šrifto dydis) - siūlomų klausimų mygtukų dydis (12-24 px)
Inter yra numatytasis šriftas ir atitinka visų pokalbių robotų išvaizdą iki šio nustatymo atsiradimo, todėl niekas nepasikeis, kol nepasirinksite kito šrifto.
Pasirinkus System default, niekas nėra atsisiunčiama - valdiklis naudoja šriftą, jau įdiegtą lankytojo įrenginyje. Tai greičiausias pasirinkimas, kuris puikiai dera svetainėse, pačiose naudojančiose sistemos šriftus, tačiau pokalbio langas šiek tiek skirsis „Windows", „macOS" ir „Android" sistemose. Kiti septyni šriftai yra „Google Fonts", kuriuos lankytojo naršyklė atsisiunčia vieną kartą. Kiekvienas iš jų turi atsarginį šriftą, todėl jei lankytojo tinkle blokuojami „Google Fonts", tekstas išlieka įskaitomas, o maketas nesulūžta.
Šrifto failas įkeliamas tiesiai į pokalbio langą. Į Jūsų puslapį jis įtraukiamas tik tada, kai valdiklis rodo tekstą už pokalbio lango ribų - naudojant Icon with text mygtuką, sumažintą pokalbio juostą arba pasveikinimo pranešimų burbulus. Pokalbių robotas, naudojantis paprastą piktogramą, nesukuria jokių papildomų užklausų Jūsų puslapyje.
Valdiklio dydis
Koreguokite, kokio dydžio atidarytas valdiklis rodomas kompiuteriuose ir mobiliuosiuose įrenginiuose. Šalia kiekvieno slankiklio yra mygtukas Default (Numatytasis), atkuriantis gamyklinius matmenis.
- Desktop width (Kompiuterio ekrano plotis) - valdiklio plotis kompiuterio naršyklėse pikseliais (330-800, numatytasis: 448)
- Desktop height (Kompiuterio ekrano aukštis) - valdiklio aukštis kompiuterio naršyklėse pikseliais (300-770, numatytasis: 660)
- Mobile size (Mobiliojo įrenginio dydis) - valdiklio dydis mobiliuosiuose įrenginiuose kaip ekrano dalis procentais (60-100%, numatytasis: 100%)
Esant numatytajai reikšmei, valdiklis naudoja integruotą prisitaikantį ChatLab dydžio parinkimą. Bet kuri kita reikšmė pritaiko fiksuotą dydį.
Mobiliuosiuose įrenginiuose numatytoji reikšmė (100%) padaro taip, kad atidarytas pokalbis dengia visą ekraną. Pasirinkus mažesnį procentą, valdiklis sumažinamas iki tos ekrano dalies ir išcentruojamas matymo zonoje, todėl lankytojai gali matyti puslapį aplink pokalbio langą.
Šalia slankiklių rasite du mygtukus Save & Preview (Išsaugoti ir peržiūrėti, paryškinta žemiau) - vieną kompiuterio nustatymams, kitą mobiliųjų. Paspaudus mygtuką, išsaugomi visi pakeitimai ir atidaromas peržiūros langas su dabartiniais nustatymais:
- Kompiuterio mygtukas atidaro įprastą naršyklės langą, kad galėtumėte įvertinti tikslų dydį monitoriuje.
- Mobiliojo įrenginio mygtukas atidaro kompaktišką iškylantįjį langą (400 x 700), atvaizduojantį mobiliąją valdiklio versiją. Tai labai patogu reguliuojant slankiklį Mobile size prie stalinio kompiuterio.
Stalčiaus režimas (Drawer Mode)
Drawer mode (Stalčiaus režimas) leidžia lankytojui paversti plaukiojantį langą į viso aukščio šoninį skydelį, pritvirtintą prie ekrano krašto, šalia matant Jūsų puslapio turinį. Tai idealiai tinka pokalbiams, kuriuos lankytojas veda skaitydamas puslapį - ilgiems atsakymams, produktų palyginimams, formoms ar bet kokiam dideliam teksto kiekiui.
Įjunkite šią parinktį, ir pokalbio antraštėje atsiras mygtukas; lankytojas pats sprendžia, ar nori jį naudoti. Pasirinkimas įsimenamas visai naršymo sesijai.
- Skydelis užima pusę naršyklės lango pločio (iki 720 px) ir visada yra per visą ekrano aukštį. Jis prisitvirtina toje pačioje pusėje kaip ir paleidimo piktograma: jei valdiklis buvo kairėje, stalčius atsidarys kairėje.
- Nustatymai Desktop width ir Desktop height čia negalioja - 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šetėse jis niekada nerodomas, nes pokalbis ten ir taip užpildo visą ekraną. Jei lankytojas sumažina naršyklės langą žemiau šio pločio, skydelis automatiškai grįžta į įprastą langą.
- Kai stalčius atidarytas, paleidimo mygtukas yra paslėptas; lankytojas jį uždaro per antraštę arba išeina iš šio režimo tuo pačiu mygtuku.
Stalčiaus režimas pagal nutylėjimą yra išjungtas, todėl Jūsų lankytojams niekas nepasikeis, kol jo neįjungsite.
Kiti išvaizdos nustatymai
- Widget Shadow (Valdiklio šešėlis) - įjunkite arba išjunkite šešėlį aplink pokalbio langą
- Open links in (Atidaryti nuorodas) - pasirinkite, ar nuorodos žinutėse atidaromos naujame lange (new tab), ar tame pačiame lange (same tab)
Kompiuterių ekranuose pokalbio antraštėje taip pat rodomas uždarymo (X) mygtukas, leidžiantis lankytojams sutraukti pokalbį atgal į pradinį mygtuką neperkraunant puslapio. Uždarymo mygtukas lieka paslėptas, kai pokalbis integruotas kaip iframe arba atidarytas per visą ekraną.
Pasirinktinė pokalbio poraštė
Pridėkite 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)
Pasirinktinis CSS
Pridėkite pasirinktinius CSS stilius, kad dar labiau pritaikytumėte valdiklio išvaizdą (iki 5000 simbolių):
Susiję straipsniai
- Kaip sukurti savo pirmąjį pokalbių robotą
- Pokalbio nustatymai - nustatykite pasveikinimo žinutę ir siūlomus klausimus
- Pasveikinimo ekranas - pilno ekrano pradinis išdėstymas ir jo variantai lankytojams
- Pasirinktinės formos - rinkite lankytojų duomenis pokalbio metu
- Kontaktų rinkimas (Lead Collection)