Siirry pääsisältöön

Chat-ikkunan perusasetukset

Opi muokkaamaan Smartsupp-chat-ikkunan ulkoasua ja keskeisiä asetuksia vastaamaan verkkosivustoasi ja parantamaan kävijöiden sitoutumista.

Kun Smartsupp chat on asennettu verkkosivustollesi, ensimmäinen asia, jonka todennäköisesti haluat tehdä, on määrittää, miltä chat-ikkuna näyttää ja miten se käyttäytyy. Smartsupp-chat-ikkuna yhdistää chatin ja yhteydenottolomakkeen yhdeksi widgetiksi, joten kävijät voivat lähettää viestejä ja – jos otat yhteydenottolomakkeen käyttöön – jakaa tietoja, kuten nimensä ja sähköpostiosoitteensa.

💡 Mistä se löytyy: Kaikki alla olevat vaihtoehdot löytyvät kohdasta Asetukset > Kanavat > Live-chat Smartsupp-hallintapaneelissasi.

Tässä artikkelissa:


Mitä voit mukauttaa

Chat-ikkunan ulkoasun asetuksissa voit säätää seuraavia, jotta widget sopii verkkosivustoosi:

Asetus

Mitä se tekee

Väriliuku

Määrittää chat-ikkunan värit vastaamaan brändiäsi.

Sijainti

Sijoittaa chat-ikkunan näytön vasemmalle tai oikealle puolelle.

Yleiset tekstit

Muokkaa chat-ikkunassa näkyviä nimikkeitä ja viestejä.

Teema

Vaihtaa chat-ikkunan yleisilmettä.

Otsikon tyyli

Vaihtaa välillä Kompakti ja Standard ylätunniste. Compact pienentää ylätunnisteen korkeutta puhtaamman ja sisältöpainotteisemman widgetin saamiseksi; Standard säilyttää suuremman ylätunnisteen, joka sopii paremmin live-chattiin useiden operaattoreiden kanssa.

Chat-ikkunan kieli

Määrittää chat-ikkunassa kävijöille näytettävien tekstien kielen. Lisätietoja on kohdassa Chat-ikkunan kielet.

🟡 Hyvä tietää: Widgetit, jotka on luotu 17. kesäkuuta 2026 käyttävät oletuksena Compact -ylätunnistetta. Aiemmin luodut widgetit pysyvät tilassa Standard taaksepäin yhteensopivuuden vuoksi — voit vaihtaa näiden kahden välillä milloin tahansa chat-ikkunan ulkoasun asetuksissa.


Muuta chat-ikkunan sijaintia

Voit siirtää chat-painiketta suoraan hallintapaneelista — ilman koodia:

  1. Kirjaudu sisään Smartsupp-tilillesi.

  2. Mene kohtaan Asetukset > Kanavat > Live chat > Ulkoasu.

  3. Säädä sijoittelua — valitse näytön vasen tai oikea reuna, aseta pystysuuntainen siirtymä ja määritä etäisyys reunoista.

  4. Tallenna muutoksesi. Päivitetty sijainti otetaan automaattisesti käyttöön verkkosivustollasi.


💡 Edistynyt: Kehittäjät voivat hallita chat-ikkunan sijaintia tarkasti JavaScript API:n avulla — katso Edistynyt: chat-ikkunan sijainti JavaScript API:n avulla.

Huomio — agentin kuva & chat-ikkunan avatar: Kuva, jonka kävijät näkevät chat-ikkunassa, on agentin profiilikuva; sitä ei voi asettaa erikseen sisäisestä hallintapaneelin kuvasta. Vanha smartsupp('chat:avatar') JavaScript API:n käyttäminen sen ohittamiseen on poistettu eikä sitä enää tueta.

Mitä seuraavaksi?

💡 Tarvitsetko vielä apua? Jos et löydä asetusta tai jokin ei toimi odotetulla tavalla, ota yhteyttä tukitiimiimme chatilla tai sähköpostilla — autamme mielellämme.

Vastasiko tämä kysymykseesi?