Ako pridať Asyntai AI chatbota do BigCommerce

Návod krok za krokom pre obchody BigCommerce

Platforma:

Krok 1: Získajte svoj vkladací kód

Najprv prejdite na svoj Asyntai Dashboard a prejdite nadol k sekcii „Vkladací kód“. Skopírujte svoj jedinečný vkladací kód, ktorý bude vyzerať takto:

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

Poznámka: Kód vyššie je len príklad. Musíte skopírovať svoj vlastný jedinečný vkladací kód zo svojho Dashboardu, pretože obsahuje vaše osobné ID widgetu.

Krok 2: Vyberte metodu inštalácie

Existuje niekoľko spôsobov, ako pridať chatový widget do BigCommerce. Vyberte si metódu, ktorá vám najlepšie vyhovuje:

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

Správca skriptov je najjednoduchší a odporúčaný spôsob pridávania vlastných skriptov do vášho obchodu BigCommerce. Nevyžaduje žiadne znalosti programovania a pretrváva naprieč zmenami tém.

Prihláste sa do svojho Ovládacieho panelu BigCommerce
Prejdite na Obchod → Správca skriptov
Kliknite na tlačidlo "Vytvoriť skript"
Nakonfigurujte svoj skript s týmito nastaveniami:
- Názov: Asyntai AI Chatbot
- Popis: Chatový widget poháňaný AI (voliteľné)
- Umiestnenie: Päta
- Umiestnenie: Všetky stránky
- Kategória skriptu: Funkčný
- Typ skriptu: Skript
Do poľa "Obsah skriptu" vložte svoj vkladací kód Asyntai
Kliknite na "Uložiť"

Prečo použiť Správcu skriptov? Skripty pridané cez Správcu skriptov sú spravované oddelene od vašej témy. Nebudú ovplyvnené pri aktualizácii alebo zmene témy vášho obchodu.

Metóda 2: Použitie Nástroja na tvorbu stránok

Môžete použiť Nástroj na tvorbu stránok BigCommerce na pridanie chatového widgetu pomocou HTML elementu. Táto metóda je užitočná, ak chcete väčšiu kontrolu nad tým, kde sa widget zobrazí.

Prihláste sa do svojho Ovládacieho panelu BigCommerce
Prejdite na Storefront → My Themes
Kliknite na tlačidlo "Customize" na vašej aktívnej téme
V ľavom bočnom paneli Nástroja na tvorbu stránok nájdite element "HTML"
Pretiahnite HTML element do oblasti päty vašej šablóny stránky
Kliknite na HTML element a vyberte "Edit HTML"
Vložte svoj vkladací kód Asyntai
Kliknite na "Save HTML"
Kliknite na "Publish" na zverejnenie zmien

Poznámka: Ak chcete chatbota na všetkých stránkach, budete ho musieť pridať do globálnej oblasti, ako je päta. Metóda so Správcom skriptov je jednoduchšia 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 Storefront → My Themes
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.

Nevidíte 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.

Dokumentácia