Kaip pridėti Asyntai DI pokalbių robotą prie BigCommerce

Žingsnis po žingsnio vadovas BigCommerce parduotuvėms

Platforma:

1 žingsnis: Gaukite savo įterpimo kodą

Pirma, eikite į savo Asyntai valdymo skydelį ir slinkite žemyn iki "Įterpimo kodas" skyriaus. Nukopijuokite savo unikalų įterpimo kodą, kuris atrodys taip:

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

Pastaba: Aukščiau pateiktas kodas yra tik pavyzdys. Turite nukopijuoti savo unikalų įterpimo kodą iš savo Valdymo skydelio, nes jame yra jūsų asmeninis valdiklio ID.

2 žingsnis: Pasirinkite diegimo metodą

Yra keli būdai pridėti pokalbių valdiklį prie BigCommerce. Pasirinkite metodą, kuris jums labiausiai tinka:

Metodas 1: Skriptų tvarkyklės naudojimas (Rekomenduojama)

Skriptų tvarkyklė yra paprasčiausias ir rekomenduojamas būdas pridėti pasirinktinius skriptus prie BigCommerce parduotuvės. Nereikalauja jokių programavimo žinių ir išlieka keičiant temas.

Prisijunkite prie savo BigCommerce valdymo skydelio
Eikite į Storefront → Script Manager
Spustelėkite mygtuką "Create a Script"
Sukonfigūruokite savo skriptą su šiais nustatymais:
- Pavadinimas: Asyntai DI pokalbių robotas
- Aprašymas: DI valdomas pokalbių valdiklis (neprivaloma)
- Vieta: Poraštė
- Rodyti: Visuose puslapiuose
- Skripto kategorija: Funkcinis
- Skripto tipas: Skriptas
Į "Script Contents" laukelį įklijuokite savo Asyntai įterpimo kodą
Spustelėkite "Išsaugoti"

Kodėl naudoti skriptų tvarkyklę? Skriptai, pridėti per skriptų tvarkyklę, tvarkomi atskirai nuo temos. Jie nebus paveikti, kai atnaujinsite ar pakeisite parduotuvės temą.

Metodas 2: Puslapių kūrėjo naudojimas

Galite naudoti BigCommerce puslapių kūrėją pokalbių valdikliui pridėti naudojant HTML elementą. Šis metodas naudingas, jei norite daugiau kontroliuoti, kur valdiklis rodomas.

Prisijunkite prie savo BigCommerce valdymo skydelio
Eikite į Storefront → My Themes
Spustelėkite mygtuką "Customize" aktyviai temai
Puslapių kūrėjo kairiojoje šoninėje juostoje raskite "HTML" elementą
Nutempkite HTML elementą į puslapio šablono poraštės sritį
Spustelėkite HTML elementą ir pasirinkite "Edit HTML"
Įklijuokite savo Asyntai įterpimo kodą
Spustelėkite "Save HTML"
Click "Publish" to apply changes to your live store

Pastaba: Jei norite pokalbių roboto visuose puslapiuose, turėsite jį pridėti į globalią sritį, pvz., poraštę. Skriptų tvarkyklės metodas paprastesnis visos svetainės diegimui.

Metodas 3: Temos failų redagavimas (Stencil temos)

Programuotojams, naudojantiems Stencil temas, galite pridėti kodą tiesiai į temos failus. Tam reikia prieigos prie temos šaltinio failų.

Naudojant BigCommerce valdymo skydelį

Eikite į Storefront → My Themes
Spustelėkite "Advanced" savo aktyviai temai
Pasirinkite "Edit Theme Files"
Eikite į templates → components → common
Atidarykite footer.html
Slinkite iki failo apačios
Įklijuokite savo Asyntai įterpimo kodą prieš pat uždaromąją žymą
Spustelėkite "Save & Apply File"

Naudojant Stencil CLI (Vietinis kūrimas)

Jei kuriate lokaliai su Stencil CLI:

Atidarykite savo temos vietinius failus
Eikite į templates/components/common/footer.html
Pridėkite savo Asyntai įterpimo kodą prieš uždaromąsias žymas
Įkelkite pakeitimus naudodami stencil push

Svarbu: Temos failų pakeitimai gali būti perrašyti atnaujinant temą. Nuolatiniam sprendimui, kuris išliks per temos atnaujinimus, naudokite skriptų tvarkyklės metodą.

3 žingsnis: Patikrinkite diegimą

Pridėję kodą, apsilankykite savo BigCommerce parduotuvėje naujame naršyklės skirtuke arba inkognito lange. Turėtumėte matyti pokalbių valdiklio mygtuką apatiniame dešiniajame parduotuvės kampe. Spustelėkite jį, kad įsitikintumėte, jog jis atsidaro ir veikia teisingai.

Nematote valdiklio? Išvalykite naršyklės talpyklą ir bandykite dar kartą. Jei atlikote pakeitimus per temų redaktorių, įsitikinkite, kad spustelėjote "Publish", kad pritaikytumėte pakeitimus gyvai parduotuvei.

Dokumentacija