Ako pridať Asyntai AI Chatbot do WordPress

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

Platforma:

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

Najprv prejdite do svojho panela Asyntai a posuňte sa nadol do sekcie "Vkladací kód". Skopírujte svoj jedinečný vkladací kód, ktorý bude vyzerať 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 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: Vyberte metodu inštalácie

Existuje niekoľko spôsobov, ako pridať chatový widget do WordPress. Vyberte si metódu, ktorá vám najlepšie vyhovuje:

Metóda 1: Pomocou pluginu (Odporúčané)

Najjednoduchší spôsob, ako pridať chatový widget, je bezplatný plugin "WPCode" (predtým s názvom "Insert Headers and Footers").

Pomocou WPCode (Free)

Prejdite na Plugins → Add Plugin v administrácii WordPress
Vyhľadajte "WPCode" a nainštalujte ho
Aktivujte plugin
Prejdite na Code Snippets → Header & Footer
Vložte svoj vkladací kód Asyntai do sekcie "Footer"
Kliknite na "Save Changes"

Prečo použiť plugin? Použitie pluginu zabezpečuje, že váš kód zostane na mieste, aj keď aktualizujete alebo zmeníte tému WordPress.

Metóda 2: Úprava súborov témy

Kód môžete pridať priamo do súborov témy. Umiestnenie editora súborov témy závisí od verzie WordPress a typu témy.

Pre klasické témy

Prejdite na Appearance → Theme File Editor vo vašej administrácii WordPress
Vyberte svoju aktívnu tému z rozbaľovacieho zoznamu
Nájdite a kliknite na footer.php v zozname súborov vpravo
Prejdite nadol a nájdite uzatváraciu značku </body>
Vložíte svoj vkladací kod Asyntai tesne pred tag </body>
Kliknite na "Update File"

Pre blokové témy (FSE témy)

Blokové témy (napríklad Twenty Twenty-Four a ďalšie témy Full Site Editing) nemajú súbor footer.php ani značku </body> vo svojich súboroch témy. Pre blokovú tému použite metódu s pluginom (WPCode), ktorá funguje so všetkými typmi tém.

Dôležité: Aktualizácie témy prepíšu vaše zmeny. Pre trvalé riešenie použite namiesto toho podradenú tému alebo metódu pluginu.

Metóda 3: Pomocou Elementor

Ak používate Elementor, môžete pridať kód cez funkciu vlastného kódu Elementor.

Elementor Pro

Prejdite na Elementor → Custom Code
Kliknite na "Add New"
Pomenujte ho napríklad "Asyntai Chatbot"
Nastavte Location na "<body> – End"
Vložte svoj vkladací kód Asyntai
Nastavte podmienky zobrazenia na "Entire Site"
Kliknite na "Publish"

Elementor Free

Ak používate bezplatnú verziu Elementor, použite metódu pluginu opísanú vyššie, keďže vkladanie vlastného kódu vyžaduje Elementor Pro.

Krok 3: Overenie inštalácie

Po pridaní kódu navštívte svoj web v novej záložke prehliadača alebo v okne inkognito. V pravom dolnom rohu webu by ste mali vidieť tlačidlo chatového widgetu. Kliknite naň, aby ste sa uistili, že sa otvára a funguje správne.

Nevidíte widget? Vymažte vyrovnávaciu pamäť prehliadača a všetky pluginy na vyrovnávaciu pamäť WordPress. Ak používate plugin na vyrovnávaciu pamäť ako WP Rocket alebo W3 Total Cache, vyčistite vyrovnávaciu pamäť po pridaní kódu.

Pridanie AI vyhľadávacieho poľa

AI vyhľadávacie pole je samostatný widget s vlastným kódom. Pridajte ho popri chate, alebo samostatne. Vyžaduje tarif Standard alebo vyšší: v nižšom sa pole zobrazí, ale nevráti výsledky.

Pridajte k značke script atribút data-replace a lišta nahradí tú, ktorú už má vaša šablóna. Pridajte ho pomocou rovnakého pluginu pre hlavičku a pätu, aký ste použili pre kód chatu, napríklad WPCode. Skript nemusí byť pri vašom vyhľadávacom poli, takže nemusíte upravovať žiadny súbor témy.

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

Prečítajte si celý návod k AI vyhľadávaciemu poľu

Dokumentácia