Pyöriikö verkkokauppasi Shoperissa? Tämä ohje käy läpi kaikki vaiheet Smartsuppin käyttöönottoon — olipa kyseessä liitännäisen nopea asennus yhdellä klikkauksella tai manuaalinen koodin lisääminen.
Opas etenee seuraavasti:
Asenna Smartsupp-liitännäinen
Avaa Shoperin hallintapaneelissa Lisäosat ja integraatiot > Sovellukset. Selaa alas ja etsi Smartsupp (nimellä Smartsupp - Live Czat, Czatbot, Mira AI i więcej narzędzi AI) ja valitse se.
Klikkaa Asenna sovellus -painiketta.
Hyväksy App Storen ehdot ja klikkaa Asenna.
Näet vahvistuksen, kun Smartsupp-liitännäinen on onnistuneesti asennettu.
Ota Smartsupp käyttöön
Asennuksen jälkeen siirry kohtaan Lisäosat ja integraatiot > Omat sovellukset ja valitse Smartsupp-ikoni.
Luo uusi Smartsupp-tili tai kirjaudu sisään olemassa olevaan tiliin ja yhdistä se Shoper-kauppaasi.
Kun yhteys on luotu, voit heti alkaa keskustella kävijöiden kanssa tai säätää Smartsuppin asetuksia Smartsuppin API:lla. Muista painaa Tallenna muutokset.
Vinkki: Tallennuksen jälkeen avaa kauppasi uudessa välilehdessä ja päivitä sivu — Smartsupp-chat-widgetin pitäisi nyt näkyä.
Manuaalinen asennus koodilla
Jos liitännäisen asennus ei jostain syystä onnistu, voit lisätä Smartsupp-koodin käsin JavaScript-pätkänä.
Kopioi chat-koodi
Oman Smartsupp-chat-koodisi löydät hallintapaneelista kohdasta Asetukset > Kanavat > Live chat > Asennus > Lisää koodi.
Liitä koodi Shoperiin
Shoperissa siirry JavaScript-pätkän lisäyskohtaan ja liitä Smartsupp-koodisi siihen. Muista poistaa <script>- ja </script>-tagit — Shoper ei hyväksy HTML-tageja tässä kentässä.
Huom: Shoperin JavaScript-kentässä voi olla merkkirajoitus, joten pidä koodi mahdollisimman lyhyenä. Älä käytä //-kommentteja, koska Shoper ei välttämättä hyväksy niitä. Kun olet liittänyt koodin, päivitä selain niin näet muutokset.
API-mukautukset
Voit käyttää Smartsuppin JavaScript API:ta mukauttaaksesi chat-widgetin toimintaa Shoper-kaupassasi. Tässä muutama esimerkki:
Avaa chat-widget omasta painikkeesta:
<button onclick="smartsupp('chat:open')">Chattaan kanssasi</button>
Piilota chat-widget tietyillä sivuilla (esim. ostoskori tai kassa):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Piilota oletuspainike ja pidä se piilossa myös sulkemisen jälkeen:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Huom: Shoperin JavaScript-kentässä on merkkiraja eikä //-kommentteja voi käyttää. Pidä koodi lyhyenä ja vältä HTML-tageja kuten <script>.
Poista liitännäinen
Jos haluat poistaa Smartsupp-liitännäisen, siirry kohtaan Lisäosat ja integraatiot > Omat sovellukset ja klikkaa Smartsupp-sovellusta.
Valitse Poista sovellus.
Vahvista poisto.
Huom: Smartsupp ja Shoper ovat kaksi erillistä palvelua. Liitännäisen poistaminen ei lopeta Smartsupp-tilaustasi. Jos haluat peruuttaa tilauksen, ota yhteyttä tukitiimiin.
Lisäohjeita:
Smartsuppin asennus — täydellinen yleiskatsaus kaikista asennustavoista.
Google Tag Manager — vaihtoehtoinen asennustapa GTM:llä.
Mitä seuraavaksi?
Chat-ikkunan perusasetukset — Muokkaa värejä, sijaintia, tervetuloviestejä ja paljon muuta.
Chat-ikkunan tila — Lue miten chat-widgetin tila toimii ja miten sitä hallitaan.
Miksi en näe chattia verkkosivullani? — Vinkit yleisimpien asennusongelmien ratkaisuun.
Lataa liitännäiset — Katso kaikki saatavilla olevat alustaintegraatiot.