---
title: Kako instalirati agenta na WordPress i WooCommerce
description: 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.
section: platforms
keywords: WordPress, WooCommerce, AI agent, chat za webshop, widget za WordPress, umetanje koda WordPress, footer.php, plugin za kod, virtualni asistent, AI chat
updated: 2026-09-06
---
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:

```php
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.