Späť na panel

Dokumentácia

Naučte sa používať Asyntai

Ako pridať Asyntai AI Chatbot do WordPress

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

Získať vkladací kód

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

Najprv prejdite na svoj Asyntai Dashboard a prejdite nadol k sekcii „Vkladací kód“. Skopírujte svoj jedinečný vkladací kód, ktorý bude vyzerať takto:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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)

  1. Prejdite na Plugins → Add New vo vašej administrácii WordPress
  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. Prejdite na Plugins → Add New vo vašej administrácii WordPress
  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 "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

  1. Prejdite na Appearance → Theme File Editor vo vašej administrácii WordPress
  2. Vyberte svoju aktívnu tému z rozbaľovacieho zoznamu
  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í kód 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.

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.