Haluatko ottaa Smartsupp live chatin käyttöön WordPress-verkkosivustollasi? Tässä ohjeessa käydään läpi kaikki keinot – virallisen liitännäisen asennuksesta oman koodin lisäämiseen ja chatin näyttämiseen vain haluamillasi sivuilla.
Ohje on jaettu seuraaviin osiin:
Vaihtoehto 1: Asenna WordPress-liitännäisen avulla (suosittelemme tätä)
Helpoin tapa lisätä Smartsupp WordPress-verkkosivustolle on ottaa käyttöön virallinen liitännäinen. Et tarvitse koodaustaitoja – riittää, että asennat liitännäisen, kirjaudut sisään ja chat näkyy heti verkkosivustollasi.
Asenna liitännäinen
Siirry WordPress-hallinnassa kohtaan Liitännäiset > Lisää uusi, hae Smartsupp live chat ja paina Asenna nyt. Aktivoi liitännäinen, kun asennus on valmis.
Kirjaudu Smartsupp-tilille
Kun liitännäinen on aktivoitu, voit Luoda ilmaisen tilin tai Yhdistää jo olemassa olevan tilin. Kirjaudu Smartsupp-tunnuksillasi, niin liitännäinen yhdistetään tiliisi.
Kun asetukset ovat oikein, saat vahvistusilmoituksen. Tämän jälkeen Smartsupp live chat -widget näkyy verkkosivustollasi automaattisesti.
Vinkki: Liitännäinen on nopein ja turvallisin tapa tuoda Smartsupp käyttöösi. Koodia tai teemoja ei tarvitse itse muokata, ja päivitykset hoituvat jatkossa automaattisesti.
Vaihtoehto 2: Lisää koodi käsin
Jos et halua käyttää liitännäistä, voit liittää Smartsupp live chat -koodin WordPress-teemasi header-tiedostoon suoraan.
Huom: Teematiedostojen muokkaaminen voi rikkoa verkkosivustosi, jos jotain menee pieleen. Jos koodi ei ole tuttua, käytä mieluummin liitännäistä (ohje yllä) tai pyydä apua verkkosivuston tekijältäsi.
Kopioi live chat -koodi
Löydät oman Smartsupp live chat -koodisi kohdasta Asetukset > Kanavat > Live chat > Asennus > Lisää koodi hallintapaneelissa.
Liitä koodi teemaan
Mene kohtaan Ulkoasu > Teematiedoston muokkain > Teeman otsikko (header.php). Liitä live chat -koodi ennen sulkevaa </head>-tagia ja tallenna muutokset painamalla Päivitä tiedosto.
Vaihtoehto 3: Edistyneet asetukset — vain tietyille sivuille
Sekä liitännäinen että manuaalinen asennus lisäävät Smartsuppin kaikille verkkosivustosi sivuille oletuksena. Jos live chat -widgetin näkyminen vain tietyillä sivuilla kiinnostaa, voit käyttää kolmannen osapuolen WordPress-lisäosaa Scripts n Styles.
Asenna Scripts n Styles
Avaa WordPressin hallinnasta Liitännäiset > Lisää uusi, etsi Scripts n Styles ja asenna sekä aktivoi se.
Muokkaa live chat -koodia
Scripts n Styles tarvitsee hieman muokatun version Smartsupp live chat -koodista. Poista koodista <script>-tagit – lisäosa lisää ne itse.
Huom: Poista ainoastaan alku <script type="text/javascript"> ja loppu </script>-tagit. Jätä varsinainen JavaScript-koodi ennalleen.
Muokattu koodisi näyttää tältä (esimerkki – käytä kuitenkin omaa avaintasi):
Lisää koodi haluamillesi sivuille
Avaa Sivut, muokkaa sivua jolle haluat Smartsupp live chatin näkyviin ja liitä muokattu koodi Scripts n Styles -osioon sisältöalueen alle. Lopuksi klikkaa Päivitä scriptit ja Päivitä tallentaaksesi muutokset.
Tärkeät huomiot
Smartsupp ei toimi WordPress.com-verkkosivustoilla
Smartsuppia ei voi asentaa ilmaisille WordPress.com-verkkosivustoille, koska WordPress.com ei tue omia liitännäisiä tai JavaScriptin lisäämistä. Jos haluat käyttää Smartsuppia, tarvitset omalle palvelimelle asennetun WordPress.org-verkkosivuston, jossa voit hallita liitännäisiä ja teemakoodia vapaasti.
Huom: Jos kirjaudut Smartsuppiin Google-tilillä, et voi kirjautua suoraan WordPress-liitännäisen kautta. Voit lisätä live chat -koodin käsin, tai klikata Smartsuppin "Unohtuiko salasana" -linkkiä saadaksesi sähköpostipohjaisen kirjautumisen käyttöön.
Lisäohjeita:
Smartsuppin asennus – kattava paketti eri asennusvaihtoehdoista.
Google Tag Manager – asennus vaihtoehtoisesti GTM:n avulla.
Mitä seuraavaksi?
Live chat -ikkunan perusasetukset – muokkaa värejä, sijaintia, tervetulotoivotuksia ja muuta.
Live chat -ikkunan tila – näet, miten live chat -widget toimii ja miten sitä ohjataan.
Miksi en näe live chattia verkkosivustollani? – ratkaisuja yleisimpiin asennushaasteisiin.
Lataa liitännäisiä – tutustu kaikkiin saatavilla oleviin integraatioihin.
💡 Kaipaatko apua? Ota yhteyttä tukitiimiimme – autamme nopeasti!