Asyntai AI -chatbotin lisääminen Tildaan

Vaiheittainen opas Tilda-verkkosivustoille

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 koko sivustollesi (suositeltu)

Lisätäksesi chatbotin kaikille Tilda-verkkosivustosi sivuille kerralla käytä sivuston asetukset -menetelmää:

Kirjaudu Tilda-tilillesi ja avaa sivuston editori
Napsauta Sivuston asetukset (rataskuvake) ylävalikossa
Vieritä alas kohtaan "More"
Etsi "HTML code for the HEAD section for all pages"
Napsauta "Edit code"
Liitä Asyntai-upotuskoodisi tekstikenttään
Napsauta "Save"
Click "Publish" to apply changes to your live site

Vinkki: Tämä menetelmä lisää chatbotin automaattisesti jokaiselle sivustosi sivulle. Se on helpoin tapa varmistaa, että chatbot on käytettävissä koko sivustolla vierailijoidesi käytettävissä.

Vaihtoehto: T123-lohkon käyttö (tietyt sivut)

Jos haluat lisätä chatbotin vain tietyille sivuille, voit käyttää Tildan T123 HTML -lohkoa:

Avaa muokattava sivu Tilda-editorissa
Napsauta "+ Add Block" tai paina "T"
Lohkokirjastossa siirry kohtaan Muut → T123 (Upota HTML-koodi)
Vaihtoehtoisesti hae "T123" hakupalkista
Napsauta T123-lohkoa lisätäksesi sen sivullesi
Liitä Asyntai-upotuskoodisi lohkon asetuksiin
Sijoita lohko minne tahansa sivullasi (se ei vaikuta widgetin sijoitteluun)
Napsauta \"Publish\" ottaaksesi muutokset käyttöön

Huomautus: T123-lohko tukee HTML:ää, JavaScriptiä (<script>-tagien sisällä) ja CSS:ää (<style>-tagien sisällä). Lohkon visuaalisella sijoittelulla ei ole merkitystä – chatbot ilmestyy asetusten mukaisesti oikeaan alakulmaan.

Sivukohtainen Head-osio (edistynyt)

For more control, you can add code to individual page head sections:

Avaa sivu Tilda-editorissa
Napsauta Sivun asetukset (rataskuvake) ylävalikossa
Siirry "Additional" -välilehdelle
Etsi "HTML code for the HEAD section"
Liitä Asyntai-upotuskoodisi
Click "Save" and then "Publish"

Tärkeää: T123-lohkoa tai sivukohtaista menetelmää käytettäessä koodi on lisättävä jokaiselle sivulle, jolla haluat chatbotin näkyvän. Koko sivuston kattavaan asennukseen käytä vaiheessa 2 kuvattua sivuston asetukset -menetelmää.

Vaihe 3: Vahvista asennus

Muutosten julkaisemisen jälkeen avaa verkkosivustosi uudessa selaimen välilehdessä tai incognito-ikkunassa. Chat-widget-painikkeen pitäisi näkyä oikeassa alakulmassa. Napsauta sitä varmistaaksesi, että se avautuu ja toimii oikein.