Asyntai AI -chatbotin lisääminen Bluditiin

Vaiheittainen opas Bludit CMS:lle

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 HTML Code -lisäosan avulla (Suositeltu)

Helpoin tapa lisätä chatbot Bludit-sivustollesi on käyttää sisäänrakennettua HTML Code -lisäosaa:

Kirjaudu Bludit-hallintapaneeliin
Siirry kohtaan Plugins vasemmassa sivupalkissa
Etsi "HTML Code" -lisäosa (se on yleensä esiasennettu)
Jos se ei ole aktiivinen, napsauta \"Activate\" ottaaksesi sen käyttöön
Napsauta "Configure" HTML Code -lisäosassa
Asetuksissa näet kentät Header- ja Footer-koodille
Liitä Asyntai-upotuskoodisi "Footer"-kenttään
Napsauta "Save"

Vinkki: Koodin lisääminen Footer-kenttään varmistaa, että se latautuu sivujesi lopussa, mikä ei hidasta sivustosi alkuperäistä latautumista. Tämä menetelmä lisää chatbotin automaattisesti kaikille sivustosi sivuille.

Vaihtoehtoinen tapa 1: Teematiedostointegraatio

Tarkempaa hallintaa varten voit lisätä koodin suoraan teematiedostoihisi:

Yhdistä Bludit-asennukseesi FTP:n tai tiedostonhallinnan kautta
Siirry kohtaan /bl-themes/your-theme-name/
Avaa index.php-tiedosto muokattavaksi
Etsi sulkeva </body>-tagi
Liitä Asyntai-upotuskoodisi juuri ennen </body>-tagia
Tallenna tiedosto
Tyhjennä sivustosi välimuisti tarvittaessa

Huomautus: Kun muokkaat teematiedostoja suoraan, varmuuskopioi alkuperäinen tiedosto ensin. Teemapäivitykset voivat ylikirjoittaa muutoksesi, joten dokumentoi tekemäsi muokkaukset.

Vaihtoehtoinen tapa 2: Mukautettu sisältö sivuilla

Voit myös lisätä chatbot-koodin suoraan tietyille sivuille käyttämällä Bluditin sisältöeditoria:

Kirjaudu Bludit-hallintapaneeliin
Siirry kohtaan Content ja valitse muokattava sivu
Vaihda HTML-tilaan editorissa (jos käytät visuaalista editoria)
Lisää Asyntai-upotuskoodisi mihin tahansa sivun sisältöön
Napsauta "Save"
Toista muille sivuille, joille haluat chatbotin

Tärkeää: Kun lisäät koodin suoraan sivun sisältöön, sinun on lisättävä se jokaiselle sivulle erikseen. Koko sivuston kattavaa asennusta varten käytä sen sijaan HTML Code -lisäosaa tai teematiedostomenetelmää.

Lisäosien hookkien käyttö (Edistynyt)

Mukautettuja lisäosia luoville kehittäjille Bludit tarjoaa lisäosa-koukkuja:

siteBodyBegin - Suoritetaan <body>-tagin alussa
siteBodyEnd - Suoritetaan lopussa, ihanteellinen JavaScript-koodille kuten Asyntai-widgetille

Voit luoda mukautetun lisäosan, joka käyttää siteBodyEnd-hookkia chatbot-koodin lisäämiseksi kaikille sivuille.

Vaihe 3: Vahvista asennus

Muutosten tallentamisen jälkeen käy Bludit-verkkosivustollasi uudessa selainvälilehdessä tai incognito-ikkunassa. Chat-widget-painikkeen pitäisi näkyä oikeassa alakulmassa. Napsauta sitä varmistaaksesi, että se avautuu ja toimii oikein.

Etkö näe widgetiä? Varmista, että tallensit lisäosan asetukset tai teematiedoston muutokset. Tyhjennä selaimen välimuisti ja Bluditin välimuisti (jos käytössä). Tarkista selaimen konsoli (F12) mahdollisten JavaScript-virheiden varalta.