Kako dodati Asyntai AI chatbot na BigCommerce

Vodič korak po korak za BigCommerce 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: Odaberite metodu instalacije

Postoji nekoliko načina za dodavanje chat widgeta na BigCommerce. Odaberite metodu koja vam najbolje odgovara:

Metoda 1: Korištenje upravitelja skripti (preporučeno)

Upravitelj skripti najlakši je i preporučeni način za dodavanje prilagođenih skripti u vašu BigCommerce trgovinu. Ne zahtijeva nikakvo znanje kodiranja i ostaje pri promjenama teme.

Prijavite se na svoj BigCommerce upravljački panel
Idite na Trgovina → Upravitelj skripti
Kliknite gumb "Kreiraj skriptu"
Konfigurirajte svoju skriptu s ovim postavkama:
- Naziv: Asyntai AI Chatbot
- Opis: Chat widget pokretan AI-jem (opcionalno)
- Položaj: Podnožje
- Lokacija: Sve stranice
- Kategorija skripte: Funkcionalna
- Tip skripte: Skripta
U okvir "Sadržaj skripte" zalijepite svoj Asyntai kod za ugradnju
Kliknite "Spremi"

Zašto koristiti upravitelja skripti? Skripte dodane putem upravitelja skripti upravljaju se odvojeno od vaše teme. Neće biti pogođene kada ažurirate ili promijenite temu trgovine.

Metoda 2: Korištenje alata za izradu stranica

Možete koristiti BigCommerce alat za izradu stranica za dodavanje chat widgeta pomoću HTML elementa. Ova metoda je korisna ako želite više kontrole nad tim gdje se widget pojavljuje.

Prijavite se na svoj BigCommerce upravljački panel
Idite na Trgovina → Moje teme
Kliknite gumb "Prilagodi" na svojoj aktivnoj temi
U lijevoj bočnoj traci alata za izradu stranica pronađite element "HTML"
Povucite i ispustite HTML element u područje podnožja predloška vaše stranice
Kliknite na HTML element i odaberite "Uredi HTML"
Zalijepite svoj Asyntai kod za ugradnju
Kliknite "Spremi HTML"
Click "Publish" to apply changes to your live store

Napomena: Ako želite chatbot na svim stranicama, morat ćete ga dodati u globalnu regiju poput podnožja. Metoda upravitelja skripti lakša je za instalaciju na cijeloj stranici.

Metoda 3: Uredite datoteke teme (Stencil teme)

Za programere koji koriste Stencil teme, možete dodati kod izravno u datoteke teme. To zahtijeva pristup izvornim datotekama vaše teme.

Korištenje BigCommerce upravljačkog panela

Idite na Trgovina → Moje teme
Kliknite "Napredno" na svojoj aktivnoj temi
Odaberite "Uredi datoteke teme"
Navigirajte na templates → components → common
Otvorite footer.html
Pomaknite se na dno datoteke
Zalijepite svoj Asyntai kod za ugradnju neposredno prije zatvarajuće oznake
Kliknite "Spremi i primijeni datoteku"

Korištenje Stencil CLI-ja (lokalni razvoj)

Ako razvijate lokalno sa Stencil CLI-jem:

Otvorite lokalne datoteke svoje teme
Navigirajte na templates/components/common/footer.html
Dodajte svoj Asyntai kod za ugradnju prije zatvarajućih oznaka
Gurnite svoje promjene koristeći stencil push

Važno: Promjene datoteka teme mogu biti prebrisane kada ažurirate svoju temu. Za trajno rješenje koje ostaje pri ažuriranjima teme koristite metodu upravitelja skripti.

Korak 3: Provjerite instalaciju

Nakon dodavanja koda, posjetite svoju BigCommerce trgovinu u novoj kartici preglednika ili anonimnom prozoru. Trebali biste vidjeti gumb chat widgeta u donjem desnom kutu svoje trgovine. Kliknite ga kako biste provjerili otvara li se i radi li ispravno.

Ne vidite widget? Očistite predmemoriju preglednika i pokušajte ponovno. Ako ste napravili promjene putem uređivača teme, provjerite jeste li kliknuli "Objavi" za primjenu promjena na svoju aktivnu trgovinu.

Dokumentacija