Oletko valmis yhdistämään Smartsuppin verkkosivustoosi? Tämä opas käy läpi koko asennusprosessin — tilin luomisesta siihen, että varmistat chat-widgetin toimivan sivustollasi.
Olemme jakaneet prosessin vaiheisiin:
Vaihe 1: Luo Smartsupp-tilisi
Jos sinulla ei vielä ole Smartsupp-tiliä, aloita Rekisteröitymällä ilmaiseksi. Rekisteröityminen vie vain minuutin — tarvitset vain sähköpostiosoitteesi.
Kun tilisi on luotu, sinut ohjataan Smartsuppin hallintapaneeliin, josta löydät yksilöllisen chat-koodisi ja voit aloittaa live-chatin käyttöönoton.
Aiheeseen liittyvät ohjeet:
Miten luon Smartsupp-tilin? — Yksityiskohtainen vaiheittainen opas tilin luomiseen.
Hallintapaneelin yleiskatsaus — Tutustu Smartsuppin hallintapaneeliin ja sen keskeisiin osioihin.
Vaihe 2: Etsi chat-koodisi
Rekisteröitymisen jälkeen saat sähköpostin, joka sisältää Yksilöllisen Smartsupp-chat-koodisi. Löydät sen myös milloin tahansa 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 yksilöllinen chat-koodi. Varmista, että kopioit koko koodikatkelman — myös avaavat ja sulkevat <script> Tagit.
Vaihe 3: Lisää Smartsupp verkkosivustollesi
Smartsuppin voi asentaa verkkosivustolle kolmella tavalla. Valitse sivustollesi parhaiten sopiva tapa:
Vaihtoehto A: Liitä koodi suoraan
Lisää chat-koodi verkkosivustosi HTML-koodiin seuraavien tagien väliin: <head> ... </head> . 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-tagina. Tämä on hyvä vaihtoehto, jos haluat pitää kaikki skriptisi yhdessä paikassa.
Vaihtoehto C: Käytä valmista liitännäistä
Smartsupp tarjoaa liitännäisiä ja integraatioita monille suosituille alustoille. Liitännäisen avulla sinun ei tarvitse muokata koodia — asenna vain liitännäinen ja yhdistä Smartsupp-tilisi.
Liitännäisiä on saatavilla esimerkiksi seuraaville alustoille:
Huomautus: Jos verkkosivustosi koodin muokkaaminen ei tunnu luontevalta, suosittelemme käyttämään liitännäistä tai pyytämään verkkokehittäjältäsi apua asennukseen.
Aiheeseen liittyvät ohjeet:
Google Tag Manager — Vaiheittainen opas asentamiseen GTM:n avulla.
Lataa liitännäisiä — Selaa kaikkia saatavilla olevia alustaintegraatioita.
Vaihe 4: Varmista asennuksen onnistuminen
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 napsauttaa.
Jos widget ei näy, tarkista seuraavat asiat:
Koodi on sijoitettu seuraavien tagien väliin: <head> ... </head> (Tai ladattu GTM:n / liitännäisen avulla).
Verkkosivustosi on julkaistu ja julkisesti käytettävissä.
JavaScript-virheet eivät estä skriptin latautumista.
Huomautus: Asennuksen jälkeen saatat nähdä Demoviestejä Hallintapaneelissasi. Ne ovat osa Smartsuppin käyttöönotto-opastusta ja auttavat sinua harjoittelemaan alustan käyttöä — ne eivät ole oikeilta kävijöiltä.
Vinkki: Smartsupp toimii myös tableteilla, iPadeilla ja natiiveissa mobiilisovelluksissamme, jotka on tarkoitettu Androidille Ja iPhonelle. Lataa ilmainen mobiilisovellus, jotta voit keskustella asiakkaidesi kanssa liikkeellä ollessasi!
Lisäasetukset: useat verkkotunnukset ja mukauttaminen API:n avulla
Smartsuppin voi asentaa tiettyyn määrään verkkotunnuksia riippuen Paketistasi. Jos haluat mukauttaa chat-widgetin ulkoasua tai kieltä eri verkkosivustoilla, voit käyttää Smartsuppin API:a Edistyneisiin määrityksiin.
Huomautus: API-pohjainen mukauttaminen (kuten chat-ikkunan eri värien tai kielten määrittäminen verkkotunnuksittain) on saatavilla Expert-paketissa Ja Ultimate-paketissa . Lisätietoja löydät API-dokumentaatiosta.
Mitä seuraavaksi?
Chat-ikkunan perusasetukset — Mukauta värejä, sijaintia, tervetuloviestejä ja muuta.
Flow — Luo automatisoituja chat-työnkulkuja aktivoidaksesi kävijöitä 24/7.
Mira AI -ostoassistentin esittely — Anna tekoälyn hoitaa keskusteluja ja suositella tuotteita.
Mikä paketti minun kannattaa valita? — Vertaile paketteja ja löydä yrityksellesi sopivin.