Valmis yhdistämään Smartsuppin verkkosivustoosi? Tässä oppaassa käydään koko asennusprosessi läpi – tilin luomisesta siihen, että varmistat chat-widgetin olevan näkyvissä sivustollasi.
Olemme jakaneet ohjeet 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öpostiosoitteen.
Kun tili on luotu, sinut ohjataan Smartsuppin hallintapaneeliin, josta voit etsiä oman chat-koodisi ja aloittaa live-chatin käyttöönoton.
Liittyvät ohjeet:
Miten luon Smartsupp-tilin? – yksityiskohtainen, vaiheittainen opas tilin luomiseen.
Hallintapaneelin yleiskatsaus – tutustu Smartsuppin hallintapaneeliin ja tärkeimpiin osioihin.
Vaihe 2: Etsi chat-koodisi
Rekisteröitymisen jälkeen saat sähköpostitse ainutlaatuisen Smartsupp chat-koodisi. Löydät sen myös koska 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 ainutlaatuinen chat-koodi. Muista kopioida koko koodipätkä – myös <script>-tagit alusta ja lopusta.
Vaihe 3: Lisää Smartsupp verkkosivustollesi
Smartsuppin voi asentaa verkkosivustolle kolmella tavalla. Valitse vaihtoehto, joka sopii parhaiten omaan ympäristöösi:
Vaihtoehto A: Liitä koodi suoraan
Lisää chat-koodi sivustosi HTML-koodiin <head> ... </head>-tagien väliin. Näin Smartsupp latautuu jokaiselle sivullesi.
Vaihtoehto B: Käytä Google Tag Manageria
Jos käytät jo Google Tag Manageria hallinnoimaan skriptejä verkkosivustollasi, voit lisätä Smartsupp-koodin mukautettuna HTML-tunnisteena. Tämä on helppo tapa pitää kaikki skriptit yhdessä paikassa.
Vaihtoehto C: Käytä valmista liitännäistä
Smartsupp tarjoaa liitännäisiä ja integraatioita monille suosituille alustoille. Liitännäisellä ei tarvitse muokata koodia – asenna vain liitännäinen ja yhdistä Smartsupp-tilisi.
Liitännäiset löytyvät mm. seuraaville alustoille:
Huom: Jos et halua muokata sivustosi koodia, suosittelemme käyttämään liitännäistä tai pyytämään apua verkkokehittäjältäsi asennuksessa.
Liittyvät ohjeet:
Google Tag Manager – vaiheittainen opas asennukseen GTM:n kautta.
Lataa liitännäiset – katso kaikki saatavilla olevat alustaintegraatiot.
Vaihe 4: Vahvista asennus
Kun olet lisännyt koodin verkkosivullesi, 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 lisätty <head> ... </head>-tagien väliin (tai se latautuu GTM:n/liitännäisen kautta).
Verkkosivusto on julkaistu ja julkisesti saatavilla.
JavaScript-virheet eivät estä skriptin lataamista.
Huom: Asennuksen jälkeen hallintapaneelissa voi näkyä demo-viestejä. Ne kuuluvat Smartsuppin käyttöönottoon ja auttavat harjoittelemaan alustan käyttöä – ne eivät ole oikeilta kävijöiltä.
Vinkki: Smartsupp toimii myös tableteilla, iPadeilla sekä natiivisovelluksillamme Androidille ja iPhonelle. Lataa ilmainen mobiilisovellus, niin voit chattailla asiakkaiden kanssa missä tahansa!
Edistyneet: Monidomain ja API-mukautukset
Smartsupp voidaan asentaa tietylle määrälle verkkotunnuksia valitsemasi paketin mukaan. Jos haluat muokata chat-widgetin ulkoasua tai kieltä eri verkkosivustoilla, voit käyttää Smartsuppin API:a edistyneisiin määrityksiin.
Huom: API-pohjaiset mukautukset (kuten eri chat-ikkunan värit tai kieli domainkohtaisesti) ovat käytettävissä EXPERT- ja ULTIMATE-paketissa. Tarkemmat tiedot löytyvät API-dokumentaatiosta.
Mitä seuraavaksi?
Chat-ikkunan perusasetukset – Mukauta värejä, sijaintia, tervetuloviestejä ja muuta.
Flow – Ota käyttöön automaattiset chat-työnkulut kävijöiden aktivointiin 24/7.
Johdatus Mira AI -ostoassistenttiin – Anna tekoälyn hoitaa keskustelut ja suositella tuotteita.
Minkä paketin valitsen? – Vertaa paketteja ja löydä yrityksellesi paras vaihtoehto.