Siirry pääsisältöön

Chat-ikkunan perusasetukset

Opi mukauttamaan Smartsupp-chat-ikkunasi ulkoasua ja keskeisiä asetuksia verkkosivustoosi sopiviksi ja parantamaan kävijöiden sitoutumista.

Tekijä: Michal Jindra

Kun Smartsuppin Chat On asennettu verkkosivustollesi, haluat todennäköisesti ensimmäiseksi määrittää chat-ikkunan ulkoasun ja toiminnan. Smartsuppin chat-ikkuna yhdistää chatin ja yhteydenottolomakkeen yhteen widgetiin, joten kävijät voivat lähettää viestejä ja — jos otat yhteydenottolomakkeen käyttöön — jakaa tietoja, kuten nimensä ja sähköpostiosoitteensa.

💡 Mistä löydät asetukset: Kaikki alla olevat vaihtoehdot löytyvät kohdasta Asetukset > Kanavat > Live-chat Smartsuppin hallintapaneelissa.

Tässä artikkelissa:


Mitä voit mukauttaa

Chat-ikkunan ulkoasuasetuksissa voit muuttaa seuraavia asetuksia, jotta widget sopii verkkosivustollesi:

Asetus

Mitä se tekee

Liukuväri

Määrittää chat-ikkunan värit brändiisi sopiviksi.

Sijainti

Sijoittaa chat-ikkunan näytön vasempaan tai oikeaan reunaan.

Yleiset tekstit

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

Teema

Vaihtaa chat-ikkunan yleisilmettä.

Otsakkeen tyyli

Otsakkeen tyyliksi voi valita Tiivis Tai Normaali . Tiivis pienentää otsakkeen korkeutta, jolloin widget on selkeämpi ja sisältö korostuu; Normaali säilyttää suuremman otsakkeen, joka sopii paremmin usean operaattorin live-chatiin.

Chat-ikkunan kieli

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

🟡 Hyvä tietää: Widgetit, jotka on luotu 17. kesäkuuta 2026 Alkaen, käyttävät Tiivis -otsaketta oletusarvoisesti. Aiemmin luodut widgetit säilyttävät Normaali -otsakkeen taaksepäin yhteensopivuuden vuoksi — voit vaihtaa näiden kahden välillä milloin tahansa chat-ikkunan ulkoasuasetuksissa.


Chat-ikkunan sijainnin muuttaminen

Voit siirtää chat-painiketta suoraan hallintapaneelista — koodia ei tarvita:

  1. Kirjaudu sisään Smartsupp-tilillesi.

  2. Siirry kohtaan Asetukset > Kanavat > Live-chat > Ulkoasu.

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

  4. Tallenna muutokset. Päivitetty sijainti tulee automaattisesti käyttöön verkkosivustollasi.


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

Huomautus — operaattorin kuva & chat-ikkunan avatar: Kävijöille chat-ikkunassa näkyvä kuva on operaattorin Profiilikuva; sitä ei voi määrittää erillään sisäisen hallintapaneelin kuvasta. Vanha smartsupp('chat:avatar') JavaScript-API, jolla kuvan pystyi korvaamaan, on Poistettu Eikä sitä enää tueta.

Mitä seuraavaksi?

💡 Tarvitsetko vielä apua? Jos et löydä asetusta tai jokin ei toimi odotetusti, ota yhteyttä Tukitiimiimme Chatin tai sähköpostin kautta — autamme mielellämme.

Vastasiko tämä kysymykseesi?