Späť na panel

Dokumentácia

Naučte sa používať Asyntai

Ako pridať Asyntai AI Chatbot do MODX

Podrobný návod pre webové stránky MODX CMS

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: Pridanie do šablóny MODX (Odporúčané)

Odporúčaný spôsob pridania chatbota je úprava vašej šablóny MODX priamo v MODX Manager:

  1. Prihláste sa do svojho MODX Manager (admin panel)
  2. V ľavom bočnom paneli prejdite na Elements > Templates
  3. Otvorte šablónu vášho webu (zvyčajne nazývanú "BaseTemplate" alebo vašu aktívnu šablónu)
  4. Nájdite uzatváraciu značku </body> v kóde šablóny
  5. Vložte svoj vkladací kód Asyntai tesne pred uzatváraciu značku </body>
  6. Kliknite na "Uložiť" pre uloženie šablóny
<!-- Your existing template content -->

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

Tip: Pridanie kódu tesne pred uzatváraciu značku </body> zabezpečuje, že sa chatbot načíta po celom obsahu stránky, čo je odporúčané umiestnenie pre chatové widgety a nespomalí načítanie vašej stránky.

Alternatívna metóda 1: Pomocou MODX Chunk

Môžete použiť MODX Chunk na oddelenie a opätovné použitie vkladacieho kódu:

  1. V MODX Manager prejdite na Elements > Chunks
  2. Kliknite na "Nový Chunk" pre vytvorenie nového chunku
  3. Pomenujte chunk "asyntaiWidget"
  4. Vložte svoj vkladací kód Asyntai do oblasti obsahu chunku
  5. Kliknite na "Uložiť"
  6. Otvorte svoju šablónu (pod Elements > Templates)
  7. Pridajte volanie chunku [[$asyntaiWidget]] tesne pred uzatváraciu značku </body>
  8. Uložte šablónu
<!-- In your Template, before </body> -->
[[$asyntaiWidget]]
</body>
</html>

Tip: Použitie Chunku uľahčuje správu a aktualizáciu vkladacieho kódu na jednom mieste, najmä ak používate viacero šablón na svojom webe.

Alternatívna metóda 2: Použitie systémových nastavení MODX (HTML hlavička/päta)

Niektoré inštalácie MODX obsahujú zástupné symboly pre skripty pätičky cez systémové nastavenia:

  1. V MODX Manager prejdite na System > System Settings
  2. Filtrujte podľa "htmlhead" alebo vyhľadajte vlastné systémové nastavenie pre skripty pätičky
  3. Ak vaša inštalácia má zástupný symbol pre skripty pätičky (napríklad [[++footer_scripts]]), môžete ho použiť
  4. Nastavte hodnotu systémového nastavenia na svoj vkladací kód Asyntai
  5. Uistite sa, že zodpovedajúci zástupný symbol [[++footer_scripts]] je prítomný vo vašej šablóne pred uzatváracou značkou </body>
  6. Uložte systémové nastavenie
<!-- In your Template, before </body> -->
[[++footer_scripts]]
</body>
</html>

Poznámka: Táto metóda závisí od toho, či vaša inštalácia MODX má vlastné systémové nastavenie pre skripty pätičky. Ak neexistuje, môžete vytvoriť vlastné systémové nastavenie a odkazovať naň vo vašej šablóne pomocou syntaxe [[++setting_key]].

Alternatívna metóda 3: Pomocou pluginu MODX (OnWebPagePrerender)

Pre pokročilý prístup môžete vytvoriť plugin MODX, ktorý automaticky vloží kód chatbota na každú stránku:

  1. V MODX Manager prejdite na Elements > Plugins
  2. Kliknite na "Nový Plugin" pre vytvorenie nového pluginu
  3. Pomenujte plugin "AsyntaiChatbot"
  4. Vložte nasledujúci PHP kód do oblasti kódu pluginu:
$output = &$modx->resource->_output;
$script = '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
$output = str_replace('</body>', $script . '</body>', $output);
  1. Kliknite na záložku "System Events"
  2. Zaškrtnite políčko vedľa "OnWebPagePrerender" pre spustenie tohto pluginu pri tejto udalosti
  3. Kliknite na "Uložiť"

Dôležité: Nahraďte YOUR_WIDGET_ID svojím skutočným ID widgetu z ovládacieho panela Asyntai. Tento plugin automaticky vloží skript chatbota na každú stránku vášho webu MODX pred jej vykreslením.

Krok 3: Vymazanie vyrovnávacej pamäte a overenie

Po pridaní vkladacieho kódu pomocou ktorejkoľvek z vyššie uvedených metód musíte vymazať vyrovnávaciu pamäť MODX a overiť inštaláciu:

  1. V MODX Manager prejdite na Manage > Clear Cache (alebo kliknite na ikonu vymazania vyrovnávacej pamäte v hornom menu)
  2. Otvorte svoj web v novej záložke prehliadača alebo okne inkognito
  3. V pravom dolnom rohu stránky by ste mali vidieť tlačidlo chatového widgetu
  4. Kliknite naň, aby ste sa uistili, že sa otvára a funguje správne

Nevidíte widget? Uistite sa, že ste vymazali vyrovnávaciu pamäť MODX cez Manage > Clear Cache v MODX Manager. Tiež skúste vymazať vyrovnávaciu pamäť prehliadača alebo zobraziť stránku v okne inkognito. Ak ste použili metódu pluginu, overte, že systémová udalosť "OnWebPagePrerender" je zaškrtnutá pre váš plugin.