Ako pridať Asyntai AI chatbota do Duda

Návod krok za krokom pre webové stránky Duda

Platforma:

Krok 1: Získajte svoj vkladací kód

Najprv prejdite na svoj Asyntai Dashboard a prejdite nadol k sekcii „Vkladací kód“. Skopírujte svoj jedinečný vkladací kód, ktorý bude vyzerať takto:

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

Poznámka: Kód vyššie je len príklad. Musíte skopírovať svoj vlastný jedinečný vkladací kód zo svojho Dashboardu, pretože obsahuje vaše osobné ID widgetu.

Krok 2: Pridanie kodu do nastavení stránky (odporúčané)

Najjednoduchší sposob pridania chatbota na všetky stránky vasej webovej stránky Duda je cez Nastavenia stránky:

Prihlaste sa do svojho uctu Duda a otvorte editor vasej webovej stránky
V ľavom bočnom paneli kliknite na "More" (ikona troch bodiek)
Kliknite na "Nastavenia"
Prejdite nadol a kliknite na "Head HTML"
Do pola "Body End HTML" vložíte svoj vkladací kod Asyntai
Kliknite na "Uložiť"
Kliknite na "Publikovat" vpravo hore na zverejnenie vasich zmien

Tip: Pridanie kodu do sekcie Body End HTML zabezpeci, ze sa chatbot nacita po obsahu vasej stránky, co neovplyvni rychlost nacitania vasej stránky. Tato metoda automaticky prida chatbota na kazdu stránku vasho webu.

Alternativna metoda 1: HTML widget (konkretne stránky)

Ak chcete pridat chatbota len na konkretne stránky, použite HTML widget:

Otvorte stránku, ktoru chcete upravit, v editore Duda
V lavom bocnom paneli vyhladajte "HTML" v paneli widgetov
Pretiahite HTML widget do stlpca alebo riadku na vasej stránke
Kliknite na widget na jeho upravu
Vložte svoj vkladací kód Asyntai do poľa kódu
Kliknite na "Aktualizovat"
Kliknite na "Publikovat" na zverejnenie zmien

Poznámka: HTML widget vám umožňuje vložiť vlastný kód kamkoľvek na vašej stránke. Vizuálne umiestnenie widgetu nemá vplyv na to, kde sa chatbot zobrazí – stále sa zobrazí v pravom dolnom rohu podľa konfigurácie.

Alternativna metoda 2: Vyvojarsky rezim (pokročilé)

Pre pokročilých pouzivatelov môžete pouzit Vyvojarsky rezim na pridanie kodu priamo do HTML:

V editore Duda kliknite na ikonu Vyvojarsky rezim v hornom paneli
Kliknite na "HTML/CSS stránky" na rozbalenie vyberu
Kliknite na "body-end.html" zo zoznamu súborov
Prejdite na posledny riadok súboru
Vložte svoj vkladací kód Asyntai na nový riadok
Kliknite na "Uložiť"
Kliknite na "Hotovo" na ukoncenie Vyvojarského rezimu
Kliknite na "Publikovat" na nasadenie vasich zmien

Dôležité: Vyvojarsky rezim vam dava priamy prístup k HTML a CSS vasej stránky. Uistite sa, ze pridavate kod iba na koniec súboru body-end.html, aby ste nenarusili funkčnosť vasej stránky. Vzdy otestujte zmeny pred publikovanim.

Krok 3: Overenie inštalácie

Po publikovani vasich zmien otvorte svoju webovú stránku v novej karte prehliadača alebo v okne inkognito. Mali by ste vidiet tlačidlo chatoveho widgetu v pravom dolnom rohu. Kliknite nan, aby ste sa uistili, ze sa otvara a funguje správne.