Kako dodati klepetalnik Asyntai z UI v Duda

Vodič po korakih za spletne strani Duda

Platforma:

Korak 1: Pridobite svojo vdelovalno kodo

Najprej pojdite na svojo Nadzorno ploščo Asyntai in se pomaknite navzdol do razdelka "Vdelovalna koda". Kopirajte svojo edinstveno vdelovalno kodo, ki bo videti takole:

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

Opomba: Zgornja koda je le primer. Svojo edinstveno vdelovalno kodo morate kopirati iz svoje Nadzorne plošče, saj vsebuje vaš osebni ID klepetalnika.

Korak 2: Dodajte kodo v nastavitve strani (priporočeno)

Najlažji način za dodajanje klepetalnika na vse strani vaše spletne strani Duda je prek nastavitev strani:

Prijavite se v svoj račun Duda in odprite urejevalnik spletne strani
V levi stranski vrstici kliknite "Več" (ikona treh pik)
Kliknite "Nastavitve"
Pomaknite se navzdol in kliknite "Head HTML"
V polje "Body End HTML" prilepite svojo vdelovalno kodo Asyntai
Kliknite "Shrani"
Kliknite "Objavi" zgoraj desno, da spremembe stopijo v veljavo

Nasvet: Dodajanje kode v razdelek Body End HTML zagotavlja, da se klepetalnik naloži po vsebini strani, kar ne vpliva na hitrost nalaganja vaše strani. Ta način samodejno doda klepetalnik na vsako stran vaše strani.

Alternativni način 1: Pripomoček HTML (določene strani)

Če želite dodati klepetalnik le na določene strani, uporabite pripomoček HTML:

Odprite stran, ki jo želite urediti, v urejevalniku Duda
V levi stranski vrstici poiščite "HTML" na plošči pripomočkov
Povlecite in spustite pripomoček HTML v stolpec ali vrstico na svoji strani
Kliknite na pripomoček, da ga uredite
Prilepite svojo vdelovalno kodo Asyntai v polje kode
Kliknite "Posodobi"
Kliknite "Objavi", da spremembe stopijo v veljavo

Opomba: Pripomoček HTML omogoča vdelavo kode po meri kjerkoli na vaši strani. Vizualna umestitev pripomočka ne vpliva na to, kje se klepetalnik prikaže - še vedno se bo prikazal v spodnjem desnem kotu, kot je nastavljeno.

Alternativni način 2: Razvijalski način (napredno)

Za napredne uporabnike lahko uporabite razvijalski način za neposredno dodajanje kode v HTML:

V urejevalniku Duda kliknite ikono Razvijalski način v zgornji vrstici
Kliknite "HTML/CSS strani", da razširite izbor
Kliknite "body-end.html" s seznama datotek
Pomaknite se na zadnjo vrstico datoteke
Prilepite svojo vdelovalno kodo Asyntai v novo vrstico
Kliknite "Shrani"
Kliknite "Končano", da zapustite razvijalski način
Kliknite "Objavi" za namestitev sprememb

Pomembno: Razvijalski način vam daje neposreden dostop do HTML in CSS vaše strani. Prepričajte se, da kodo dodate le na konec datoteke body-end.html, da ne pokvarite delovanja vaše strani. Vedno preizkusite spremembe pred objavo.

Korak 3: Preverite namestitev

Po objavi sprememb odprite svojo spletno stran v novem zavihku brskalnika ali oknu brez beleženja. V spodnjem desnem kotu bi morali videti gumb klepetalnika. Kliknite ga, da preverite, ali se pravilno odpre in deluje.