Jak přidat Asyntai AI chatbota na WordPress

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

Platforma:

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

Nejprve přejděte na svůj Asyntai Dashboard a sjeďte dolů do sekce „Embed Code“. Zkopírujte svůj jedinečný vkládací kód, který bude vypadat takto:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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: Vyberte metodu instalace

Existuje několik způsobů, jak přidat chatovací widget na WordPress. Vyberte si metodu, která vám nejlépe vyhovuje:

Metoda 1: Použití pluginu (doporučeno)

Nejjednodušší způsob, jak přidat chatovací widget, je bezplatný plugin „WPCode“ (dříve „Insert Headers and Footers“).

Použití WPCode (zdarma)

Přejděte na Plugins → Add Plugin v administraci WordPressu
Vyhledejte "WPCode" a nainstalujte jej
Aktivujte plugin
Přejděte na Code Snippets → Header & Footer
Vložte kód Asyntai do sekce "Footer"
Klikněte na "Save Changes"

Proč použít plugin? Použití pluginu zajistí, že váš kód zůstane na místě i při aktualizaci nebo změně šablony WordPress.

Metoda 2: Úprava souborů šablony

Kód můžete přidat přímo do souborů šablony. Umístění editoru souborů šablony závisí na verzi WordPress a typu šablony.

Pro klasické šablony

Přejděte na Appearance → Theme File Editor v administraci WordPress
Vyberte svou aktivní šablonu z rozbalovací nabídky
Najděte a klikněte na footer.php v seznamu souborů vpravo
Posuňte se dolů a najděte uzavírací značku </body>
Vložte svůj Asyntai embed kód těsně před značku </body>
Klikněte na "Update File"

Pro blokové šablony (FSE šablony)

Blokové šablony (například Twenty Twenty-Four a další šablony Full Site Editing) nemají soubor footer.php ani značku </body> v souborech šablony. U blokové šablony použijte metodu s pluginem (WPCode), která funguje se všemi typy šablon.

Důležité: Aktualizace šablony přepíší vaše změny. Pro trvalé řešení použijte raději podřízenou šablonu nebo metodu pluginu.

Metoda 3: Použití Elementoru

Pokud používáte Elementor, můžete kód přidat prostřednictvím funkce vlastního kódu Elementoru.

Elementor Pro

Přejděte na Elementor → Custom Code
Klikněte na "Add New"
Pojmenujte jej například "Asyntai Chatbot"
Nastavte Location na „<body> – End“
Vložte svůj vkládací kód Asyntai
Nastavte podmínky zobrazení na "Entire Site"
Klikněte na "Publish"

Elementor Free

Pokud používáte bezplatnou verzi Elementoru, použijte výše popsanou metodu pluginu, protože vkládání vlastního kódu vyžaduje Elementor Pro.

Krok 3: Ověřte instalaci

Po přidání kódu navštivte svůj web v nové záložce prohlížeče nebo v anonymním okně. V pravém dolním rohu webu 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.

Nevidíte widget? Vymažte mezipaměť prohlížeče a všech pluginů pro ukládání do mezipaměti ve WordPress. Pokud používáte plugin pro mezipaměť jako WP Rocket nebo W3 Total Cache, po přidání kódu mezipaměť vyčistěte.

Přidání AI vyhledávacího pole

AI vyhledávací pole je samostatný widget s vlastním kódem. Přidejte ho vedle chatu, nebo samostatně. Vyžaduje tarif Standard nebo vyšší: v nižším se pole zobrazí, ale nevrátí výsledky.

Přidejte ke značce script atribut data-replace a lišta nahradí tu, kterou už vaše šablona má. Přidejte ho pomocí stejného pluginu pro hlavičku a patičku, který jste použili pro kód chatu, například WPCode. Skript nemusí být u vyhledávacího pole, takže nemusíte upravovat žádný soubor šablony.

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

Přečtěte si celý návod k AI vyhledávacímu poli

Dokumentace