Kuinka mukauttaa chat-widgettisi

15. huhtikuuta 2026

Mukauta chat-widgettisi värejä, logoa, sijaintia, tervehdyksiä ja paljon muuta suoraan hallintapaneelista — koodia ei tarvita.

Mitä voit mukauttaa

Widgetin mukautuspaneeli on jaettu kuuteen accordion-osioon. Jokainen osio hallitsee eri näkökohtaa siitä, miten widget näyttää ja toimii vierailijoillesi. Avaa kukin osio napsauttamalla sen otsikkoa — oikealla oleva reaaliaikainen esikatselu päivittyy heti muutoksia tehdessäsi.

Widgetin brändäys — taustaväri, tekstiväri, brändilogo, tekoälyagentin nimi ja kuvake, widgetin otsikko, widgetin viesti, aloituspainikkeen teksti ja LenoChatin brändäyksen näkyvyys.
Chat-sisältö — tervehdysviesti, joka näytetään vierailioille ennen chatin aloittamista, sekä näytetäänkö agentin profiilikuva ja nimi aktiivisen keskustelun aikana.
Kanavat — lisää WhatsApp-, Instagram- ja Facebook Messenger -yhteystietolinkkit widgettiin, jotta vierailijat voivat tavoittaa sinut haluamallaan alustalla.
Keskustelun aloitukset — luo enintään 10 valmiiksi kirjoitettua kysymys-vastaus-sirua, jotka näkyvät widgetissä ja ohjaavat vierailijat välittömästi yleisiin aiheisiin.
Chat-kupla — hallitse pienennetyn widgetin sijaintia (näytön vasemmalla tai oikealla puolella), lisää kuplan yläpuolelle leijuva teaserviesti ja vaihda äänihälytykset saapuville viesteille.
Tilausten seuranta — jos Shopify-kauppasi on yhdistetty, näytä widgetissä tilauksen seurantakortti ja alanavigaatiopikakuvake, jotta asiakkaat voivat itse tarkistaa tilauksen tilan.

Widgetin mukautusasetusten käyttäminen

Kaikki mukautusvaihtoehdot sijaitsevat yhdessä paneelissa LenoChat-hallintapaneelissasi. Pääset siihen muutamalla napsautuksella, ja jokainen tekemäsi muutos näkyy reaaliajassa näytön oikealla puolella olevassa widgetisimulaattorissa ennen tallentamista.

Vaihe 1: Kirjaudu sisään LenoChat-hallintapaneeliisi.
Vaihe 2: Napsauta Asetukset vasemmanpuoleisessa navigointipalkissa.
Vaihe 3: Valitse Widgetin mukautus asetusvalikosta.
Vaihe 4: Mukautuspaneeli avautuu accordion-asettelulla. Napsauta mitä tahansa osion otsikkoa laajentaaksesi sen. Oikealla oleva reaaliaikainen esikatselu heijastaa muutoksesi reaaliajassa.
Vaihe 5: Kun olet tyytyväinen kaikkien osioiden muutoksiin, napsauta Tallenna-painiketta. Vahvistusviesti vahvistaa, että asetukset on otettu käyttöön.

LenoChat-widgetin mukautusasetusten paneelin yleiskatsaus, jossa näkyy accordion-osiot hallintapaneelissa

Widgetin brändäys: värit, logo ja identiteetti

Widgetin brändäys -osio hallitsee chat-widgettisi visuaalista identiteettiä. Sovita se täsmälleen brändisi väripalettiin, lataa mukautettu logo, konfiguroi otsikkoteksti ja aseta chat-aloituspainikkeen etiketti. Nämä asetukset saavat widgetin tuntumaan verkkosivustosi luonnolliselta osalta eikä kolmannen osapuolen työkalulta.

