Kun Smartsuppin chat on lisätty sivustollesi, haluat todennäköisesti ensimmäisenä muokata, miltä chat-ikkuna näyttää ja miten se toimii. Smartsuppin chat-ikkuna yhdistää viestittelyn ja yhteydenottolomakkeen samaan widgetiin, joten kävijät voivat lähettää kysymyksiä – ja jos otat lomakkeen käyttöön – kertoa esimerkiksi oman nimensä ja sähköpostiosoitteensa.
💡 Mistä löytyy: Kaikki alla olevat toiminnot löytyvät kohdasta Asetukset > Kanavat > Live-chat Smartsuppin hallintapaneelissa.
Tässä artikkelissa:
Mitä voit muokata
Chat-ikkunan ulkoasun asetuksista löydät nämä säädöt, jotta widget sulautuu sivustosi tyyliin:
Asetus | Mitä se tekee |
Väriliuku | Muokkaa chat-ikkunan värit vastaamaan brändiäsi. |
Sijainti | Määritä chat-ikkunan paikka näytön vasemmalle tai oikealle reunalle. |
Yleiset tekstit | Muokkaa otsikoita ja viestejä, jotka näkyvät chat-ikkunassa. |
Teema | Vaihtaa chat-ikkunan yleisilmettä. |
Pään otsikkotyyli | Valitse Kompakti- tai Standard-otsikkotilan välillä. Kompakti pienentää yläosan ja tuo pääsisällön paremmin esiin; Standard näyttää korkeamman otsikon, mikä sopii useamman asiakaspalvelijan chateille. |
Chat-ikkunan kieli | Aseta chat-ikkunan kieli, jonka vierailijasi näkevät. Katso lisätietoa: Chat-ikkunan kielet. |
🟡 Muista tämä: 17.6.2026 jälkeen uudet widgetit ottavat automaattisesti käyttöön Kompakti-otsikon. Vanhat widgetit pysyvät Standard-tilassa yhteensopivuuden takia — voit vaihtaa tyyliä koska tahansa ulkoasun asetuksista.
Chat-ikkunan sijainnin muuttaminen
Voit helposti siirtää chat-painiketta suoraan hallintapaneelissa – koodia ei tarvita:
Kirjaudu Smartsupp-tilille.
Mene Asetukset > Kanavat > Live-chat > Ulkoasu.
Valitse paikka – vasen vai oikea reuna, ja säädä etäisyydet haluamallasi tavalla.
Tallenna muutokset. Päivitetty paikka näkyy heti verkkosivuillasi.
💡 Tarkempaan säätöön: Kehittäjät voivat määrittää sijainnin tarkasti JavaScript API:n avulla – katso lisää ohjeesta Chat-ikkunan sijainti JavaScript API:lla.
Huom! Agentin kuva ja chat-ikkunan avatar: Kävijän chat-ikkunassa näkemä kuva on agentin profiilikuva; sitä ei voi vaihtaa erikseen hallintapaneelin kuvan rinnalle. Aiempi smartsupp('chat:avatar') JavaScript API, jolla pystyi asettamaan avatarin erikseen, on poistettu eikä toimi enää.
Mitä seuraavaksi?
Chat-ikkunan kielet — katso, mitä kieliä voit käyttää ja miten niitä vaihdetaan.
Chat-ikkunan tila — säädä, milloin chat-ikkuna näkyy online- tai offline-tilassa.
Miksi en näe chattia verkkosivuillani? — ratkaise tilanne, jos chat-ikkunaa ei näy ollenkaan.
💡 Tarvitsetko apua? Etkö löydä sopivaa asetusta tai jokin ei toimi? Ota rohkeasti yhteyttä tukeemme chatin tai sähköpostin kautta – autamme mielellämme.