Kuidas lisada Asyntai tehisintellekti vestlusrobot BigCommerce'i

Samm-sammult juhend BigCommerce'i poodide jaoks

Platvorm:

1. samm: Hankige oma manuskood

Esmalt minge oma Asyntai juhtpaneelile ja kerige alla jaotiseni "Manuskood". Kopeerige oma unikaalne manuskood, mis näeb välja selline:

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

Märkus: Ülalolev kood on vaid näide. Peate kopeerima oma unikaalse manuskoodi oma juhtpaneelilt, kuna see sisaldab teie isiklikku vidina ID-d.

2. samm: Valige paigaldusmeetod

BigCommerce'i vestlusvidina lisamiseks on mitu viisi. Valige meetod, mis teile kõige paremini sobib:

Meetod 1: skripthalduri kasutamine (soovitatav)

Skripthaldur on lihtsaim ja soovitatav viis kohandatud skriptide lisamiseks oma BigCommerce'i poodi. See ei nõua kodeerimisoskusi ja püsib teemavahetuste üle.

Logige sisse oma BigCommerce'i juhtpaneeli
Minge Poeesine → Skripthaldur
Klõpsake nuppu "Loo skript"
Seadistage oma skript nende seadetega:
- Nimi: Asyntai AI Chatbot
- Kirjeldus: tehisintellektipõhine vestlusvidin (valikuline)
- Paigutus: Jalus
- Asukoht: Kõik lehed
- Skripti kategooria: Funktsionaalne
- Skripti tüüp: Skript
Kleepige oma Asyntai manuskood kasti "Skripti sisu"
Klõpsake "Salvesta"

Miks kasutada skripthaldurit? Skripthalduri kaudu lisatud skripte hallatakse teemast eraldi. Need ei muutu, kui uuendate või vahetate oma poe teemat.

Meetod 2: leheehitaja kasutamine

Saate kasutada BigCommerce'i leheehitajat vestlusvidina lisamiseks HTML-elemendi abil. See meetod on kasulik, kui soovite rohkem kontrolli vidina asukoha üle.

Logige sisse oma BigCommerce'i juhtpaneeli
Minge Poeesine → Minu teemad
Klõpsake oma aktiivsel teemal nuppu "Kohanda"
Leheehitaja vasakpoolsel külgribal leidke element "HTML"
Lohistage HTML-element oma lehemalli jaluse piirkonda
Klõpsake HTML-elemendil ja valige "Muuda HTML-i"
Kleepige oma Asyntai manuskood
Klõpsake "Salvesta HTML"
Click "Publish" to apply changes to your live store

Märkus: Kui soovite vestlusrobotit kõikidele lehtedele, peate selle lisama globaalsesse piirkonda nagu jalus. Skripthalduri meetod on kogu saidi hõlmavaks paigaldamiseks lihtsam.

Meetod 3: teemafailide muutmine (Stencil teemad)

Stencil teemasid kasutavate arendajate jaoks saate koodi lisada otse oma teemafailidesse. See nõuab juurdepääsu teie teema lähtefailidele.

BigCommerce'i juhtpaneeli kasutamine

Minge Poeesine → Minu teemad
Klõpsake oma aktiivsel teemal "Täpsem"
Valige "Muuda teemafaile"
Navigeerige templates → components → common
Avage footer.html
Kerige faili lõppu
Kleepige oma Asyntai manuskood vahetult enne sulgevat silti
Klõpsake "Salvesta ja rakenda fail"

Stencil CLI kasutamine (kohalik arendus)

Kui arendate kohapeal Stencil CLI-ga:

Avage oma teema kohalikud failid
Navigeerige templates/components/common/footer.html juurde
Lisage oma Asyntai manuskood enne sulgevaid silte
Lükake oma muudatused käsuga stencil push

Oluline: Teemafailide muudatused võidakse teema uuendamisel üle kirjutada. Püsiva lahenduse jaoks, mis kestab teemauuenduste üle, kasutage skripthalduri meetodit.

3. samm: Kontrollige paigaldust

Pärast koodi lisamist külastage oma BigCommerce'i poodi uues brauseri vahekaardil või inkognito aknas. Peaksite nägema vestlusvidina nuppu oma poe alumises paremas nurgas. Klõpsake sellel, et veenduda, et see avaneb ja töötab korrektselt.

Ei näe vidinat? Tühjendage brauseri vahemälu ja proovige uuesti. Kui olete teinud muudatusi teemaredaktoris, veenduge, et klõpsasite "Avalda", et rakendada muudatused oma reaalajas poele.

Dokumentatsioon