Cum să adăugați chatbotul AI Asyntai pe BigCommerce

Ghid pas cu pas pentru magazine BigCommerce

Platformă:

Pasul 1: Obțineți codul de încorporare

Mai întâi, accesați Tabloul de bord Asyntai și derulați în jos până la secțiunea "Cod de încorporare". Copiați codul unic de încorporare care va arăta astfel:

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

Notă: Codul de mai sus este doar un exemplu. Trebuie să copiați propriul cod unic de încorporare din Tabloul de bord, deoarece conține ID-ul personal al widgetului dvs.

Pasul 2: Alegeți metoda de instalare

Există mai multe modalități de a adăuga widgetul de chat pe BigCommerce. Alegeți metoda care funcționează cel mai bine pentru dvs.:

Metoda 1: Utilizarea Script Manager (recomandat)

Script Manager este cea mai ușoară și recomandată modalitate de a adăuga scripturi personalizate în magazinul dvs. BigCommerce. Nu necesită cunoștințe de programare și persistă la schimbarea temei.

Conectați-vă la Panoul de control BigCommerce
Accesați Magazin → Script Manager
Faceți clic pe butonul "Creați un script"
Configurați scriptul cu aceste setări:
- Nume: Asyntai AI Chatbot
- Descriere: Widget de chat cu AI (opțional)
- Plasare: Footer
- Locație: Toate paginile
- Categoria scriptului: Funcțional
- Tipul scriptului: Script
În caseta "Conținut script", inserați codul de încorporare Asyntai
Faceți clic pe "Salvare"

De ce să utilizați Script Manager? Scripturile adăugate prin Script Manager sunt gestionate separat de tema dvs. Nu vor fi afectate când actualizați sau schimbați tema magazinului.

Metoda 2: Utilizarea Page Builder

Puteți utiliza Page Builder-ul BigCommerce pentru a adăuga widgetul de chat folosind un element HTML. Această metodă este utilă dacă doriți mai mult control asupra locului unde apare widgetul.

Conectați-vă la Panoul de control BigCommerce
Accesați Magazin → Temele mele
Faceți clic pe butonul "Personalizare" pe tema activă
În bara laterală din stânga Page Builder, găsiți elementul "HTML"
Trageți și plasați elementul HTML în zona footer a șablonului paginii
Click on the HTML element and select "Edit HTML"
Inserați codul de încorporare Asyntai
Faceți clic pe "Salvare HTML"
Click "Publish" to apply changes to your live store

Notă: Dacă doriți chatbotul pe toate paginile, va trebui să îl adăugați într-o regiune globală precum footer-ul. Metoda Script Manager este mai ușoară pentru instalarea pe tot site-ul.

Metoda 3: Editarea fișierelor de temă (teme Stencil)

Pentru dezvoltatorii care folosesc teme Stencil, puteți adăuga codul direct în fișierele de temă. Acest lucru necesită acces la fișierele sursă ale temei.

Utilizarea Panoului de control BigCommerce

Accesați Magazin → Temele mele
Faceți clic pe "Avansat" pe tema activă
Selectați "Editare fișiere temă"
Navigați la templates → components → common
Deschideți footer.html
Derulați până în josul fișierului
Paste your Asyntai embed code just before the closing tag
Dă clic pe "Salvează și aplică fișierul"

Utilizarea Stencil CLI (dezvoltare locală)

Dacă dezvoltați local cu Stencil CLI:

Deschideți fișierele locale ale temei
Navigați la templates/components/common/footer.html
Adăugați codul de încorporare Asyntai înainte de etichetele de închidere
Trimiteți modificările folosind stencil push

Important: Modificările fișierelor de temă pot fi suprascrise când actualizați tema. Pentru o soluție permanentă care persistă la actualizările de temă, utilizați metoda Script Manager.

Pasul 3: Verificați instalarea

După adăugarea codului, vizitați magazinul dvs. BigCommerce într-o filă nouă a browserului sau într-o fereastră incognito. Ar trebui să vedeți butonul widgetului de chat în colțul din dreapta jos al magazinului. Faceți clic pe el pentru a vă asigura că se deschide și funcționează corect.

Nu vedeți widgetul? Goliți memoria cache a browserului și încercați din nou. Dacă ați făcut modificări prin Editorul de temă, asigurați-vă că ați făcut clic pe "Publicare" pentru a aplica modificările pe magazinul live.

Documentație