Ako pridať Asyntai AI Chatbot do WooCommerce

Podrobný návod pre obchody WooCommerce

Platforma:

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: 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');
Nahraďte YOUR_WIDGET_ID vaším skutočným 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');
Nahraďte YOUR_WIDGET_ID vaším skutočným 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.

Nevidíte 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.