Kako dodati klepetalnik Asyntai z UI v BigCommerce

Vodič po korakih za trgovine BigCommerce

Platforma:

Korak 1: Pridobite svojo vdelovalno kodo

Najprej pojdite na svojo Nadzorno ploščo Asyntai in se pomaknite navzdol do razdelka "Vdelovalna koda". Kopirajte svojo edinstveno vdelovalno kodo, ki bo videti takole:

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

Opomba: Zgornja koda je le primer. Svojo edinstveno vdelovalno kodo morate kopirati iz svoje Nadzorne plošče, saj vsebuje vaš osebni ID klepetalnika.

Korak 2: Izberite način namestitve

Obstaja več načinov za dodajanje klepetalnika v BigCommerce. Izberite način, ki vam najbolj ustreza:

Način 1: Uporaba upravljalnika skriptov (priporočeno)

Upravljalnik skriptov je najlažji in priporočeni način za dodajanje skriptov po meri v vašo trgovino BigCommerce. Ne zahteva znanja programiranja in se ohrani ob menjavah teme.

Prijavite se v svojo nadzorno ploščo BigCommerce
Pojdite na Spletna trgovina → Upravljalnik skriptov
Kliknite gumb "Ustvari skript"
Nastavite skript s temi nastavitvami:
- Ime: Asyntai AI Chatbot
- Opis: Klepetalnik s pomočjo UI (neobvezno)
- Umestitev: Noga
- Lokacija: Vse strani
- Kategorija skripta: Funkcionalni
- Tip skripta: Skript
V polje "Vsebina skripta" prilepite svojo vdelovalno kodo Asyntai
Kliknite "Shrani"

Zakaj uporabiti upravljalnik skriptov? Skripti, dodani prek upravljalnika skriptov, se upravljajo ločeno od vaše teme. Nanje ne vpliva posodabljanje ali menjava teme vaše trgovine.

Način 2: Uporaba graditelja strani

Uporabite lahko graditelj strani BigCommerce za dodajanje klepetalnika z elementom HTML. Ta način je uporaben, če želite več nadzora nad tem, kje se klepetalnik prikaže.

Prijavite se v svojo nadzorno ploščo BigCommerce
Pojdite na Spletna trgovina → Moje teme
Kliknite gumb "Prilagodi" na svoji aktivni temi
V levi stranski vrstici graditelja strani poiščite element "HTML"
Povlecite in spustite element HTML v območje noge predloge strani
Kliknite na element HTML in izberite "Uredi HTML"
Prilepite svojo vdelovalno kodo Asyntai
Kliknite "Shrani HTML"
Click "Publish" to apply changes to your live store

Opomba: Če želite klepetalnik na vseh straneh, ga morate dodati v globalno območje, kot je noga. Način z upravljalnikom skriptov je lažji za namestitev na celotnem mestu.

Način 3: Uredite datoteke teme (teme Stencil)

Za razvijalce, ki uporabljajo teme Stencil, lahko kodo dodate neposredno v datoteke teme. To zahteva dostop do izvornih datotek vaše teme.

Uporaba nadzorne plošče BigCommerce

Pojdite na Spletna trgovina → Moje teme
Kliknite "Napredno" na svoji aktivni temi
Izberite "Uredi datoteke teme"
Pojdite na templates → components → common
Odprite footer.html
Pomaknite se na dno datoteke
Prilepite svojo vdelovalno kodo Asyntai tik pred zaključno oznako
Kliknite "Shrani in uporabi datoteko"

Uporaba Stencil CLI (lokalni razvoj)

Če razvijate lokalno s Stencil CLI:

Odprite lokalne datoteke svoje teme
Pojdite na templates/components/common/footer.html
Dodajte svojo vdelovalno kodo Asyntai pred zaključne oznake
Potisnite spremembe z uporabo stencil push

Pomembno: Spremembe datotek teme so lahko prepisane ob posodobitvi teme. Za trajno rešitev, ki se ohrani ob posodobitvah teme, uporabite način z upravljalnikom skriptov.

Korak 3: Preverite namestitev

Po dodajanju kode obiščite svojo trgovino BigCommerce v novem zavihku brskalnika ali oknu brez beleženja. V spodnjem desnem kotu vaše trgovine bi morali videti gumb klepetalnika. Kliknite ga, da preverite, ali se pravilno odpre in deluje.

Ne vidite klepetalnika? Počistite predpomnilnik brskalnika in poskusite znova. Če ste izvedli spremembe prek urejevalnika teme, se prepričajte, da ste kliknili "Objavi" za uveljavitev sprememb v vaši trgovini v živo.

Dokumentacija