Asyntai AI -chatbotin lisääminen Duda-alustalle

Vaiheittainen opas Duda-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 sivuston asetuksiin (suositeltu)

Helpoin tapa lisätä chatbot kaikille Duda-verkkosivustosi sivuille on sivuston asetusten kautta:

Kirjaudu Duda-tilillesi ja avaa verkkosivuston editori
Valitse vasemmasta sivupalkista "Site"
Napsauta \"Settings\"
Vieritä alas ja napsauta \"Head HTML\"
Liitä Asyntai-upotuskoodisi \"Body End HTML\" -kenttään
Napsauta "Save"
Napsauta \"Publish\" oikeassa yläkulmassa ottaaksesi muutokset käyttöön

Vinkki: Koodin lisääminen Body End HTML -osioon varmistaa, että chatbot latautuu sivun sisällön jälkeen, mikä ei vaikuta sivustosi latausnopeuteen. Tämä tapa lisää chatbotin automaattisesti jokaiselle sivuston sivulle.

Vaihtoehtoinen tapa 1: HTML-widget (tietyt sivut)

Jos haluat lisätä chatbotin vain tietyille sivuille, käytä HTML-widgetiä:

Avaa muokattava sivu Duda-editorissa
Hae vasemmasta sivupalkista \"HTML\" widgetit-paneelista
Vedä ja pudota HTML-widget sarakkeeseen tai riville sivullasi
Napsauta widgetiä muokataksesi sitä
Liitä Asyntai-upotuskoodisi koodikenttään
Napsauta \"Update\"
Napsauta \"Publish\" ottaaksesi muutokset käyttöön

Huomautus: HTML-widget mahdollistaa mukautetun koodin upottamisen minne tahansa sivullesi. Widgetin visuaalinen sijainti ei vaikuta siihen, missä chatbot näkyy – se näkyy edelleen oikeassa alakulmassa asetusten mukaisesti.

Vaihtoehtoinen tapa 2: Kehittäjätila (edistynyt)

Edistyneet käyttäjät voivat käyttää kehittäjätilaa lisätäkseen koodin suoraan HTML:ään:

Napsauta Duda-editorissa Developer Mode -kuvaketta yläpalkissa
Napsauta \"Site HTML/CSS\" laajentaaksesi valinnan
Napsauta tiedostolistasta \"body-end.html\"
Vieritä tiedoston viimeiselle riville
Liitä Asyntai-upotuskoodisi uudelle riville
Napsauta "Save"
Napsauta \"Done\" poistuaksesi kehittäjätilasta
Napsauta \"Publish\" julkaistaksesi muutoksesi

Tärkeää: Kehittäjätila antaa sinulle suoran pääsyn sivustosi HTML- ja CSS-koodiin. Lisää koodi vain body-end.html-tiedoston loppuun, jotta sivustosi toiminnallisuus ei rikkoudu. Testaa muutokset aina ennen julkaisua.

Vaihe 3: Vahvista asennus

Kun olet julkaissut muutoksesi, avaa verkkosivustosi uudessa selaimen välilehdessä tai incognito-ikkunassa. Chat-painikkeen pitäisi näkyä oikeassa alakulmassa. Napsauta sitä varmistaaksesi, että se avautuu ja toimii oikein.