Asyntai AI -chatbotin lisääminen Shopifyyn
Vaiheittainen opas Shopify-kaupoille
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:
- Kirjaudu Shopify-hallintapaneeliin
- Siirry kohtaan Verkkokauppa → Teemat
- Etsi nykyinen teemasi ja napsauta "..." -painiketta (kolme pistettä)
- Valitse "Edit code" pudotusvalikosta
- Vasemmassa sivupalkissa kohdassa Layout napsauta theme.liquid
- Vieritä alas löytääksesi sulkevan
</body>-tagin - Liitä Asyntai-upotuskoodisi juuri ennen
</body>-tagia - 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:
- Siirry Shopify App Storeen
- Hae "Custom Script Injector" tai "Header & Footer Scripts"
- Asenna valitsemasi sovellus
- 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.
Weebly