Haluatko lisätä Smartsupp-live-chatin WordPress-verkkosivustollesi? Tämä opas kattaa kaikki käytettävissä olevat asennustavat — virallisesta liitännäisestä koodin manuaaliseen lisäämiseen ja edistyneeseen sivukohtaiseen asennukseen.
Olemme jakaneet oppaan osioihin:
Vaihtoehto 1: Asenna WordPress-liitännäisellä (suositeltu)
Helpoin tapa lisätä Smartsupp WordPress-sivustollesi on käyttää virallista liitännäistämme. Ohjelmointia ei tarvita — asenna liitännäinen, kirjaudu sisään ja olet valmis chattaamaan.
Asenna liitännäinen
Siirry WordPressin hallinnassa kohtaan Lisäosat > Lisää uusi, etsi Smartsupp Live Chat ja napsauta Asenna nyt. Aktivoi sitten liitännäinen.
Kirjaudu Smartsupp-tilillesi
Kun olet aktivoinut liitännäisen, näet vaihtoehdot Luo ilmainen tili tai Yhdistä olemassa oleva tili. Yhdistä tilisi kirjautumalla sisään Smartsupp-tunnuksillasi.
Jos kaikki on määritetty oikein, näet alla olevan vahvistusnäkymän. Smartsupp-chat-widget näkyy nyt verkkosivustollasi.
Vinkki: Liitännäisen käyttäminen on nopein ja turvallisin tapa asentaa Smartsupp. Se ei vaadi teematiedostojen tai koodin muokkaamista — ja päivitykset hoidetaan automaattisesti.
Vaihtoehto 2: Lisää koodi manuaalisesti
Jos et halua käyttää liitännäistä, voit lisätä Smartsupp-chat-koodin suoraan WordPress-teemasi otsaketiedostoon.
Huomautus: Teematiedostojen muokkaaminen suoraan voi rikkoa sivustosi, jos se tehdään väärin. Jos koodi ei ole sinulle tuttua, suosittelemme käyttämään yllä kuvattua liitännäisasennusta tai pyytämään apua verkkokehittäjältäsi.
Kopioi chat-koodisi
Löydät yksilöllisen Smartsupp-chat-koodisi hallintapaneelista kohdasta Asetukset > Kanavat > Live-chat > Asennus > Lisää koodi.
Liitä koodi teemaasi
Siirry kohtaan Ulkoasu > Teematiedostoeditori > Teeman otsake (header.php) ja liitä chat-koodi ennen sulkevaa </head> -tagia. Napsauta sitten Päivitä tiedosto.
Vaihtoehto 3: Edistynyt — sivukohtainen asennus
Oletusarvoisesti sekä liitännäisasennus että manuaalinen asennus lataavat Smartsuppin sivustosi jokaiselle sivulle. Jos haluat chat-widgetin vain tietyille sivuille, voit käyttää kolmannen osapuolen WordPress-liitännäistä Scripts n Styles.
Asenna Scripts n Styles
Siirry WordPressin hallinnassa kohtaan Lisäosat > Lisää uusi, etsi Scripts n Styles ja asenna se.
Muokkaa chat-koodia
Scripts n Styles vaatii hieman muokatun version Smartsupp-koodistasi. Poista koodia ympäröivät <script> -tagit koodista — liitännäinen lisää ne automaattisesti.
Huomautus: Varmista, että poistat vain avaavan <script type="text/javascript"> ja sulkevan </script> -tagin. Säilytä itse JavaScript-koodi muuttumattomana.
Muokatun koodisi pitäisi näyttää tältä (vain esimerkki — käytä omaa yksilöllistä avaintasi):
Lisää koodi tietyille sivuille
Siirry kohtaan Sivut, muokkaa sivua, jolla haluat Smartsuppin näkyvän, ja liitä muokattu koodi sisällön alapuolella olevaan Scripts n Styles -osioon. Napsauta sitten Päivitä skriptit ja päivitä sivusi napsauttamalla Päivitä .
Tärkeitä huomioita
Smartsupp ei ole saatavilla WordPress.comissa
Smartsuppia ei voi asentaa ilmaisille WordPress.com-verkkosivustoille. WordPress.com ei salli mukautettuja liitännäisiä tai mukautettua JavaScript-koodia. Smartsuppin käyttämiseen tarvitset itse ylläpidetyn WordPress.org-asennuksen, jossa voit hallita liitännäisiä ja teematiedostoja täysin.
Huomautus: Jos kirjaudut Smartsuppiin Google-tilillä, et voi kirjautua sisään suoraan WordPress-liitännäisen kautta. Voit joko lisätä chat-koodin manuaalisesti tai napsauttaa Smartsuppissa ”Unohtunut salasana” määrittääksesi sähköpostiin perustuvan kirjautumisen.
Aiheeseen liittyvät resurssit:
Smartsuppin asennus — kattava yleiskatsaus asennukseen ja kaikkiin asennustapoihin.
Google Tag Manager — vaihtoehtoinen asennustapa GTM:n avulla.
Mitä seuraavaksi?
Chat-ikkunan perusasetukset — Mukauta värejä, sijaintia, tervetuloviestejä ja muita asetuksia.
Chat-ikkunan tila — Opi, miten chat-widgetin tila toimii ja miten voit hallita sitä.
Miksi chat ei näy verkkosivustollani? — Selvitä ja ratkaise yleisiä asennusongelmia.
Lataa liitännäisiä — Selaa kaikkia saatavilla olevia alustaintegraatioita.
💡 Tarvitsetko lisää apua? Ota yhteyttä Tukitiimiimme — autamme mielellämme!