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 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: 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 přidání chatovacího widgetu je pomocí pluginu jako "Insert Headers and Footers" nebo "WPCode".

Použití WPCode (zdarma)

Go to Plugins → Add New in your WordPress admin
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"

Použití Insert Headers and Footers

Go to Plugins → Add New in your WordPress admin
Vyhledejte "Insert Headers and Footers" od WPBeginner
Nainstalujte a aktivujte plugin
Přejděte na Settings → Insert Headers and Footers
Vložte kód Asyntai do pole "Scripts in Footer"
Klikněte na "Save"

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
Select your active theme from the dropdown (if not already selected)
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)

Pokud používáte blokovou šablonu (jako Twenty Twenty-Four nebo jiné Full Site Editing šablony), editor souborů šablony se přesunul:

Přejděte na Tools → Theme File Editor v administraci WordPress
Vyberte svou aktivní šablonu z rozbalovací nabídky
Vyhledejte footer.php nebo footer.html v seznamu souborů
Přidejte kód Asyntai před uzavírací značku </body>
Klikněte na "Update File"

Poznámka: Některé blokové šablony nemají soubor footer.php. V takovém případě použijte metodu pluginu (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 umístění na "Before </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.

Dokumentace