Kuidas lisada Asyntai AI vestlusrobot Webflow'sse

Samm-sammult juhend Webflow veebisaitide jaoks

Hangi manestuskood

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: koodi lisamine saidi seadete kaudu (kõik lehed)

Vestlusroboti lisamiseks kõikidele Webflow saidi lehtedele korraga:

  1. Logige sisse oma Webflow kontole ja valige oma projekt
  2. Klõpsake vasakul külgribal hammasrattaikoonil (Saidi seaded)
  3. Klõpsake seadete menüüs "Kohandatud kood"
  4. Kerige alla "Jaluse kood" sektsioonini (enne </body> märgendit)
  5. Kleepige oma Asyntai manuskood
  6. Klõpsake "Salvesta muudatused"
  7. Avaldage oma sait, et muudatused jõustuksid

Vihje: Koodi lisamine jaluse sektsiooni paigutab selle vahetult enne sulgevat </body> märgendit, mis on vestlusvidinite jaoks soovitatav, kuna see ei aeglusta teie lehe laadimist.

Alternatiiv: lehekohtane kohandatud kood

Kui soovite vestlusrobotit ainult konkreetsetele lehtedele:

  1. Avage oma projekt Webflow Designeris
  2. Klõpsake vasakul külgribal Lehtede paneeli (kaustaikoon)
  3. Hõljutage muudetava lehe kohal ja klõpsake hammasrattaikoonil
  4. Kerige alla jaotiseni "Kohandatud kood"
  5. Kleepige oma Asyntai manuskood "Enne </body> märgendit" sektsiooni
  6. Klõpsake "Salvesta"
  7. Avaldage oma sait

Alternatiiv: manustamiselemendi kasutamine

Samuti saate lisada vestlusroboti, kasutades manustamiselementi mis tahes kohas oma lehel:

  1. Avage oma projekt Webflow Designeris
  2. Klõpsake nuppu "+" lisamise paneeli avamiseks
  3. Otsige "Embed" või leidke see komponentide alt
  4. Lohistage manustamiselement oma lehele
  5. Kleepige oma Asyntai manuskood koodiredaktorisse
  6. Klõpsake "Salvesta ja sulge"
  7. Avaldage oma sait

Oluline: Manustamiselemendi kasutamisel peate selle lisama igale lehele, kus soovite vestlusrobotit. Kogu saidi hõlmavaks paigaldamiseks kasutage ülaltoodud saidi seadete meetodit.

3. samm: Kontrollige paigaldust

Pärast saidi avaldamist avage see uuel brauseri vahekaardil või inkognito aknas. Peaksite nägema vestlusvidina nuppu paremas alanurgas. Klõpsake sellel, et veenduda selle avamises ja korrektses toimimises.

Ei näe vidinat? Veenduge, et avaldasite oma saidi pärast koodi lisamist. Kohandatud kood kuvatakse ainult aktiivsel saidil, mitte Designeri eelvaates. Proovige tühjendada brauseri vahemälu või vaadata inkognito aknas.