Ako pridat Asyntai AI chatbota do BigCommerce

Návod krok za krokom pre obchody BigCommerce

Platforma:

Krok 1: Ziskajte svoj vkladací kod

Najprv prejdite na svoj Asyntai Dashboard a prejdite nadol k sekcii "Vkladaci kod". Skopirujte svoj jedinečný vkladací kod, ktory bude vyzerat takto:

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

Poznámka: Kod vyššie je len priklad. Musite skopirovat svoj vlastný jedinečný vkladací kod zo svojho Dashboardu, pretože obsahuje vase osobne ID widgetu.

Krok 2: Vyberte metodu inštalácie

Existuje niekolko sposobov, ako pridat chatovy widget do BigCommerce. Vyberte si metodu, ktora vam najlepsie vyhovuje:

Metoda 1: Použitie Správcu skriptov (odporúčané)

Správca skriptov je najjednoduchší a odporúčaný sposob pridavania vlastných skriptov do vasho obchodu BigCommerce. Nevyzaduje žiadne znalosti programovania a pretrvava naprieč zmenami tem.

Prihlaste sa do svojho Ovladacieho panelu BigCommerce
Prejdite na Obchod → Správca skriptov
Kliknite na tlačidlo "Vytvorit skript"
Nakonfigurujte svoj skript s tymito nastaveniami:
- Názov: Asyntai AI Chatbot
- Popis: Chatovy widget pohanany AI (volitelne)
- Umiestnenie: Pata
- Umiestnenie: Všetky stránky
- Kategoria skriptu: Funkcny
- Typ skriptu: Skript
Do pola "Obsah skriptu" vložíte svoj vkladací kod Asyntai
Kliknite na "Ulozit"

Preco pouzit Správcu skriptov? Skripty pridane cez Správcu skriptov su spravovane oddelene od vasej temy. Nebudu ovplyvnene pri aktualizacii alebo zmene temy vasho obchodu.

Metoda 2: Použitie Nastroja na tvorbu stránok

Môžete pouzit Nástroj na tvorbu stránok BigCommerce na pridanie chatoveho widgetu pomocou HTML elementu. Tato metoda je uzitocna, ak chcete väčšiu kontrolu nad tym, kde sa widget zobrazi.

Prihlaste sa do svojho Ovladacieho panelu BigCommerce
Prejdite na Obchod → Moje temy
Click the "Customize" button on your active theme
V lavom bocnom paneli Nastroja na tvorbu stránok najdite element "HTML"
Pretiahite HTML element do oblasti paty vasej šablóny stránky
Kliknite na HTML element a vyberte "Upravit HTML"
Vložíte svoj vkladací kod Asyntai
Kliknite na "Ulozit HTML"
Click "Publish" to apply changes to your live store

Poznámka: Ak chcete chatbota na všetkých strankach, budete ho musiet pridat do globalnej oblasti, ako je pata. Metoda so Spravcom skriptov je jednoduchsia pre inštaláciu na celom webe.

Metoda 3: Uprava súborov temy (temy Stencil)

Pre vývojárov používajúcich temy Stencil môžete pridat kod priamo do súborov vasej temy. To vyžaduje prístup k zdrojovym súborom vasej temy.

Použitie Ovladacieho panelu BigCommerce

Prejdite na Obchod → Moje temy
Kliknite na "Pokročilé" na vasej aktivnej teme
Vyberte "Upravit súbory temy"
Prejdite na templates → components → common
Otvorte footer.html
Prejdite na koniec súboru
Vložíte svoj vkladací kod Asyntai tesne pred uzatvaraci tag
Kliknite na "Ulozit a aplikovat súbor"

Použitie Stencil CLI (Lokalny vyvoj)

Ak vyvijate lokalne so Stencil CLI:

Otvorte lokalne súbory vasej temy
Prejdite na templates/components/common/footer.html
Pridajte svoj vkladací kod Asyntai pred uzatvaracie tagy
Odoslite svoje zmeny pomocou stencil push

Dôležité: Zmeny súborov temy mozu byt prepisane pri aktualizacii vasej temy. Pre trvale riešenie, ktore pretrvava naprieč aktualizaciami temy, použite metodu so Spravcom skriptov.

Krok 3: Overenie inštalácie

Po pridani kodu navštívte svoj obchod BigCommerce v novej karte prehliadača alebo v okne inkognito. Mali by ste vidiet tlačidlo chatoveho widgetu v pravom dolnom rohu vasho obchodu. Kliknite nan, aby ste sa uistili, ze sa otvara a funguje správne.

Nevidite widget? Vycistite vyrovnávaciu pamat prehliadača a skuste to znova. Ak ste vykonali zmeny cez Editor temy, uistite sa, ze ste klikli na "Publikovat" na aplikovanie zmien na vas zivy obchod.

Dokumentacia