Kako dodati Asyntai AI chatbot na Volusion

Vodič korak po korak za Volusion trgovine

Platforma:

Korak 1: Nabavite svoj kod za ugradnju

Prvo idite na svoju Asyntai nadzornu ploču i pomaknite se prema dolje do odjeljka "Kod za ugradnju". Kopirajte svoj jedinstveni kod za ugradnju koji će izgledati ovako:

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

Napomena: Gornji kod je samo primjer. Morate kopirati svoj vlastiti jedinstveni kod za ugradnju sa svoje Nadzorne ploče jer sadrži vaš osobni ID widgeta.

Korak 2: Napravite sigurnosnu kopiju teme

Prije bilo kakvih promjena u vasoj Volusion trgovini vazno je napraviti sigurnosnu kopiju:

Prijavite se u svoj Volusion administratorski panel
Navigirajte do Design → File Editor
Kliknite na Archive Theme za izradu sigurnosne kopije
Preuzmite kopiju arhive za čuvanje

Važno: Uvijek napravite sigurnosnu kopiju teme prije promjena koda. To vam omogucuje lako vracanje ako nesto pode po krivu.

Korak 3: Dodajte kod u predlozak (Preporuceno)

Za dodavanje chatbota na sve stranice vaše Volusion trgovine:

U svom Volusion Admin Panelu idite na Design → Template
Alternativno, idite na Design → File Editor → Shortcuts
Pronađite glavnu datoteku predloška (obično template_*.html)
Pomaknite se da pronađete završnu oznaku </body>
Zalijepite svoj Asyntai kod za ugradnju neposredno prije oznake </body>
Kliknite Save za primjenu promjena
Pregledajte svoju trgovinu da potvrdite da se chatbot pojavljuje

Savjet: Dodavanje koda prije zavrsne oznake </body> osigurava optimalne performanse ucitavanja stranice. Ova metoda automatski dodaje chatbot na svaku stranicu vase trgovine.

Alternativna metoda 1: Ubacivanje HTML-a u zaglavlje/podnozje

Volusion vam omogućuje dodavanje prilagođenog koda putem globalnih postavki:

Prijavite se u svoj Volusion administratorski panel
Navigirajte do Settings → Design Settings
Potrazite odjeljak Custom HTML ili Footer Code
Zalijepite svoj Asyntai ugradni kod u ovo polje
Kliknite Save
Kod ce sada automatski biti dodan na sve stranice

Napomena: Tocna lokacija postavki prilagodenog HTML-a moze se razlikovati ovisno o vasem Volusion planu i verziji. Potrazite postavke vezane uz "Custom Code", "Header/Footer" ili "Global HTML".

Alternativna metoda 2: Instalacija na odredenu stranicu

Ako želite dodati chatbot samo na određene stranice:

Idite na Design → File Editor → Shortcuts
Izradite ili uredite predlozak specifican za stranicu koristeci funkciju PageName
Dodajte uvjetni kod za uključivanje skripte samo na određenim stranicama:

<!-- 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>

Savjet: Ova metoda je korisna ako zelite chatbot samo na odredenim stranicama poput stranica proizvoda, blagajne ili podrske. Zamijenite 'home' i 'products' stvarnim nazivima stranica iz vase Volusion trgovine.

Alternativna metoda 3: Prilagođeni CSS/HTML članak

Kod također možete dodati putem bloka članka:

U Volusion Adminu idite na Articles → Articles
Stvorite novi članak ili uredite postojeći
Prebacite se na HTML prikaz u uređivaču članaka
Zalijepite svoj Asyntai kod za ugradnju
Spremite članak
Dodajte ovaj članak u predložak stranice ili bočnu traku
Chatbot će se pojaviti na stranicama gdje je ovaj članak prikazan

Napomena: Ova metoda je manje uobičajena, ali može biti korisna ako imate ograničen pristup datotekama predložaka ili želite jednostavno uključiti/isključiti chatbot skrivanjem/prikazivanjem članka.

Korak 4: Provjerite instalaciju

Nakon spremanja promjena, otvorite svoju Volusion trgovinu u novoj kartici preglednika ili anonimnom prozoru. Trebali biste vidjeti gumb chat widgeta u donjem desnom kutu. Kliknite na njega kako biste provjerili otvara li se i radi li ispravno.

Ne vidite widget? Provjerite jeste li spremili sve promjene predložaka. Očistite predmemoriju preglednika ili pregledajte u anonimnom načinu. Volusion može spremati predloške u predmemoriju, pa može potrajati nekoliko minuta da se promjene pojave. Provjerite konzolu preglednika (F12) za eventualne JavaScript pogreške.

Trebate pomoć?

Ako vam nije ugodno uređivati datoteke predložaka, Volusion tim za korisničku podršku može pomoći s prilagođenim HTML i CSS zahtjevima. Također možete kontaktirati Asyntai podršku za smjernice o instalaciji chatbota na vašu Volusion trgovinu.

Profesionalna podrška: Volusion nudi usluge prilagođenog kodiranja ako vam je potrebna profesionalna pomoć s izmjenama tema ili složenim prilagodbama.

Dokumentacija