Asyntai AI -chatbotin lisääminen Shopifyyn

Vaiheittainen opas Shopify-kaupoille

Hae upotuskoodi

Vaihe 1: Hanki upotuskoodisi

Siirry ensin Asyntai-hallintapaneeliin ja vieritä alas "Upotuskoodi"-osioon. Kopioi yksilöllinen upotuskoodisi, joka näyttää tältä:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Huomautus: Yllä oleva koodi on vain esimerkki. Sinun on kopioitava oma yksilöllinen upotuskoodisi Hallintapaneelistasi, sillä se sisältää henkilökohtaisen widget-tunnuksesi.

Vaihe 2: Lisää koodi Shopify-teemaasi

Lisää chatbot Shopify-kauppaasi seuraamalla näitä ohjeita:

  1. Kirjaudu Shopify-hallintapaneeliin
  2. Siirry kohtaan Verkkokauppa → Teemat
  3. Etsi nykyinen teemasi ja napsauta "..." -painiketta (kolme pistettä)
  4. Valitse "Edit code" pudotusvalikosta
  5. Vasemmassa sivupalkissa kohdassa Layout napsauta theme.liquid
  6. Vieritä alas löytääksesi sulkevan </body>-tagin
  7. Liitä Asyntai-upotuskoodisi juuri ennen </body>-tagia
  8. Napsauta \"Save\" oikeassa yläkulmassa

Vinkki: Käytä Ctrl+F (Windows) tai Cmd+F (Mac) etsiäksesi nopeasti </body> theme.liquid-tiedostosta.

Vaihtoehto: Shopify-sovelluksen käyttö

Jos et halua muokata koodia, voit käyttää Shopify-sovellusta mukautettujen skriptien lisäämiseen:

  1. Siirry Shopify App Storeen
  2. Hae "Custom Script Injector" tai "Header & Footer Scripts"
  3. Asenna valitsemasi sovellus
  4. Käytä sovellusta lisätäksesi Asyntai-upotuskoodisi alatunnisteosioon

Vaihe 3: Vahvista asennus

Tallenna muutoksesi ja avaa Shopify-kauppasi uudessa selaimen välilehdessä tai incognito-ikkunassa. Chat-widget-painikkeen pitäisi näkyä kauppasi oikeassa alakulmassa. Napsauta sitä varmistaaksesi, että se avautuu ja toimii oikein.

Etkö näe widgetiä? Shopify saattaa välimuistittaa teematiedostosi. Kokeile avata kauppasi incognito-/yksityisselausikkunassa tai odota muutama minuutti ja päivitä sivu.

Shopify Plus -käyttäjät

Jos käytät Shopify Plusia, voit lisätä skriptin myös checkout.liquid-tiedoston kautta näyttääksesi chatbotin kassasivuilla. Huomaa kuitenkin, että useimmat kaupat tarvitsevat sen vain pääkauppasivuilla.