Jos chat-ikkuna ei näy verkkosivustollasi – tai viimeaikaiset muutokset eivät näy – tässä oppaassa käydään läpi yleisimmät syyt ja kerrotaan, miten korjaat ne.
🟡 Kokeile tätä ensin: Tyhjennä selaimesi evästeet ja testaa verkkosivustoasi incognito-/yksityisikkunassa. Tämä ratkaisee useimmat näyttöongelmat. Jos chat ei edelleenkään näy, käy läpi alla olevat tarkistukset.
Tässä artikkelissa:
Chat piilotettu asetuksissa
Varmista, ettei chat-ikkuna ole asetettu piilotetuksi offline-tilassa (1) tai kokonaan piilotetuksi (2) kohdassa Asetukset → Kanavat → Live-chat → Vaihtoehdot.
Sinut on estetty
Varmista, ettei sinua ole estetty kävijänä Smartsupp-tililläsi.
Tarkista, onko IP-osoitteesi estettyjen IP-osoitteiden listalla. Löydät listan kohdasta Asetukset → Työtila → Tietoturva ja tietosuoja.
Kävijälistassa käytä "estetyt kävijät" -suodatinta nähdäksesi, onko kävijöitä estettynä. Jos olet heidän joukossaan, voit poistaa eston.
Chat-koodi puuttuu tai on lisätty virheellisesti
Avaa verkkosivustosi sivulähdekoodi (Chromessa paina Ctrl + U) ja etsi (Ctrl + F) smartsupp. Jos tuloksia ei löydy, chat-koodia ei ole lisätty verkkosivustosi koodiin – kehittäjäsi täytyy lisätä se.
Jos käytät tag manageria (esim. Google Tag Manager), varmista että se toimii oikein. Useimmissa tapauksissa löydät chat-koodin verkkosivustosi elementeistä: paina Ctrl + Shift + J, avaa Elements-välilehti ja etsi smartsupp.
Varmista myös, ettet käytä useampaa kuin yhtä chat-koodia verkkosivustollasi.
Virhe koodissa
Varmista, ettei chat-koodista puutu merkkejä. Kopioi koodin mieluiten suoraan kohdasta Asetukset. Löydät sen kohdasta Asetukset → Kanavat → Live-chat → Asennus. Voit käyttää esimerkiksi työkalua Diffchecker verrataksesi verkkosivusi koodia alkuperäiseen. Yleisin ongelma on puuttuva alaviiva (_), joka yleensä aiheuttaa virheen selainkonsolissa (Ctrl + Shift + J).
Ongelma verkkosivustosi CSS:ssä
Tyypillinen syy siihen, ettei chat näy – vaikka koodi olisikin oikein lisätty – on se, että iframen display property on asetettu arvoksi display: none (katso esimerkki alla). Tällöin kehittäjän täytyy päivittää sivuston CSS.
Z-indeksi yli 1 000 000
Z-indeksi määrittää elementin päällekkäisen järjestyksen – korkeampi z-indeksi näyttää elementin matalamman edessä. Jos siis jokin elementti on määritetty z-indeksille yli 1 000 000, se voi peittää chat-widgetin alleen.
JavaScript pois päältä selaimessa
JavaScript on oletuksena päällä kaikissa selaimissa, mutta jos olet ottanut sen pois päältä, sinun täytyy aktivoida se uudelleen. Löydät ohjeita JavaScriptin aktivoimiseen eri selaimissa tästä oppaasta.
Testausympäristö
Verkkosivustosi on testausympäristössä (localhost), rajoitetulla sivustolla, intranetissä tai yksityisen VPN-yhteyden takana. Sivuston täytyy olla kokonaan saavutettavissa internetistä, jotta Smartsupp toimii sataprosenttisesti.
Widgetin siirtymä
Jos käytät mukautettua chat-ikkunan sijaintia API:n kautta ja olet muuttanut widgetin siirtymää, varmista että se näkyy myös pienemmillä näytöillä. Jos siirtymä on liian suuri tai pieni, chat voi olla osittain tai kokonaan näytön ulkopuolella.
Content Security Policy
Jos käytät Content Security Policy -asetusta sivustollasi, varmista että kaikki Smartsuppin verkkotunnukset on sallittujen luettelossa CSP:ssä:
smartsupp.com
smartsuppchat.com
cdn77.org
smartsuppcdn.com
Jos CSP-ongelma ilmenee, Chrome-konsoli (Ctrl + Shift + J) näyttää, että skripti rikkoo Content Security Policy -direktiiviä.
Mitä seuraavaksi?
Chat-ikkunan perusasetukset — muokkaa chat-ikkunan ulkoasua, kieltä ja toimintaa.
Chat-ikkunan tila — hallitse, milloin chat-ikkuna näkyy online- tai offline-tilassa.
Chat-ikkuna mobiilisovelluksessasi — asiakkaat voivat ottaa sinuun yhteyttä chatissa sovelluksen kautta.
💡 Etkö edelleenkään pääse eteenpäin? Jos olet käynyt läpi kaikki tarkistukset, eikä chat silti näy, ota yhteyttä meihin hallintapaneelin chat-ikkunan tai tukitiimimme kautta. Muista liittää mukaan verkkosivustosi osoite ja Smartsupp-rekisteröintiisi liitetty sähköpostiosoite, jotta osaamme tutkia asiaa.