Asyntai AI -chatbotin lisääminen Volusioniin

Vaiheittainen opas Volusion-verkkokaupoille

Alusta:

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: Varmuuskopioi teemasi

Ennen muutosten tekemistä Volusion-kauppaasi on tärkeää luoda varmuuskopio:

Kirjaudu Volusion-hallintapaneeliin
Siirry kohtaan Design → File Editor
Napsauta Archive Theme luodaksesi varmuuskopion
Lataa kopio arkistosta varmuussäilytystä varten

Tärkeää: Varmuuskopioi teemasi aina ennen koodimuutoksia. Näin voit helposti palauttaa sen, jos jokin menee pieleen.

Vaihe 3: Lisää koodi mallitiedostoon (suositeltu)

Chatbotin lisääminen kaikille Volusion-kauppasi sivuille:

Siirry Volusion-hallintapaneelissa kohtaan Design → Template
Siirry kohtaan Design → File Editor → Shortcuts
Etsi päämallitiedosto (yleensä template_*.html)
Vieritä alas löytääksesi sulkevan </body>-tagin
Liitä Asyntai-upotuskoodisi juuri ennen </body>-tagia
Napsauta Tallenna ottaaksesi muutokset käyttöön
Esikatsele kauppaasi varmistaaksesi, että chatbot näkyy

Vinkki: Koodin lisääminen ennen sulkevaa </body>-tagia varmistaa optimaalisen sivun lataussuorituskyvyn. Tämä menetelmä lisää chatbotin automaattisesti kauppasi jokaiselle sivulle.

Vaihtoehtoinen menetelmä 1: Ylä-/alatunnisteen HTML-injektio

Volusion mahdollistaa mukautetun koodin lisäämisen yleisten asetusten kautta:

Kirjaudu Volusion-hallintapaneeliin
Siirry kohtaan Asetukset → Suunnitteluasetukset
Etsi Mukautettu HTML- tai Footer Code -osio
Liitä Asyntai-upotuskoodisi tähän kenttään
Napsauta Save
Koodi lisätään nyt automaattisesti kaikille sivuille

Huomautus: Mukautettujen HTML-asetusten tarkka sijainti voi vaihdella Volusion-tilauksesi ja -versiosi mukaan. Etsi asetuksia, jotka liittyvät kohtiin "Mukautettu koodi", "Ylä-/alatunniste" tai "Yleinen HTML."

Vaihtoehtoinen menetelmä 2: Sivukohtainen asennus

Jos haluat lisätä chatbotin vain tietyille sivuille:

Siirry kohtaan Design → File Editor → Shortcuts
Luo tai muokkaa sivukohtaista mallitiedostoa PageName-funktion avulla
Lisää ehdollinen koodi skriptin sisällyttämiseksi vain tietyille sivuille:

<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
    // Your Asyntai embed code here
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
}
</script>

Vinkki: Tämä menetelmä on hyödyllinen, jos haluat chatbotin vain tietyille sivuille, kuten tuotesivuille, kassasivulle tai tukisivuille. Korvaa 'home' ja 'products' Volusion-kauppasi todellisilla sivunimillä.

Vaihtoehtoinen menetelmä 3: Mukautettu CSS/HTML-artikkeli

Voit myös lisätä koodin artikkelilohkon kautta:

Siirry Volusion-hallinnassa kohtaan Articles → Articles
Luo uusi artikkeli tai muokkaa olemassa olevaa
Vaihda HTML-näkymään artikkelieditorissa
Liitä Asyntai-upotuskoodisi
Tallenna artikkeli
Lisää tämä artikkeli sivupohjaan tai sivupalkkiin
Chatbot näkyy sivuilla, joilla tämä artikkeli on esillä

Huomautus: Tämä menetelmä on harvinaisempi, mutta voi olla hyödyllinen, jos sinulla on rajoitettu pääsy sivupohjatiedostoihin tai haluat helposti ottaa chatbotin käyttöön tai poistaa sen käytöstä piilottamalla/näyttämällä artikkelin.

Vaihe 4: Vahvista asennus

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

Etkö näe widgetiä? Varmista, että olet tallentanut kaikki sivupohjamuutokset. Tyhjennä selaimen välimuisti tai tarkastele incognito-tilassa. Volusion saattaa välimuistittaa sivupohjia, joten muutosten näkyminen voi kestää muutaman minuutin. Tarkista selaimen konsoli (F12) mahdollisten JavaScript-virheiden varalta.

Tarvitsetko apua?

Jos et halua muokata sivupohjatiedostoja, Volusionin asiakastuki voi auttaa mukautettujen HTML- ja CSS-pyyntöjen kanssa. Voit myös ottaa yhteyttä Asyntai-tukeen saadaksesi ohjeita chatbotin asentamiseen Volusion-kauppaasi.

Ammattimainen tuki: Volusion tarjoaa mukautettuja koodauspalveluja, jos tarvitset ammattimaista apua teemamuokkauksiin tai monimutkaisiin mukautuksiin.

Dokumentaatio