Jak přidat Asyntai AI chatbota na Webflow

Podrobný návod pro webové stránky Webflow

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řidejte kód přes nastavení webu (všechny stránky)

Přidání chatbota na všechny stránky vašeho webu Webflow najednou:

Přihlaste se ke svému účtu Webflow a vyberte projekt
Klikněte na ikonu ozubeného kola (Nastavení webu) v levém postranním panelu
Klikněte na "Custom Code" v nabídce nastavení
Posuňte se dolů k sekci "Footer Code" (před značkou </body>)
Vložte svůj vkládací kód Asyntai
Klikněte na "Save Changes"
Publikujte svůj web, aby se změny projevily

Tip: Přidání kódu do sekce zápatí jej umístí těsně před uzavírací značku </body>, což se doporučuje pro chatovací widgety, protože to nezpomalí načítání stránky.

Alternativa: Vlastní kód pro konkrétní stránku

Pokud chcete chatbota pouze na konkrétních stránkách:

Otevřete svůj projekt ve Webflow Designeru
Klikněte na panel Stránky (ikona složky) v levém postranním panelu
Najeďte na stránku, kterou chcete upravit, a klikněte na ikonu ozubeného kola
Posuňte se dolů k "Custom Code"
Vložte kód Asyntai do sekce "Before </body> tag"
Klikněte na "Save"
Publikujte svůj web

Alternativa: Použití prvku Embed

Chatbota můžete přidat také pomocí prvku Embed kamkoli na stránku:

Otevřete svůj projekt ve Webflow Designeru
Klikněte na tlačítko "+" pro otevření panelu Přidat
Search for "Embed" or find it under Components
Přetáhněte prvek Embed na svou stránku
Vložte svůj vložený kód Asyntai do editoru kódu
Klikněte na "Uložit a zavřít"
Publikujte svůj web

Důležité: Při použití prvku Embed jej musíte přidat na každou stránku, kde chcete chatbota. Pro instalaci na celém webu použijte výše uvedenou metodu Nastavení webu.

Krok 3: Ověřte instalaci

Po publikování webu jej otevřete 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.