---
title: Kako instalirati agenta na Shopify
description: Gdje umetnuti kod u Shopify temu, kako agent čita katalog trgovine, što učiniti s košaricom i plaćanjem i kako provjeriti instalaciju.
section: platforms
keywords: Shopify, widget za Shopify, AI agent Shopify, chatbot za Shopify, instalacija Commerce Agents Shopify, theme.liquid kod Shopify, virtualni asistent Shopify, integracija AI agenta Shopify, kako postaviti chat na Shopify, automatizacija prodaje Shopify
updated: 2026-09-06
---
Shopify već ima strojno čitljiv katalog, stoga agent prikuplja proizvode preciznije nego bilo gdje drugdje: cijene, varijante, dostupnost i fotografije dolaze iz same trgovine.

## Korak 1. Umetnite kod u temu

1. U adminu Shopifyja otvorite **Online Store → Themes**.
2. Kod aktivne teme kliknite **… → Edit code**.
3. Na popisu datoteka pronađite `layout/theme.liquid`.
4. Umetnite redak koda iz administracijskog sučelja neposredno prije završne oznake `</body>`.
5. Spremite.

Alternativa bez uređivanja teme: **Online Store → Preferences → Custom code** ili bilo koja aplikacija za umetanje skripti. Rezultat je isti.

```liquid
    <!-- Commerce Agents -->
<script src="https://comag.vibevox.pro/widget.js" data-slug="vaš-slug" async></script>
  </body>
</html>
```

Točan redak uzmite u administracijskom sučelju pomoću gumba „Kopiraj kod“: u njemu je već postavljen URL vaše trgovine.

## Korak 2. Prikupljanje kataloga

U postavkama navedite URL trgovine i pokrenite analizu. Shopify pretraživač čita strukturirane podatke o proizvodima: naziv, cijenu, valutu, dostupnost, opis i fotografije. Varijante (veličine, boje) prikazuju se na kartici kao karakteristike.

Ponovna analiza ažurira cijene i dostupnost. Pokrenite je nakon većih promjena asortimana: agent se ne povezuje izravno s vašom bazom podataka, već radi s prikupljenim katalogom.

## Korak 3. Ostavite plaćanje trgovini

Na Shopifyju ne trebate uključivati plaćanje u chatu. Ispravna shema je:

1. U postavkama trgovine navedite poveznicu na košaricu — obično `https://vaša-domena/cart`.
2. Agent odabire proizvod, prikazuje karticu i putem gumba vodi kupca u Shopify košaricu.
3. Naplata i plaćanje odvijaju se uobičajenim putem, sa svim vašim pravilima dostave i poreza.

Kako biste vidjeli koji dijalozi završavaju kupnjom, umetnite fragment piksela kupnje na stranicu zahvale. U Shopifyju je to **Settings → Checkout → Order status page → Additional scripts**. Fragment s umetnutim brojem narudžbe i iznosom nalazi se u administracijskom sučelju, u odjeljku „Widget i poveznica“.

## Proizvod ulazi u košaricu bez prekida razgovora

Ovdje se Shopify pokazuje boljim od ostalih platformi. Agent prikazuje kartice proizvoda s fotografijom, cijenom i gumbom, ali gumb ne samo da vodi na stranicu — on stavlja proizvod u košaricu trgovine.

To funkcionira ovako: u poveznici proizvoda Shopify nalazi se identifikator varijante, agent ga prosljeđuje vašoj košarici putem standardnog sučelja `/cart/add.js`. Stranica se ne osvježava, dijalog se ne prekida, kupac vidi kratku potvrdu i nastavlja birati. Proizvod je pritom već u Shopify košarici — sa svim vašim pravilima popusta, poreza i dostave.

Ako varijante nema u poveznici, agent otvara karticu proizvoda, a kupac je sam dodaje. Ništa se ne kvari, samo je jedan klik više.

Kada je osoba spremna, gumb „Idi na naplatu“ vodi na `/cart`, gdje je sve već prikupljeno. Dalje slijedi uobičajena Shopify blagajna.

I zasebno o kontekstu: agent čita strukturirane podatke stranice na kojoj je otvoren chat. Kupac gleda određeni proizvod i pita „ima li u veličini L?“ — agent razumije o čemu je riječ, bez ponovnog postavljanja pitanja.

- Otvorite trgovinu u anonimnom načinu, pričekajte gumb za chat.
- Pitajte za proizvod po nazivu — trebala bi se pojaviti kartica s cijenom.
- Kliknite „Idi na naplatu“ — trebala bi se otvoriti Shopify košarica.
- Izvršite testnu narudžbu i provjerite je li kupnja zabilježena u „Zahtjevima“.

## Chat u skladu s izgledom trgovine

Shopify tema postavlja ton cijeloj trgovini, a chat se ne bi smio izdvajati iz nje. U postavkama widgeta postoje tri opcije: svijetla, tamna i „kao kod posjetitelja“, koja prati postavke uređaja kupca.

Za trgovine s tamnom temom postavite tamnu fiksno, za svijetle — svijetlu. Naglašena boja gumba ostaje vaša u oba slučaja.

## Korak 4. Provjerite

## Česti problemi

**Widget je nestao nakon promjene teme.** Kod se nalazi u datoteci teme. Promjena ili ažuriranje teme briše izmjenu — umetnite kod ponovno ili koristite Custom code, koji ne ovisi o temi.

**Katalog nije u potpunosti prikupljen.** Pretraživač uzima proizvode s javnih stranica. Skriveni od kataloga i nacrti ne ulaze, to je ispravno.

**Cijene u katalogu su zastarjele.** Ponovno pokrenite analizu stranice, ona će ažurirati cijene i dostupnost za postojeće kartice.

**Widget se sukobljava s aplikacijom za chat.** Ostavite samo jedan chat: dva prozora u istom kutu smetaju jedan drugome i zbunjuju kupca.

## Česta pitanja

### Treba li aplikacija iz Shopify App Storea

Ne. Agent se povezuje jednim retkom koda, aplikaciju nije potrebno instalirati.

### Može li agent prikazivati varijante proizvoda

Da, varijante se prikazuju na kartici kao karakteristike: veličina, boja, volumen. Odabir određene varijante kupac vrši u Shopify košarici.

### Što je s više valuta

Agent prikazuje cijene u valuti kataloga, koju određuje prilikom pretraživanja. Shopifyjeva podrška za više valuta radi dalje, na strani košarice i plaćanja.

### Hoće li agent znati o zalihama

Dostupnost se uzima u trenutku analize. Za proizvode koji se često rasprodaju, pokrenite analizu češće ili dodajte u uvjete redak o tome da se dostupnost provjerava prilikom naplate.

### Utječe li widget na brzinu trgovine

Skripta se učitava asinkrono i ne blokira prikaz. To praktički ne utječe na metrike Core Web Vitals.