Pyöriikö verkkokauppasi Shoperissa? Tässä oppaassa käydään läpi kaikki, mitä tarvitset Smartsuppin yhdistämiseen – yhdellä klikkauksella tehtävästä liitännäisen asennuksesta manuaaliseen koodimenetelmään.
Olemme jakaneet oppaan seuraaviin osiin:
Asenna Smartsupp-liitännäinen
Mene Shoper-hallintapaneelissasi kohtaan Lisäosat ja integraatiot > Sovellukset. Selaa alas ja etsi Smartsupp - live chat, Flow (entiset chatbotit) & video recordings, ja klikkaa sitä.
Klikkaa Asenna sovellus -painiketta.
Hyväksy App Storen ehdot ja klikkaa sitten Asenna.
Näet vahvistusviestin, että Smartsupp-liitännäinen on asennettu onnistuneesti.
Määritä Smartsupp
Asennuksen jälkeen mene kohtaan Lisäosat ja integraatiot > Omat sovellukset ja klikkaa Smartsupp-kuvaketta.
Voit joko luoda uuden Smartsupp-tilin tai kirjautua sisään olemassa olevaan tiliisi yhdistääksesi sen Shoper-kauppaasi.
Kun yhteys on luotu, voit aloittaa chattailemisen kävijöidesi kanssa tai säätää Smartsupp-asetuksia käyttämällä Smartsupp APIa. Muista tallentaa muutokset.
Vinkki: Tallentamisen jälkeen avaa kauppasi uuteen välilehteen ja päivitä sivu – Smartsupp-chat-widgetin pitäisi nyt näkyä.
Manuaalinen koodin asennus
Jos liitännäisen asennus ei toimi, voit lisätä Smartsupp-koodin manuaalisesti JavaScript-katkelmana.
Kopioi chat-koodi
Löydät oman Smartsupp-chat-koodisi hallintapaneelista kohdasta Asetukset > Kanavat > Live chat > Asennus > Lisää koodi.
Liitä koodi Shoperiin
Siirry Shoperissa JavaScript-katkelmaosioon ja liitä Smartsupp-koodisi. Muista poistaa <script>- ja </script>-tagit — Shoper ei hyväksy HTML-tageja tässä kentässä.
Huom: Shoperin JavaScript-kentässä saattaa olla merkkirajoitus, joten pidä koodi mahdollisimman lyhyenä. Vältä käyttämästä //-kommentteja, koska Shoper saattaa käsitellä ne ei-toimivina. Päivitä selain koodin liittämisen jälkeen, jotta näet muutokset.
API-mukautus
Voit käyttää Smartsupp JavaScript API:a mukauttaaksesi chat-widgetin toimintaa Shoper-kaupassasi. Tässä joitakin yleisiä esimerkkejä:
Avaa chat-widget omasta painikkeesta:
<button onclick="smartsupp('chat:open')">Chattaa kanssamme</button>
Piilota chat-widget tietyillä sivuilla (esim. ostoskori tai kassa):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Piilota oletus-chat-painike ja pidä se piilotettuna sulkemisen jälkeen:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Huom: Shoperin JavaScript-kentässä saattaa olla merkkirajoitus, eikä se tue //-kommentteja. Pidä koodi lyhyenä ja vältä HTML-tageja, kuten <script>.
Vinkki: Täydellisen luettelon käytettävissä olevista API-metodeista löydät Smartsupp API -dokumentaatiosta.
Poista liitännäinen
Jos sinun täytyy poistaa Smartsupp-liitännäinen, siirry kohtaan Lisäosat ja integraatiot > Omat sovellukset ja klikkaa Smartsupp-sovellusta.
Klikkaa Poista sovellus.
Vahvista poisto.
Huomio: Smartsupp ja Shoper ovat kaksi erillistä palvelua. Liitännäisen poistaminen ei peruuta Smartsupp-tilaustasi. Peruaksesi sen, ota yhteyttä tukitiimiimme.
Lisätietoa:
Smartsuppin asennus — täydellinen yleiskatsaus kaikkiin asennusmenetelmiin.
Google Tag Manager — vaihtoehtoinen asennustapa GTM:llä.
Mitä seuraavaksi?
Chat-ikkunan perusasetukset — mukauta värejä, sijaintia, tervetuloviestejä ja paljon muuta.
Chat-ikkunan tila — opi, miten chat-widgetin tila toimii ja miten hallitset sitä.
Miksi en näe chatia verkkosivustollani? — ratkaise yleisimmät asennusongelmat.
Lataa liitännäiset — tutustu kaikkiin saatavilla oleviin alusta-integraatioihin.