Ako pridať Asyntai AI Chatbot do WooCommerce

Podrobný návod pre obchody WooCommerce

Platforma:

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: Pomocou pluginu (Odporúčané)

Najjednoduchší spôsob pridania chatbota do vášho obchodu WooCommerce je pomocou bezplatného pluginu hlavičky/pätičky:

Prihláste sa do svojho administrátorského panela WordPress
Prejdite na Plugins → Add New
Vyhľadajte "Insert Headers and Footers" od WPCode (alebo podobný plugin)
Kliknite na "Install Now" a potom na "Activate"
Prejdite na Code Snippets → Header & Footer (alebo na stránku nastavení pluginu)
Vložte svoj vkladací kód Asyntai do sekcie "Footer"
Kliknite na "Save Changes"

Tip: Pridanie kódu do pätičky zabezpečuje, že sa načíta po obsahu vášho obchodu, čo je ideálne pre chatové widgety a nespomalí načítanie stránky ani nezasahuje do funkcionality WooCommerce.

Alternatíva: Pomocou prispôsobovača témy

Mnohé témy WooCommerce majú vstavané možnosti na pridanie vlastných skriptov:

Prejdite na Appearance → Customize
Hľadajte sekciu s názvom "Additional CSS/JS", "Custom Code" alebo "Footer Scripts"
Vložte svoj vkladací kód Asyntai do príslušného poľa
Kliknite na "Publish" pre uloženie zmien

Poznámka: Nie všetky témy majú túto možnosť. Ak vaša téma neobsahuje polia pre vlastné skripty, použite metódu pluginu alebo upravte súbor functions.php vašej témy.

Alternatíva: Úprava súborov témy (functions.php)

Pre vývojárov alebo tých, ktorým nevadí upravovať súbory témy:

Prejdite na Appearance → Theme File Editor
Vyberte svoju aktívnu tému (alebo najlepšie podradenú tému)
Otvorte súbor functions.php
Pridajte nasledujúci kód na koniec súboru:
function add_asyntai_chatbot() { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } add_action('wp_footer', 'add_asyntai_chatbot');
Nahradte YOUR_WIDGET_ID vasim skutocnym ID widgetu
Kliknite na "Update File"

Dôležité: Pri úprave súborov témy vždy používajte podradenú tému. Zmeny v nadriadenej téme sa stratia pri aktualizácii témy. Ak vám nie je príjemné upravovať kód, použite namiesto toho metódu pluginu.

Alternatíva: Hook špecifický pre WooCommerce

Na načítanie chatbota iba na stránkach WooCommerce (obchod, produkt, košík, pokladňa):

Pridajte tento kód do súboru functions.php vašej témy:
function add_asyntai_chatbot_woocommerce() { if (is_woocommerce() || is_cart() || is_checkout() || is_account_page()) { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } } add_action('wp_footer', 'add_asyntai_chatbot_woocommerce');
Nahradte YOUR_WIDGET_ID vasim skutocnym ID widgetu
Uložte súbor

Tip: Táto metóda je užitočná, ak chcete, aby sa AI chatbot zobrazoval iba na stránkach vášho obchodu na pomoc zákazníkom s produktmi a objednávkami, nie na celom webe.

Krok 3: Overenie inštalácie

Po uložení zmien navštívte svoj obchod WooCommerce v novej záložke prehliadača alebo v okne inkognito. V pravom dolnom rohu 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? Ak máte nainštalovaný doplnok na vyrovnávaciu pamäť (ako WP Super Cache, W3 Total Cache alebo WP Rocket), najprv vymažte vyrovnávaciu pamäť. Tiež skúste vymazať vyrovnávaciu pamäť prehliadača alebo zobraziť stránku v okne inkognito.