Ako pridať Asyntai AI Chatbot do WordPress

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

Platforma:

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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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 pridania chatového widgetu je pomocou pluginu ako "Insert Headers and Footers" alebo "WPCode".

Pomocou WPCode (Free)

Prejdite na Plugins → Add New vo vašej 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"

Pomocou Insert Headers and Footers

Prejdite na Plugins → Add New vo vašej administrácii WordPress
Vyhľadajte "Insert Headers and Footers" od WPBeginner
Nainštalujte a aktivujte plugin
Prejdite na Settings → Insert Headers and Footers
Vložte svoj vkladací kód Asyntai do poľa "Scripts in Footer"
Kliknite na "Uložiť"

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)

Ak používate blokovú tému (ako Twenty Twenty-Four alebo iné témy Full Site Editing), editor súborov témy sa presunul:

Prejdite na Tools → Theme File Editor vo vašej administrácii WordPress
Vyberte svoju aktívnu tému z rozbaľovacieho zoznamu
Hľadajte footer.php alebo footer.html v zozname súborov
Pridajte svoj vkladací kód Asyntai pred uzatváraciu značku </body>
Kliknite na "Update File"

Poznámka: Niektoré blokové témy nemajú súbor footer.php. V takom prípade použite metódu pluginu (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 umiestnenie na "Before </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 pole nahradí to, ktoré už vaša šablóna má. Pridajte ho rovnakým pluginom pre hlavičku a pätičku, aký ste použili pre kód chatu, napríklad Code Snippets alebo Insert Headers and Footers. Skript nemusí byť pri vyhľadávacom poli, takže nemusíte upravovať žiadny súbor šablóny.

<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