Ako nainštalovať agenta na WordPress a WooCommerce

Tri spôsoby vloženia kódu na WordPress, ako agent číta katalóg WooCommerce, čo robiť s cacheovacími pluginmi a ako prepojiť chat s košíkom.

6. septembra 2026

Kód sa do WordPressu vkladá tromi spôsobmi. Vyberte si podľa toho, ako blízke je vám upravovanie súborov témy.

Spôsob 1: zásuvný modul na vkladanie kódu (odporúčame)#

Najbezpečnejší variant: úprava sa nestratí pri aktualizácii témy.

1. Nainštalujte si ľubovoľný zásuvný modul na vkladanie skriptov: WPCode, Insert Headers and Footers, Code Snippets.
2. Otvorte nastavenia zásuvného modulu a nájdite pole pre kód v pätičke — zvyčajne sa volá Footer alebo Body (before closing tag).
3. Vložte riadok z administrácie a uložte.

Spôsob 2: súbor témy#

1. Vzhľad → Editor súborov témy.
2. Otvorte footer.php.
3. Vložte kód pred </body>.
4. Aktualizujte súbor.

Dôležité: upravujte podradenú tému. Pri aktualizácii nadradenej témy sa súbor prepíše spolu s vaším kódom.

Spôsob 3: cez functions.php#

Pre tých, ktorým je kód bližší. Do functions.php podradenej témy:

add_action('wp_footer', function () {
echo '<script src="https://comag.vibevox.pro/widget.js" data-slug="váš-slug" async></script>';
});

Presný riadok skriptu nájdete v administrácii, pod tlačidlom „Kopírovať kód“.

Katalóg z WooCommerce#

Zadajte adresu webu v nastaveniach a spustite analýzu. Prehľadávač číta produkty WooCommerce prostredníctvom štruktúrovaných dát stránok: názov, cena, dostupnosť, popis, fotografie, kategórie.

Čo je dobré vedieť:

• Variantné produkty sa zobrazia v karte s cenovým rozpätím a charakteristikami.
• Skryté a koncepty sa nečítajú — tak to má byť.
• Produkty len pre prihlásených agent neuvidí: po webe sa pohybuje ako bežný návštevník.
• Ak máte export produktov vo formáte CSV, môžete ho nahrať v sekcii „Katalóg“ — niekedy je to rýchlejšie a presnejšie ako prehľadávanie.

Košík a platba#

Na WooCommerce sa platba v čete zvyčajne nezapína: obchod má vlastnú pokladňu s doručením, daňami a kupónmi.

V nastaveniach zadajte odkaz na košík, najčastejšie https://vás-doména/cart alebo /kosik. Agent tam zákazníka dovedie.

Ak chcete vidieť, ktoré dialógy sa menia na objednávky, pridajte fragment nákupného pixela na stránku „Ďakujeme za objednávku“. Vo WooCommerce je to šablóna checkout/thankyou.php alebo ten istý zásuvný modul na vkladanie kódu s podmienkou pre stránku objednávky.

Tlačidlo v čete pridáva produkt do košíka WooCommerce#

Karty produktov v odpovediach agenta nie sú len obrázky pre krásu. Každá má odkaz na stránku produktu vo vašom obchode a agent vie použiť štandardný mechanizmus WooCommerce na pridanie do košíka: adresu typu ?add-to-cart=123.

Zákazník klikne na tlačidlo v čete, produkt sa ocitne v košíku, ďalej funguje vaša pokladňa so všetkými zásuvnými modulmi pre doručenie, kupóny a dane. Na to nie sú potrebné žiadne integrácie ani kľúče: mechanizmus je zabudovaný vo WooCommerce od začiatku.

Ak odkaz vedie na stránku variantného produktu, agent ju otvorí — vybrať si veľkosť a farbu musí zákazník sám, a to je správne: dosadzovať za neho variant je riskantné.

Ďalšia vec, ktorú je dobré vedieť: agent vidí stránku, na ktorej je otvorený čet. Číta označenie produktu — názov, SKU, cenu — a odpovedá v kontexte. Návštevník je na karte a píše „a lacnejšie máte?“ — agent rozumie, s čím porovnávať, a ponúka alternatívu z vášho katalógu, nie abstraktnú radu.

Hlavná príčina, prečo sa „widget nezobrazil“ na WordPress, je cache. Po vložení kódu:

1. Vymažte cache zásuvného modulu: WP Rocket, W3 Total Cache, LiteSpeed alebo čokoľvek, čo používate.
2. Vymažte cache CDN, ak používate Cloudflare.
3. Skontrolujte web v režime inkognito.

Ak je v zásuvnom module zapnuté „zlučovanie a odložené načítanie skriptov“, pridajte náš skript do výnimiek: zlúčenie externých skriptov niekedy naruší načítanie.

Svetlá a tmavá téma#

Widget vie oboje. V nastaveniach sa vyberá svetlá téma, tmavá alebo „ako u návštevníka“ — posledná sa riadi systémovými nastaveniami zariadenia a je predvolená.

Je to praktické, ak vaša téma WordPress má prepínač dňa a noci: nechajte „ako u návštevníka“ a čet sa bude zhodovať s tým, čo si už človek vybral u seba.

Zásuvné moduly na cache#

Kontrola#

• Tlačidlo četu sa zobrazí v pravom dolnom rohu na ľubovoľnej stránke webu.
• Otázka o produkte zobrazí kartu s cenou.
• Tlačidlo dokončenia vedie do košíka WooCommerce.
• Na mobile tlačidlo neprekrýva menu a košík.

Časté otázky#

Je potrebný samostatný zásuvný modul Commerce Agents#

Nie. Stačí riadok kódu, samostatný zásuvný modul nie je potrebný a neinštaluje sa.

Widget sa nezobrazil, čo skontrolovať ako prvé#

Cache: zásuvný modul na cache a CDN. Potom — či je kód vložený do pätičky, a nie do ľubovoľného widgetu bočného panela, a či téma skutočne vypisuje wp_footer().

Bude agent vedieť o zľavách a kupónoch#

O kupónoch nie: používajú sa v košíku WooCommerce. Ceny agent zobrazuje tie, ktoré boli pri prehľadávaní, vrátane ceny so zľavou, ak sa zobrazuje na stránke produktu.

Spomalí to web#

Skript je asynchrónny, váži málo a neblokuje vykresľovanie stránky. Na PageSpeed je vplyv minimálny.

Je možné zobrazovať widget len v obchode, a nie v blogu#

Áno, ak sa kód vkladá cez zásuvný modul s podmienkami zobrazenia alebo do functions.php s kontrolou is_woocommerce(). V jednoduchom prípade agent na všetkých stránkach neprekáža: odpovedá aj na otázky o doručení z blogu.