Jak přidat Asyntai AI Chatbota na Duda

Průvodce krok za krokem pro weby Duda

Platforma:

Krok 1: Získejte svůj vkládací kód

Nejprve přejděte na svůj Asyntai Dashboard a přejděte dolů k sekci „Embed Code". Zkopírujte svůj unikátní kód pro vložení, který bude vypadat takto:

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

Poznámka: Kód výše je pouze příklad. Musíte zkopírovat svůj vlastní unikátní kód pro vložení z vašeho Dashboardu, protože obsahuje vaše osobní ID widgetu.

Krok 2: Přidání kódu do nastavení webu (doporučeno)

Nejjednodušší způsob, jak přidat chatbota na všechny stránky vašeho Duda webu, je prostřednictvím nastavení webu:

Přihlaste se ke svému účtu Duda a otevřete editor webu
V levém postranním panelu klikněte na "Settings"
Klikněte na "Settings"
Přejděte dolů a klikněte na "Head HTML"
Do pole "Body End HTML" vložte svůj Asyntai embed kód
Klikněte na "Save"
Klikněte na "Publish" vpravo nahoře pro zveřejnění změn

Tip: Přidání kódu do sekce Body End HTML zajistí, že se chatbot načte po obsahu vaší stránky, což neovlivní rychlost načítání webu. Tato metoda automaticky přidá chatbota na každou stránku vašeho webu.

Alternativní metoda 1: HTML widget (konkrétní stránky)

Pokud chcete chatbota přidat pouze na konkrétní stránky, použijte HTML widget:

Otevřete stránku, kterou chcete upravit, v Duda editoru
V levém panelu vyhledejte "HTML" v panelu widgetů
Přetáhněte HTML widget do sloupce nebo řádku na vaší stránce
Klikněte na widget a upravte ho
Vložte váš Asyntai embed kód do pole pro kód
Klikněte na "Update"
Klikněte na "Publish" pro zveřejnění změn

Poznámka: HTML widget vám umožňuje vložit vlastní kód kamkoli na stránku. Vizuální umístění widgetu neovlivňuje, kde se chatbot zobrazí – stále se bude zobrazovat v pravém dolním rohu podle nastavení.

Alternativní metoda 2: Režim pro vývojáře (pokročilé)

Pro pokročilé uživatele můžete použít režim pro vývojáře a přidat kód přímo do HTML:

V editoru Duda klikněte na ikonu Developer Mode v horní liště
Klikněte na "Site HTML/CSS" pro rozbalení výběru
Klikněte na "body-end.html" v seznamu souborů
Přejděte na poslední řádek souboru
Vložte váš Asyntai embed kód na nový řádek
Klikněte na "Save"
Klikněte na "Done" pro ukončení režimu pro vývojáře
Klikněte na "Publish" pro nasazení změn

Důležité: Režim pro vývojáře vám poskytuje přímý přístup k HTML a CSS vašeho webu. Ujistěte se, že kód přidáváte pouze na konec souboru body-end.html, abyste nenarušili funkčnost webu. Vždy změny otestujte před publikováním.

Krok 3: Ověřte instalaci

Po publikování změn otevřete svůj web v nové záložce prohlížeče nebo v anonymním okně. V pravém dolním rohu byste měli vidět tlačítko chatovacího widgetu. Klikněte na něj a ověřte, že se správně otevírá a funguje.