Asyntai AI -chatbotin lisääminen Shopifyyn

Vaiheittainen opas Shopify-kaupoille

Alusta:

Vaihe 1: Hanki upotuskoodisi

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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.

Tekoälyhakupalkin lisääminen

Tekoälyhakupalkki on erillinen widget omalla koodillaan. Lisää se chatin rinnalle tai yksin. Se vaatii Standard-tilauksen tai korkeamman: alemmassa palkki näkyy mutta ei palauta tuloksia.

Lisää script-tagiin data-replace-attribuutti, niin palkki korvaa teemasi nykyisen palkin. Liitä se theme.liquid-tiedostoon juuri ennen sulkevaa body-tagia, samaan tiedostoon kuin chat-koodi. Teemasi säilyttää oman tulossivunsa, joten Enter toimii täsmälleen kuten ennen.

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

Lue tekoälyhakupalkin koko opas