Taustaväri — valitse 5 valmiiksi asetetusta brändiväristä (#0078D4 sininen, #76B5C5 turkoosi, #EAB676 kulta, #E28743 oranssi, #EEEEE4 kerma) tai anna mikä tahansa mukautettu hex-arvo värinvalitsimella.
Tekstiväri — valitse valkoinen (#FFFFFF) tai tumma (#252423) varmistaaksesi luettavuuden valitun taustavärin kanssa. LenoChat laskee luminanssin ehdottaakseen parempaa vaihtoehtoa, mutta voit ohittaa sen.
Brändilogo — lataa enintään 5 Mt:n kuvatiedosto korvataksesi widgetin otsikossa olevan oletusarvoisen LenoChat-logon omalla brändimerkillä. PNG-, JPG-, WebP- ja SVG-muodot hyväksytään.
Widgetin otsikko — aseta avoimen chat-widgetin yläosassa näytettävä otsikko, enintään 100 merkkiä. Yleisiä esimerkkejä: yrityksesi nimi, 'Chattaa kanssamme' tai 'Kuinka voimme auttaa?'
Widgetin viesti — aseta lyhyt tukitekstirivi, joka näytetään otsikon alla, enintään 100 merkkiä. Käytä tätä vastausaika-odotusten asettamiseen: esimerkiksi 'Vastaamme tavallisesti alle minuutissa.'
Aloituspainikkeen teksti — mukauta widgetin ensisijaisen toimintopainikkeen etiketti, enintään 50 merkkiä. Oletusetiketti on 'Aloita chat', mutta voit personoida sen esimerkiksi 'Puhu meille', 'Hanki apua' tai mihin tahansa brändiisi sopivaan lauseeseen.
Widgetin kieli — valitse näyttökieli kaikille vierailijoille näkyville staattisille käyttöliittymäelementeille, mukaan lukien painikkeiden etiketit, syöttökenttien paikkamerkit, aikaleimät ja järjestelmäviestit.

LenoChat-chat-widgetin avoinna oleva tila, jossa näkyy mukautettu taustaväri, brändilogo ja widgetin otsikko

Tip: Valitse taustaväri, joka kontrastoi selkeästi valkoisen tekstin kanssa. Erittäin vaaleat värit, kuten #EEEEE4 (kerma), tulisi yhdistää tumman tekstivärin asetukseen, jotta painikkeiden etiketit ja otsikot pysyvät luettavina kaikille vierailijoille, mukaan lukien näkövammaiset.

Vain Pro-tilille: brändäysominaisuudet

Kaksi brändäysvaihtoehtoa on yksinoikeudella Pro-suunnitelman työtiloja varten: tekoälyagentin visuaalisen identiteetin mukauttaminen ja LenoChatin brändäystunnuksen poistaminen. Free- ja Plus-suunnitelmissa nämä vaihtoehdot ovat näkyvissä paneelissa mutta lukittuina — napsauttaminen avaa päivityskehotteen.

LenoChat-brändäys — Free- ja Plus-suunnitelmissa jokaisen widgetin alaosassa näkyy 'Powered by LenoChat' -tunnus. Pro-suunnitelman työtilat voivat piilottaa tämän tunnuksen vaihtamalla Widgetin brändäys → LenoChat-brändäys pois päältä.
Leno AI -agentin nimi — Pro-suunnitelman työtilat voivat korvata oletustekoälyagentin nimen ('Leno AI') mukautetulla nimellä, enintään 40 merkkiä. Mukautettu nimi näkyy widgetissä tekoälyn luomien viestien vieressä, antaen tekoälylle brändiisi sopivan persoonan.
Leno AI -kuvake — Pro-suunnitelman työtilat voivat ladata mukautetun avatarin tekoälyagentille (max. 1 Mt, suositellaan 256×256 px). Tämä mukautettu kuvake näkyy kaikkien Leno AI:n luomien viestien vieressä korvaten oletusarvoisen Leno AI -avatarin.

Chat-sisältö: tervehdysviesti ja agentin profiili

Chat-sisältö -osio määrittää, mitä vierailijat näkevät avatessaan widgetin ja miten agentit näkyvät live-keskustelun aikana. Kaksi asetusta toimivat yhdessä luodakseen tervetulleen ja personoidun chat-kokemuksen.

Tervehdysviesti — ota käyttöön tervetultoviesti, joka näytetään chat-widgetin yläosassa, kun vierailija avaa sen. Kirjoita viestisi (enintään 250 merkkiä) tekstikenttään, sitten vaihda Ota tervehdysviesti käyttöön päälle. Kun poistettu käytöstä, widget avautuu suoraan chatin syöttöalueelle ilman johdantotekstiä.
Näytä agentin profiili — kun tämä kytkin on päällä, määritetyn agentin profiilikuva ja näyttönimi näkyvät widgetin otsikossa aktiivisen keskustelun aikana. Tämä personoi vuorovaikutusta ja auttaa vierailijoita tunnistamaan, kenen kanssa he puhuvat. Kun poistettu käytöstä, otsikossa näytetään vain widgetin oletustitteli ja logo riippumatta siitä, mikä agentti hoitaa chatin.
Agentin profiilikuvan lisäämiseksi jokaisen agentin on ladattava kuva omiin profiiliasetuksiinsa kohdassa Oma tili → Profiilikuva. Widgetin mukautuspaneeli hallitsee vain sitä, näytetäänkö kuvia — kuvan lataaminen tehdään agenttitasolla.

Chat-kupla: sijainti ja ilmoitukset

Chat-kupla-osio hallitsee, miten widget näkyy minimoituna verkkosivustollasi. Voit valita, missä näytön kulmassa kupla sijaitsee, lisätä sen yläpuolelle leijuvan teaserviestin huomion herättämiseksi ja ottaa käyttöön äänivaroituksen, jotta vierailijat saavat ilmoituksen uuden viestin saapuessa.

Kuplan sijainti — vaihda vasemman ja oikean välillä sijoittaaksesi pienennetty chat-kupla vierailijan näytön vasempaan alakulmaan tai oikeaan alakulmaan. Oikea on oletussijainti ja yleisin. Muutos tulee voimaan live-verkkosivustollasi välittömästi tallennuksen jälkeen.
Chat-kuplan viesti — ota käyttöön pieni ponnahdusikkunateaserteksti, joka leijuu chat-kuplan yläpuolella. Anna viestisi (enintään 100 merkkiä) tekstikenttään ja vaihda Ota chat-kuplan viesti käyttöön päälle. Tehokas teaserviesti ('Kysymyksiä? Olemme täällä!') voi merkittävästi lisätä widgetin avausastetta houkuttelemalla vierailijoita, jotka muuten saattaisivat ohittaa kuplan.
Ääni-ilmoitus — vaihda Ota vierailijoille ääni-ilmoitus käyttöön päälle toistaaksesi äänimerkin vierailijan selaimessa, kun agentilta tai Leno AI:lta saapuu uusi viesti. Tämä on erityisen hyödyllistä vierailijoille, jotka pitävät chatin avoimena taustakuvakkeessa — he kuulevat äänimerkin ja palaavat keskusteluun menettämättä vastausta.

Tip: Sijoita chat-kupla näytön vastakkaiselle puolelle evästeiden hyväksymisbannerin, kelluvien toimintopainikkeiden tai ostoskorin widgetin kanssa. Päällekkäiset käyttöliittymäelementit vähentävät chatin avausastetta — vierailijat sulkevat chat-kuplan joskus vahingossa yrittäessään olla vuorovaikutuksessa toisen elementin kanssa.

Kanavat: WhatsAppin, Instagramin ja Facebookin lisääminen

Kanavat-osion avulla voit näyttää WhatsAppin, Instagramin ja Facebook Messengerin yhteystietolinkit suoraan chat-widgetissä. Vierailijat voivat napauttaa tai napsauttaa kanavan kuvaketta avatakseen keskustelun haluamallaan alustalla poistumatta verkkosivustoltasi.

Vaihe 1: Laajenna Kanavat-osio ja vaihda Näytä muut kanavat chat-widgetissä päälle.
Vaihe 2: Valitse Näyttötyyppi-kohdassa Vain kuvake kompaktia ulkoasua varten tai Kuvake + teksti näyttääksesi alustan nimen jokaisen kuvakkeen vieressä.
Vaihe 3: Ota käyttöön jokainen alusta, jonka haluat lisätä, ja anna yhteystietosi. WhatsApp vaatii puhelinnumeron (10–15 numeroa, valinnaisesti + alkuinen). Instagram vaatii käyttäjänimesi (1–30 merkkiä, kirjaimia, numeroita, pisteitä ja alaviivoja). Facebook vaatii sivusi tunnuksen (vain numerot, löytyy Facebook-sivusi asetuksista).
Vaihe 4: Tallenna muutoksesi. Mobiililaitteilla kanavalinkkit avaavat natiivisovelluksen suoraan (WhatsApp-sovellus, Instagram-sovellus, Facebook Messenger -sovellus). Pöytäkoneella linkit avaavat kunkin alustan web-version.
Voit ottaa yksittäiset kanavat käyttöön tai poistaa ne käytöstä itsenäisesti. Voit esimerkiksi näyttää WhatsAppin ja Instagramin pitäen Facebookin piilotettuna ilman, että sinun tarvitsee poistaa Facebook-sivusi tunnusta.

LenoChat-chat-widget, joka näyttää WhatsApp-, Instagram- ja Facebook-kanavalinkkit kuvake- ja tekstiasettelulla

Keskustelun aloitukset: mukautetut kysymys-vastaus-ehdotukset

Keskustelun aloitukset ovat valmiiksi kirjoitettuja kysymys-vastaus-pareja, jotka näkyvät napautettavina ehdotussiruina avoimen chat-widgetin sisällä. Kun vierailija napauttaa aloitusta, kysymys lähetetään automaattisesti ja konfiguroitu vastaus näkyy heti — ei odotusaikaa, ei ihmisagenttia tarvita. Tämä on erityisen tehokasta vierailijoiden ohjaamissa yleisimpiin tietopyyntöihin.

Voit luoda enintään 10 keskustelun aloitusta per työtila. Jokainen aloitus koostuu lyhyestä vierailijalle näkyvästä kysymyksestä ja pidemmästä vastauksesta, joka toimitetaan, kun kysymystä naputetaan.
Jokainen aloitus voidaan ottaa käyttöön tai poistaa käytöstä yksilöllisesti ilman sen poistamista. Poista aloitus väliaikaisesti käytöstä, kun tiedot ovat vanhentuneet (esimerkiksi kausiluonteinen kampanja), ja ota se myöhemmin uudelleen käyttöön ilman tarvetta luoda sitä uudelleen.
Järjestä aloitukset uudelleen vetämällä niitä ylös ja alas listassa. Tässä asettamasi järjestys on täsmälleen se järjestys, jonka vierailijat näkevät widgetissä — laita useimmin esitetyt kysymykset ensin.
Aloituksen lisääminen: napsauta Lisää keskustelun aloitus, kirjoita kysymysteksti (pidä se lyhyenä ja toimintakeskeisenä — esimerkiksi 'Mikä on toimitusaikanne?'), kirjoita tai liitä mukautettu vastauksesi, sitten tallenna. Keskustelun aloitusten vastaukset tukevat pelkkää tekstiä noin 2 000 merkkiin asti.
Aloituksen poistaminen: napsauta aloituskortissa olevaa poistokuvaketta. Poistaminen on välitöntä eikä sitä voi kumota. Poista käytöstä mieluummin kuin poista, jos saatat tarvita aloitusta uudelleen.

Offline-lomake: liidien kerääminen aukioloaikojen ulkopuolella

Kun tiimisi ei ole tavoitettavissa ja Leno AI:ta ei ole konfiguroitu jatkamaan keskustelujen käsittelyä, widget voi näyttää offline-yhteydenottolomakkeen, jotta vierailijat voivat jättää yhteystietonsa ja viestinsä. Tämä varmistaa, ettei yhtään tiedustelua katoa aukioloaikojen ulkopuolella.

Vaihe 1: Napsauta widgetin mukautuspaneelissa yläosassa olevaa Offline-välilehteä (Ulkoasu-välilehden vieressä).
Vaihe 2: Vaihda Ota offline-lomake käyttöön päälle.
Vaihe 3: Mukauta lomakkeen otsikko (esimerkiksi 'Olemme poissa juuri nyt'), tukeva kuvaus ja kerättävät kentät. Nimi-, sähköposti- ja puhelinkentät voidaan asettaa valinnaisiksi tai pakollisiksi tarpeidesi mukaan.
Vaihe 4: Aseta vahvistusviesti, jonka vierailijat näkevät lomakkeen lähettämisen jälkeen — esimerkiksi 'Kiitos! Vastaamme yhden arkipäivän kuluessa.'
Vaihe 5: Tallenna muutoksesi. Offline-lomake aktivoituu automaattisesti, kun työtilasi on chat-tuntiasetuksissa määrittämäsi aukioloajan ulkopuolella.

Offline-lomakeasetusten käyttöönotto LenoChat-widgetin mukautuksessa vierailijoiden yhteystietojen keräämiseksi aukioloaikojen ulkopuolella

Offline-viesti: poissaoloviestin asettaminen

Offline-viesti on teksti, joka näytetään vierailijoille, kun he avaavat widgetin määritettyjen aukioloaikojen ulkopuolella eikä offline-lomaketta ole otettu käyttöön. Selkeä ja hyödyllinen offline-viesti asettaa odotuksia ja voi ohjata vierailijat omatoimipalveluihin tai vaihtoehtoisiin yhteydenottotapoihin.

Vaihe 1: Napsauta widgetin mukautuksessa Offline-välilehteä.
Vaihe 2: Kirjoita offline-viestin alle poissaoloviestisi. Ole tarkka vastausajastasi — esimerkiksi: 'Olemme tällä hetkellä offline. Jätä sähköpostiosoitteesi ja vastaamme yhden arkipäivän kuluessa.'
Vaihe 3: Tallenna muutoksesi. Viesti näytetään automaattisesti vierailijoille, jotka avaavat widgetin määritettyjen aukioloaikojen ulkopuolella.

Offline-viestikonfiguraatio LenoChat-widgetin mukautuksessa, jossa näkyy poissaoloviesti ja odotetun vastausajan asetukset

Yleiset ongelmat ja ratkaisut

Muutokset tallennettu, mutta verkkosivustoni widget näyttää edelleen samalta

Widgetin asetukset tallentuvat vierailijan selaimen välimuistiin. Tallennettuasi muutokset hallintapaneelissa tee pakollinen päivitys verkkosivustosivulla (Ctrl+Shift+R Windows/Linux:ssa, Cmd+Shift+R Macissa) ohittaaksesi välimuistin. Uudet vierailijat saavat aina uusimman konfiguraation heti tallennuksen jälkeen.

Mukautettu logoni ei näy widgetissä

Tarkista, että ladattu tiedosto on alle 5 Mt ja tuettua muotoa (PNG, JPG, WebP tai SVG). Jos tiedosto on kelvollinen eikä logo silti näy, poista olemassa oleva logomerkintä, tallenna, lataa tiedosto uudelleen ja tallenna uudelleen — tämä pakottaa kuvan uudelleenkäsittelyn. Varmista, että latauksen edistymisindikaattori on täysin valmis ennen Tallenna-napsauttamista.

LenoChat-brändäyksen kytkin on harmaana

'Powered by LenoChat' -tunnuksen poistaminen on Pro-suunnitelman ominaisuus. Jos kytkin näyttää 'Pro'-tunnuksen eikä sitä voi napsauttaa, työtilasi on Free- tai Plus-suunnitelmassa. Siirry kohtaan Asetukset → Laskutus ja päivitä Pro:hon tämän vaihtoehdon avaamiseksi.

Tekoälyagentin nimi- tai kuvakevaihtoehto on lukittu

Tekoälyagentin nimen ja kuvakkeen mukauttaminen ovat molemmat Pro-suunnitelman ominaisuuksia. Jos jompikumpi vaihtoehto näyttää 'Pro'-etiketin eikä ole vuorovaikutteinen, päivitä työtilasi kohdassa Asetukset → Laskutus. Pro-suunnitelmaan siirryttyä molemmat kentät muuttuvat muokattaviksi widgetin brändäys -osiossa.

Kanavalinkkit eivät näy widgetissä

Tarkista kolme asiaa: pääkytkin Näytä muut kanavat on päällä, jokainen yksittäinen kanava on käytössä ja jokaiselle näkyvälle kanavalle on syötetty kelvollisia yhteystietoja (oikea puhelinnumeron muoto WhatsAppille, kelvollinen käyttäjänimi Instagramille, pelkästään numeroista koostuva sivutunnus Facebookille). Tallenna korjausten jälkeen ja tee pakollinen päivitys verkkosivustosivulla.

Usein kysytyt kysymykset

Voinko käyttää mitä tahansa hex-väriä widgetin taustana?

Kyllä. Värinvalitsin hyväksyy minkä tahansa kelvollisen hex-koodin, joten et ole rajoittunut 5 valmiiseen väriin. Anna brändisi tarkka hex-arvo pikseliä vastaavaksi vastaavuudeksi verkkosivustosi suunnittelun kanssa. Tekstivärin asetus on itsenäinen ja se tulee säätää erikseen luettavuuden ylläpitämiseksi.

Vaikuttavatko widgetin asetusmuutokset kaikkiin verkkosivustoihin, joilla widget on asennettuna?

Kyllä. Widgetin mukautusasetukset koskevat globaalisti kaikkia LenoChat-widgettisi asennuksia kaikilla työtilasi verkkosivustoilla. Muutokset tulevat voimaan uusille vierailijoille heti tallennuksen jälkeen. Jos tarvitset erilaisia widgetin konfiguraatioita eri verkkosivustoille, jokainen verkkosivusto vaatisi erillisen LenoChat-työtilan.

Voinko poistaa 'Powered by LenoChat' -tunnuksen?

Kyllä, mutta vain Pro-suunnitelmassa. Siirry kohtaan Widgetin brändäys → LenoChat-brändäys ja vaihda se pois päältä. Tämä vaihtoehto ei ole saatavilla Free- tai Plus-suunnitelmassa. Päivitä Pro:hon kohdassa Asetukset → Laskutus avataksesi brändäyksen poistamisen.

Kuinka monta keskustelun aloitusta voin lisätä?

Voit lisätä enintään 10 keskustelun aloitusta per työtila. Jokainen aloitus voidaan ottaa käyttöön tai poistaa käytöstä yksilöllisesti ilman sen poistamista, ja voit järjestää ne uudelleen vetämällä. Vain käytössä olevat aloitukset ovat vierailijoille näkyvissä widgetissä.

Voinko esikatsella widgetin muutoksia ennen niiden julkaisemista?

Kyllä. Widgetin mukautuspaneeli sisältää reaaliaikaisen esikatselun näytön oikealla puolella, joka päivittyy reaaliajassa asetusten säätämisen yhteydessä. Väri-, teksti-, kuplan sijainti- ja asettelumuutokset ovat kaikki näkyvissä esikatselussa ennen Tallenna-napsauttamista.

Mihin widgetin kielen vaihtaminen vaikuttaa?

Widgetin kielen vaihtaminen päivittää kaikki staattiset käyttöliittymätekstielementit — mukaan lukien painikkeiden etiketit, syöttökenttien paikkamerkkitekstit, järjestelmäviestit ja aikaleimät — valittuun kieleen. Se ei muuta tekoälyn vastausten tai agentin vastausten kieltä, jotka on konfiguroitu erikseen Leno AI -asetuksissa.

Voivatko mobiililaitteilla olevat vierailijat napauttaa WhatsApp-, Instagram- ja Facebook-linkkejä widgetissä?

Kyllä. LenoChat luo alustakohttaiset syvälinkit mobilivierailijoille. WhatsApp-linkin napauttaminen mobiililaitteella avaa WhatsApp-sovelluksen suoraan. Pöytäkoneella sama linkki avaa WhatsApp Webin. Sama syvälinkkikäyttäytyminen koskee Instagramia ja Facebook Messengeriä.