Kako instalirati agenta na WordPress i WooCommerce

Tri načina za umetanje koda na WordPress, kako agent čita WooCommerce katalog, što učiniti s pluginima za keširanje i kako povezati chat s košaricom.

6. rujna 2026.

Na WordPressu se kod umeće na tri načina. Odaberite onaj koji vam najviše odgovara s obzirom na vaše iskustvo s uređivanjem datoteka teme.

Način 1: Dodatak za umetanje koda (preporučujemo)#

Najsigurnija opcija: izmjene se neće izgubiti prilikom ažuriranja teme.

1. Instalirajte bilo koji dodatak za umetanje skripti: WPCode, Insert Headers and Footers, Code Snippets.
2. Otvorite postavke dodatka i pronađite polje za kod u podnožju — obično se zove Footer ili Body (before closing tag).
3. Umetnite redak iz administracijskog sučelja i spremite.

Način 2: Datoteka teme#

1. Izgled → Uređivač datoteka teme.
2. Otvorite footer.php.
3. Umetnite kod prije </body>.
4. Ažurirajte datoteku.

Važno: uređujte podređenu temu. Prilikom ažuriranja nadređene teme, datoteka će se prepisati zajedno s vašim kodom.

Način 3: Putem functions.php#

Za one koji su vičniji kodu. U functions.php podređene teme:

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

Točan redak skripte preuzmite u administracijskom sučelju, klikom na gumb „Kopiraj kod“.

Katalog iz WooCommercea#

Navedite adresu web-mjesta u postavkama i pokrenite analizu. Pretraživač čita WooCommerce proizvode putem strukturiranih podataka stranica: naziv, cijena, dostupnost, opis, fotografije, kategorije.

Što trebate znati:

• Varijabilni proizvodi prikazuju se u kartici s rasponom cijena i karakteristikama.
• Skriveni proizvodi i skice se ne čitaju — i tako treba biti.
• Proizvode samo za prijavljene korisnike agent neće vidjeti: on pregledava web-mjesto kao običan posjetitelj.
• Ako imate izvoz proizvoda u CSV formatu, možete ga učitati u odjeljku „Katalog“ — ponekad je to brže i preciznije od pretraživanja.

Košarica i plaćanje#

Na WooCommerceu se plaćanje u chatu obično ne uključuje: trgovina ima vlastitu blagajnu s dostavom, porezima i kuponima.

U postavkama navedite poveznicu na košaricu, najčešće https://vaša-domena/cart ili /košarica. Agent će kupca usmjeriti tamo.

Kako biste vidjeli koji se dijalozi pretvaraju u narudžbe, dodajte isječak piksela kupnje na stranicu „Hvala na narudžbi“. U WooCommerceu je to predložak checkout/thankyou.php ili isti dodatak za umetanje koda s uvjetom za stranicu narudžbe.

Gumb u chatu dodaje proizvod u WooCommerce košaricu#

Kartice proizvoda u odgovorima agenta nisu samo slike za ukras. Svaka ima poveznicu na stranicu proizvoda u vašoj trgovini, a agent zna koristiti standardni WooCommerce mehanizam za dodavanje u košaricu: adresu oblika ?add-to-cart=123.

Kupac klikne gumb u chatu, proizvod se nađe u košarici, a dalje radi vaša blagajna sa svim dodacima za dostavu, kupone i poreze. Za to nisu potrebne nikakve integracije ni ključevi: mehanizam je ugrađen u WooCommerce od samog početka.

Ako poveznica vodi na stranicu varijabilnog proizvoda, agent je otvara — kupac mora sam odabrati veličinu i boju, i to je ispravno: riskantno je umjesto njega odabrati opciju.

Još jedna stvar koju vrijedi znati: agent vidi stranicu na kojoj je otvoren chat. On čita oznake proizvoda — naziv, SKU, cijenu — i odgovara u kontekstu. Posjetitelj stoji na kartici i piše „ima li jeftinije?“ — agent razumije s čime uspoređivati i nudi alternativu iz vašeg kataloga, a ne apstraktan savjet.

Glavni razlog zašto se „widget nije pojavio“ na WordPressu je predmemorija. Nakon umetanja koda:

1. Očistite predmemoriju dodatka: WP Rocket, W3 Total Cache, LiteSpeed ili što već koristite.
2. Očistite predmemoriju CDN-a, ako koristite Cloudflare.
3. Provjerite web-mjesto u anonimnom načinu rada.

Ako je u dodatku uključeno „objedinjavanje i odgođeno učitavanje skripti“, dodajte našu skriptu u iznimke: spajanje vanjskih skripti ponekad prekida učitavanje.

Svijetla i tamna tema#

Widget podržava i jedno i drugo. U postavkama se bira svijetla tema, tamna ili „kao kod posjetitelja“ — potonja prati sistemske postavke uređaja i zadana je opcija.

To je praktično ako vaša WordPress tema ima preklopnik za dan i noć: ostavite „kao kod posjetitelja“, i chat će se podudarati s onim što je osoba već odabrala na svom uređaju.

Dodaci za predmemoriranje#

Provjera#

• Gumb za chat pojavljuje se u donjem desnom kutu na bilo kojoj stranici web-mjesta.
• Pitanje o proizvodu prikazuje karticu s cijenom.
• Gumb za narudžbu vodi u WooCommerce košaricu.
• Na mobilnom uređaju gumb ne prekriva izbornik i košaricu.

Česta pitanja#

Je li potreban zaseban dodatak Commerce Agents#

Ne. Dovoljan je redak koda, zaseban dodatak nije potreban niti se instalira.

Widget se nije pojavio, što prvo provjeriti#

Predmemorija: dodatak za predmemoriranje i CDN. Zatim — je li kod umetnut u podnožje, a ne u proizvoljni widget bočne trake, i je li tema zaista prikazuje wp_footer().

Hoće li agent znati za popuste i kupone#

Za kupone ne: oni se primjenjuju u WooCommerce košarici. Agent prikazuje cijene koje su bile prilikom pretraživanja, uključujući cijenu s popustom, ako se ona prikazuje na stranici proizvoda.

Hoće li ovo usporiti web-mjesto#

Skripta je asinkrona, teži malo i ne blokira iscrtavanje stranice. Utjecaj na PageSpeed je minimalan.

Može li se widget prikazivati samo u trgovini, a ne na blogu#

Da, ako se kod umeće putem dodatka s uvjetima prikaza ili u functions.php s provjerom is_woocommerce(). U jednostavnom slučaju agent na svim stranicama ne smeta: on odgovara i na pitanja o dostavi s bloga.