- Dokumentaatio
- Ulkoasu
Ulkoasu
Muokkaa chatbot-widgetin värejä, logoa, fonttia ja teemaa brändisi mukaiseksi.
Ulkoasu-välilehdellä muokkaat chatbotin ulkoasua. Kaikki muutokset näkyvät reaaliajassa esikatselussa editorin oikeassa reunassa.
Identiteetti
Ensimmäisessä osiossa määrität botin tunnistettavuuden.
Botin nimi
Näyttönimi, joka näkyy chat-ikkunan otsikossa. Esimerkiksi "Yritys Oy:n avustaja" tai "Kauppa-assistentti".
Otsikkologo
Yrityksen logo chat-ikkunan yläreunassa. Kuvan enimmäisleveys on 256 pikseliä. Suosittelemme PNG-kuvaa läpinäkyvällä taustalla.
Botin avatar
Pieni kuva, joka näkyy botin viestien vieressä. Enimmäiskoko 128 pikseliä. Jos et lataa omaa kuvaa, voit valita valmiin ikonin.
Varaavatar-ikoni
Jos et käytä omaa avatar-kuvaa, valitse ikoni näistä vaihtoehdoista:
- Robot -- Klassinen bottikuvake
- Assistant -- Ihmismäinen avustaja
- Sparkle -- Tekoälytähti
- Logo -- Aihion oma logo
Chat-kuplan ikoni
Ikoni, joka näkyy kelluvassa avauspainikkeessa (launcher). Vaihtoehtoja on useita: chat, send, heart, star, bell, gift ja muita.
Teema ja värit
Toisessa osiossa hallitset värimaailmaa ja teemaa.
Teematila
| Tila | Kuvaus |
|---|---|
| Auto | Seuraa käyttäjän laitteen asetusta |
| Light | Vaalea teema |
| Dark | Tumma teema |
Teeman esiasetus
Valmiita teemakokonaisuuksia, joiden saatavuus riippuu tilauspaketista. Ilmaisella paketilla käytettävissä on perusteemat. Starter-paketista alkaen saat lisää vaihtoehtoja.
Värit
| Asetus | Käyttötarkoitus |
|---|---|
| Pääväri (Primary) | Otsikkopalkki, lähetä-painike, linkit ja korostukset |
| Tekstin väri | Otsikkopalkin teksti -- varmista riittävä kontrasti pääväriä vasten |
| Korostusväri (Accent) | Toissijainen korostusväri yksityiskohdissa |
Voit syöttää HEX-koodin suoraan (esim. #0066CC) tai käyttää värivalitsinta.
Gradientti
Voit ottaa käyttöön liukuväritaustan otsikkopalkissa. Kun gradientti on päällä, valitset myös liukuvärin suunnan.
Oliko tästä sivusta hyötyä?
Kokeile itse
Rakenna chatbot verkkosivuillesi muutamassa minuutissa — ilman koodausta.