Valmis yhdistämään Smartsuppin verkkosivustoosi? Tässä oppaassa käydään läpi koko asennusprosessi – tilin luonnista siihen, että varmistat chat-widgetin olevan aktiivinen sivustollasi.
Olemme jakaneet sen vaiheisiin:
Vaihe 1: Luo Smartsupp-tili
Jos sinulla ei vielä ole Smartsupp-tiliä, aloita rekisteröitymällä ilmaiseksi. Rekisteröinti vie vain minuutin – tarvitset vain sähköpostiosoitteesi.
Kun tilisi on luotu, sinut ohjataan Smartsuppin hallintapaneeliin, josta löydät oman chat-koodisi ja voit alkaa määrittää live-chattia.
Lisää luettavaa:
Miten luon Smartsupp-tilin? – yksityiskohtainen vaiheittainen opas tilin luontiin.
Hallintapaneelin yleiskatsaus – tutustu Smartsuppin hallintapaneeliin ja sen tärkeimpiin osioihin.
Vaihe 2: Etsi chat-koodisi
Rekisteröitymisen jälkeen saat sähköpostin, jossa on sinulle yksilöllinen Smartsupp-chat-koodi. Löydät sen koska tahansa myös hallintapaneelista kohdasta Asetukset > Kanavat > Live chat > Asennus > Lisää koodi.
Chat-koodisi näyttää tältä:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_CODE';window.smartsupp||(function(d) { var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[]; s=d.getElementsByTagName('script')[0];c=d.createElement('script'); c.type='text/javascript';c.charset='utf-8';c.async=true; c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);})(document);</script>
Vinkki: Jokaisella Smartsupp-tilillä on oma yksilöllinen chat-koodi. Muista kopioida koko koodinpätkä – myös alku- ja loppu-<script>-tunnisteet.
Vaihe 3: Lisää Smartsupp verkkosivustollesi
Smartsupp voidaan asentaa verkkosivustolle kolmella tavalla. Valitse ratkaisu, joka sopii parhaiten omaan ympäristöösi:
Vaihtoehto A: Liitä koodi suoraan
Lisää chat-koodi verkkosivustosi HTML-koodiin <head> ... </head>-tunnisteiden väliin. Näin varmistat, että Smartsupp latautuu sivustosi jokaisella sivulla.
Vaihtoehto B: Käytä Google Tag Manageria
Jos käytät jo Google Tag Manageria sivustosi skriptien hallintaan, voit lisätä Smartsupp-koodin mukautettuna HTML-taginä. Tämä on hyvä vaihtoehto, jos haluat pitää kaikki skriptit yhdessä paikassa.
Vaihtoehto C: Käytä valmista liitännäistä
Smartsupp tarjoaa liitännäisiä ja integraatioita monille suosituimmille alustoille. Liitännäisen avulla sinun ei tarvitse koskea koodiin – asenna vain liitännäinen ja yhdistä Smartsupp-tilisi.
Liitännäisiä on saatavilla muun muassa seuraaville alustoille:
Huomio: Jos et tunne oloasi mukavaksi muokatessasi verkkosivustosi koodia, suosittelemme käyttämään liitännäistä tai pyytämään web-kehittäjääsi auttamaan asennuksessa.
Lisää luettavaa:
Google Tag Manager – vaiheittainen opas asennukseen GTM:n kautta.
Lataa liitännäiset – selaa kaikkia saatavilla olevia alusta-integraatioita.
Vaihe 4: Vahvista asennus
Kun olet lisännyt koodin verkkosivustollesi, avaa sivusto selaimessa ja tarkista, että chat-widget näkyy sivun alakulmassa. Sinun pitäisi nähdä Smartsuppin chat-puhekupla, jota kävijät voivat klikata.
Jos widget ei näy, tarkista seuraavat asiat:
Koodi on sijoitettu <head> ... </head>-tunnisteiden väliin (tai latautuu GTM:n / liitännäisen kautta).
Verkkosivustosi on julkaistu ja julkisesti saavutettavissa.
Selaimessa ei ole JavaScript-virheitä, jotka estäisivät skriptiä latautumasta.
Huomio: Asennuksen jälkeen saatat nähdä demo-viestejä hallintapaneelissa. Ne ovat osa Smartsuppin aloitusprosessia ja auttavat sinua harjoittelemaan alustan käyttöä – ne eivät ole oikeilta kävijöiltä.
Vinkki: Smartsupp toimii myös tableteilla, iPadeilla ja alkuperäisissä mobiilisovelluksissamme Androidille ja iPhonelle. Lataa ilmainen mobiilisovellus, jotta voit chatata asiakkaidesi kanssa liikkeellä ollessasi!
Edistyneempi: Useita verkkotunnuksia ja API-mukautus
Smartsupp voidaan asentaa tietylle määrälle verkkotunnuksia riippuen paketistasi. Jos haluat mukauttaa chat-widgetin ulkoasua tai kieltä eri verkkosivustoilla, voit käyttää Smartsuppin APIa edistyneeseen määritykseen.
Huomio: API-pohjainen mukautus (kuten eri chat-ikkunan värit tai kielet per verkkotunnus) on saatavilla EXPERT- ja ULTIMATE-paketeissa. Lisätietoja saat API-dokumentaatiosta.
Mitä seuraavaksi?
Chat-ikkunan perusasetukset – määritä värit, sijainti, tervetuloviestit ja paljon muuta.
Flow – luo automaattiset chat-flow’t, jotka sitouttavat kävijöitä 24/7.
Johdanto Mira AI -ostoassistenttiin – anna tekoälyn hoitaa keskustelut ja suositella tuotteita.
Minkä paketin minun pitäisi valita? – vertaa paketteja ja löydä liiketoimintaasi parhaiten sopiva vaihtoehto.