Kako dodati Asyntai AI chatbot na Duda

Vodič korak po korak za Duda web stranice

Platforma:

Korak 1: Nabavite svoj kod za ugradnju

Prvo idite na svoju Asyntai nadzornu ploču i pomaknite se prema dolje do odjeljka "Kod za ugradnju". Kopirajte svoj jedinstveni kod za ugradnju koji će izgledati ovako:

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

Napomena: Gornji kod je samo primjer. Morate kopirati svoj vlastiti jedinstveni kod za ugradnju sa svoje Nadzorne ploče jer sadrži vaš osobni ID widgeta.

Korak 2: Dodajte kod u postavke stranice (Preporučeno)

Najlakši način za dodavanje chatbota na sve stranice vaše Duda web stranice je putem Postavki stranice:

Prijavite se na svoj Duda račun i otvorite uređivač web stranice
U lijevoj bočnoj traci kliknite "More" (ikona tri točke)
Kliknite "Settings"
Pomaknite se prema dolje i kliknite "Head HTML"
U polje "Body End HTML" zalijepite svoj Asyntai ugradni kod
Kliknite "Spremi"
Kliknite "Publish" u gornjem desnom kutu da promjene postanu aktivne

Savjet: Dodavanje koda u odjeljak Body End HTML osigurava ucitavanje chatbota nakon sadrzaja stranice, sto nece utjecati na brzinu ucitavanja. Ova metoda automatski dodaje chatbot na svaku stranicu vaseg weba.

Alternativna metoda 1: HTML widget (Odredene stranice)

Ako zelite dodati chatbot samo na odredene stranice, koristite HTML widget:

Otvorite stranicu koju želite urediti u Duda editoru
U lijevoj bocnoj traci potrazite "HTML" u panelu widgeta
Povucite i ispustite HTML widget u stupac ili redak na svojoj stranici
Kliknite na widget da ga uredite
Zalijepite svoj Asyntai ugradni kod u polje za kod
Kliknite "Update"
Kliknite "Publish" da promjene postanu aktivne

Napomena: HTML widget vam omogucuje ugradnju prilagodenog koda bilo gdje na stranici. Vizualni polozaj widgeta ne utjece na mjesto pojavljivanja chatbota - i dalje ce se prikazivati u donjem desnom kutu prema konfiguraciji.

Alternativna metoda 2: Razvojni nacin (Napredno)

Za napredne korisnike, mozete koristiti Razvojni nacin za izravno dodavanje koda u HTML:

U Duda editoru kliknite ikonu Developer Mode u gornjoj traci
Kliknite "Site HTML/CSS" da proširite odabir
Kliknite "body-end.html" s popisa datoteka
Pomaknite se do zadnjeg retka datoteke
Zalijepite svoj Asyntai ugradni kod u novi redak
Kliknite "Spremi"
Kliknite "Done" za izlaz iz Razvojnog nacina
Kliknite "Publish" za postavljanje promjena

Važno: Razvojni nacin vam daje izravan pristup HTML-u i CSS-u vase stranice. Obavezno dodajte kod samo na kraj datoteke body-end.html kako biste izbjegli kvarenje funkcionalnosti stranice. Uvijek testirajte promjene prije objavljivanja.

Korak 3: Provjerite instalaciju

Nakon objavljivanja promjena, otvorite svoju web stranicu u novoj kartici preglednika ili anonimnom prozoru. Trebali biste vidjeti gumb widgeta za razgovor u donjem desnom kutu. Kliknite ga kako biste provjerili otvara li se i radi li ispravno.