Ako pridať Asyntai AI Chatbot do WordPress

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

Získať vkladací kód

Krok 1: Ziskajte svoj vkladací kod

Najprv prejdite na svoj Asyntai Dashboard a prejdite nadol k sekcii "Vkladaci kod". Skopirujte svoj jedinečný vkladací kod, ktory bude vyzerat takto:

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

Poznámka: Kod vyššie je len priklad. Musite skopirovat svoj vlastný jedinečný vkladací kod zo svojho Dashboardu, pretože obsahuje vase osobne 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 (Zadarmo)

  1. Go to Plugins → Add New in your WordPress admin
  2. Vyhľadajte "WPCode" a nainštalujte ho
  3. Aktivujte plugin
  4. Prejdite na Code Snippets → Header & Footer
  5. Vložte svoj vkladací kód Asyntai do sekcie "Footer"
  6. Kliknite na "Save Changes"

Pomocou Insert Headers and Footers

  1. Go to Plugins → Add New in your WordPress admin
  2. Vyhľadajte "Insert Headers and Footers" od WPBeginner
  3. Nainštalujte a aktivujte plugin
  4. Prejdite na Settings → Insert Headers and Footers
  5. Vložte svoj vkladací kód Asyntai do poľa "Scripts in Footer"
  6. Kliknite na "Ulozit"

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

  1. Prejdite na Appearance → Theme File Editor vo vašej administrácii WordPress
  2. Select your active theme from the dropdown (if not already selected)
  3. Nájdite a kliknite na footer.php v zozname súborov vpravo
  4. Prejdite nadol a nájdite uzatváraciu značku </body>
  5. Vložíte svoj vkladací kod Asyntai tesne pred tag </body>
  6. 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:

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

  1. Prejdite na Elementor → Custom Code
  2. Kliknite na "Add New"
  3. Pomenujte ho napríklad "Asyntai Chatbot"
  4. Nastavte umiestnenie na "Before </body> End"
  5. Vložíte svoj vkladací kod Asyntai
  6. Nastavte podmienky zobrazenia na "Entire Site"
  7. 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.

Nevidite 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.