Kuinka lisätä Asyntai AI Chatbot Webflow-sivustolle

Vaiheittainen opas Webflow-sivustoille

Alusta:

Vaihe 1: Hanki upotuskoodisi

Siirry ensin Asyntai-hallintapaneeliin ja vieritä alas "Upotuskoodi"-osioon. Kopioi yksilöllinen upotuskoodisi, joka näyttää tältä:

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

Huomautus: Yllä oleva koodi on vain esimerkki. Sinun on kopioitava oma yksilöllinen upotuskoodisi Hallintapaneelistasi, sillä se sisältää henkilökohtaisen widget-tunnuksesi.

Vaihe 2: Lisää koodi sivuston asetusten kautta (kaikki sivut)

Lisää chatbot kaikkiin Webflow-sivustosi sivuihin kerralla:

Kirjaudu Webflow-tilillesi ja valitse projektisi
Napsauta rataskuvaketta (Sivuston asetukset) vasemmassa sivupalkissa
Napsauta "Custom Code" asetusvalikossa
Vieritä alas kohtaan "Footer Code" (ennen </body>-tagia)
Liitä Asyntai-upotuskoodisi
Napsauta "Save Changes"
Julkaise sivustosi, jotta muutokset tulevat voimaan

Vinkki: Koodin lisääminen Footer-osioon sijoittaa sen juuri ennen sulkevaa </body>-tagia, mikä on suositeltavaa chat-widgeteille, koska se ei hidasta sivun latautumista.

Vaihtoehto: Sivukohtainen mukautettu koodi

Jos haluat chatbotin vain tietyille sivuille:

Avaa projektisi Webflow Designerissa
Napsauta Sivut-paneelia (kansiokuvake) vasemmassa sivupalkissa
Vie hiiri muokattavan sivun päälle ja napsauta rataskuvaketta
Vieritä alas kohtaan "Custom Code"
Liitä Asyntai-upotuskoodisi "Before </body> tag" -osioon
Napsauta "Save"
Julkaise sivustosi

Vaihtoehto: Upotus-elementin käyttö

Voit myös lisätä chatbotin käyttämällä Upotus-elementtiä missä tahansa sivullasi:

Avaa projektisi Webflow Designerissa
Napsauta "+" -painiketta avataksesi Lisää-paneelin
Hae "Embed" tai etsi se Komponentit-kohdasta
Vedä Upotus-elementti sivullesi
Liitä Asyntai-upotuskoodisi koodieditoriin
Napsauta "Tallenna ja sulje"
Julkaise sivustosi

Tärkeää: Upotus-elementtiä käytettäessä sinun täytyy lisätä se jokaiselle sivulle, jolla haluat chatbotin näkyvän. Koko sivuston kattavaan asennukseen käytä yllä olevaa Sivuston asetukset -menetelmää.

Vaihe 3: Vahvista asennus

Julkaistuasi sivustosi avaa se uudessa selaimen välilehdessä tai incognito-ikkunassa. Chat-widgetin painikkeen pitäisi näkyä oikeassa alakulmassa. Napsauta sitä varmistaaksesi, että se avautuu ja toimii oikein.