Haluatko lisätä Smartsupp-live-chatin Wordpress-verkkosivustollesi? Tämä ohje kattaa kaikki saatavilla olevat asennustavat — virallisesta liitännäisestä manuaaliseen koodin lisäykseen ja edistyneeseen sivukohtaiseen asennukseen.
Olemme jakaneet ohjeen osiin:
Vaihtoehto 1: Asenna Wordpress-liitännäisellä (suositeltu)
Helpoin tapa lisätä Smartsupp Wordpress-sivustollesi on käyttää virallista liitännäistämme. Koodausta ei tarvita — asenna vain liitännäinen, kirjaudu sisään ja olet valmis chattailemaan.
Asenna liitännäinen
Mene Wordpress-hallinnassasi kohtaan Plugins > Add New, etsi Smartsupp Live Chat ja napsauta Install now. Aktivoi sitten liitännäinen.
Kirjaudu Smartsupp-tilillesi
Kun olet aktivoinut liitännäisen, näet vaihtoehdot Create free account tai Connect existing account. Kirjaudu sisään Smartsupp-tunnuksillasi yhdistääksesi tilisi.
Jos kaikki on asetettu oikein, näet alla olevan vahvistusnäytön. Smartsupp-chat-widget näkyy nyt verkkosivustollasi.
Vinkki: Liitännäistapa on nopein ja turvallisin tapa asentaa Smartsupp. Se ei vaadi teematiedostojen tai koodin muokkaamista — ja päivitykset hoituvat automaattisesti.
Vaihtoehto 2: Lisää koodi manuaalisesti
Jos et halua käyttää liitännäistä, voit lisätä Smartsupp-chat-koodin suoraan Wordpress-teemasi header-tiedostoon.
Huomio: Teematiedostojen muokkaaminen suoraan voi rikkoa sivustosi, jos se tehdään väärin. Jos et ole varma koodin kanssa, suosittelemme käyttämään yllä kuvattua liitännäistapaa tai pyytämään apua verkkokehittäjältäsi.
Kopioi chat-koodisi
Löydät yksilöllisen Smartsupp-chat-koodisi hallintapaneelista kohdasta Settings > Channels > Live chat > Installation > Insert code.
Liitä koodi teemaasi
Siirry kohtaan Appearance > Theme file editor > Theme header (header.php) ja liitä chat-koodi ennen sulkevaa </head>-tagia. Napsauta sitten Update file.
Vaihtoehto 3: Edistynyt — sivukohtainen asennus
Oletuksena sekä liitännäinen että manuaalinen tapa lataavat Smartsuppin jokaiselle sivustosi sivulle. Jos haluat chat-widgetin vain tietyille sivuille, voit käyttää kolmannen osapuolen Wordpress-liitännäistä Scripts n Styles.
Asenna Scripts n Styles
Mene Wordpress-hallinnassasi kohtaan Plugins > Add New, etsi Scripts n Styles ja asenna se.
Muokkaa chat-koodia
Scripts n Styles vaatii hieman muokatun version Smartsupp-koodistasi. Poista koodista <script>-kääretagit — liitännäinen lisää ne automaattisesti.
Huomio: Poista vain avaus<script type="text/javascript">- ja lopetus</script>-tagit. Pidä itse JavaScript-koodi ennallaan.
Muokatun koodisi pitäisi näyttää tältä (esimerkki — käytä omaa yksilöllistä avaintasi):
Lisää koodi tietyille sivuille
Mene kohtaan Pages, muokkaa sivua, jolla haluat Smartsuppin näkyvän, ja liitä muokattu koodi Scripts n Styles -osioon sisällön alapuolelle. Napsauta sitten Update scripts ja Update sivusi.
Tärkeät huomiot
Smartsupp ei ole saatavilla WordPress.comissa
Smartsuppia ei voi asentaa ilmaisiin WordPress.com-verkkosivustoihin. WordPress.com ei salli omia liitännäisiä tai omaa JavaScript-koodia. Käyttääksesi Smartsuppia tarvitset itse isännöidyn WordPress.org-asennuksen, jossa sinulla on täysi hallinta liitännäisiin ja teematiedostoihin.
Huomio: Jos kirjaudut Smartsuppiin Google-tilillä, et voi kirjautua suoraan Wordpress-liitännäisen kautta. Voit joko lisätä chat-koodin manuaalisesti tai napsauttaa Smartsuppissa “Forgotten password” asettaaksesi sähköpostipohjaisen kirjautumisen.
Liittyvät resurssit:
Smartsuppin asennus — kattava asennuksen yleiskatsaus kaikkine menetelmineen.
Google Tag Manager — vaihtoehtoinen asennustapa GTM:n avulla.
Mitä seuraavaksi?
Chat-ikkunan perusasetukset — mukauta värejä, sijaintia, tervetuloviestejä ja paljon muuta.
Chat-ikkunan tila — opi, miten chat-widgetin tila toimii ja miten voit hallita sitä.
Miksi en näe chattia verkkosivustollani? — selvitä yleisimmät asennusongelmat.
Lataa liitännäiset — selaa kaikkia saatavilla olevia alusta-integraatioita.
💡 Tarvitsetko lisää apua? Ota yhteyttä tukitiimiimme — autamme mielellämme!