---
title: Како инсталирати агента на Shopify
description: Где убацити код у Shopify тему, како агент чита каталог продавнице, шта радити са корпом и плаћањем и како проверити инсталацију.
section: platforms
keywords: Shopify, виџет на Shopify, инсталација агента Shopify, theme.liquid, чат за Shopify, AI агент Shopify, каталог Shopify, помоћник за продају Shopify, аутоматизација продаје Shopify, интеграција AI Shopify, AI чет Shopify, вештачка интелигенција е-трговина
updated: 2026-09-06
---
У Shopify-u već postoji katalog u mašinski čitljivom formatu, zato agent prikuplja proizvode preciznije nego bilo gde drugde: cene, varijante, dostupnost i fotografije dolaze direktno iz prodavnice.

## Корак 1. Уметните код у тему

1. У Shopify administraciji otvorite **Online Store → Themes**.
2. Код активне теме кликните на **… → Edit code**.
3. На листи фајлова пронађите `layout/theme.liquid`.
4. Уметните линију кода из панела директно испред затварајућег тага `</body>`.
5. Сачувајте.

Алтернатива без измене теме: **Online Store → Preferences → Custom code** или било која апликација за уметање скрипти. Резултат је исти.

```liquid
    <!-- Commerce Agents -->
    <script src="https://comag.vibevox.pro/widget.js" data-slug="your-slug" async></script>
  </body>
</html>
```

Тачну линију преузмите у панелу помоћу дугмета „Копирај код“: у њој је већ унета адреса ваше продавнице.

## Корак 2. Prikupite katalog

У подешавањима наведите адресу продавнице и покрените анализу. Shopify претраживач чита структуриране податке о производима: назив, цену, валуту, доступност, опис и фотографије. Варијанте (величине, боје) се приказују у картици као карактеристике.

Поновна анализа ажурира цене и доступност. Покрените је након већих промена асортимана: агент се не повезује директно са вашом базом, већ ради са прикупљеним каталогом.

## Корак 3. Prepustite plaćanje prodavnici

На Shopify-u не треба укључивати плаћање у чету. Правилна шема:

1. У подешавањима продавнице наведите линк до корпе — обично `https://your-domain/cart`.
2. Агент проналази производ, приказује картицу и путем дугмета води купца у Shopify корпу.
3. Поручивање и плаћање иду уобичајеним путем, са свим вашим правилима доставе и пореза.

Да бисте видели који се дијалози завршавају куповином, уметните фрагмент пиксела куповине на страницу захвалности. На Shopify-u је то **Settings → Checkout → Order status page → Additional scripts**. Фрагмент са заменом броја поруџбине и износа налази се у панелу, у одељку „Виџет и линк“.

## Производ доспева у корпу, не прекидајући разговор

Овде се Shopify показује боље од осталих платформи. Агент приказује картице производа са фотографијом, ценом и дугметом, али дугме не води само на страницу — оно ставља производ у корпу продавнице.

То функционише овако: у линку производа Shopify-а постоји идентификатор варијанте, агент га прослеђује вашој корпи путем стандардног интерфејса `/cart/add.js`. Страница се не освежава, дијалог се не прекида, купац види кратку потврду и наставља да бира. Производ је притом већ у Shopify корпи — са свим вашим правилима попуста, пореза и доставе.

Ако варијанте нема у линку, агент отвара картицу производа, а купац је додаје сам. Ништа се не квари, само је један клик више.

Када је особа спремна, дугме „Пређи на плаћање“ води на `/cart`, где је све већ прикупљено. Даље — уобичајена Shopify каса.

И посебно о контексту: агент чита структуриране податке странице на којој је отворен чет. Купац гледа конкретан производ и пита „има ли у величини L?“ — агент разуме о чему је реч, без поновног питања.

- Отворите продавницу у инкогнито режиму, сачекајте дугме за чет.
- Питајте за производ по називу — требало би да се појави картица са ценом.
- Кликните на „Пређи на плаћање“ — требало би да се отвори Shopify корпа.
- Направите тест поруџбину и уверите се да је куповина забележена у „Захтевима“.

## Чет у складу са изгледом продавнице

Shopify тема поставља тон целој продавници, и чет не би требало да одудара од тога. У подешавањима виџета постоје три опције: светла, тамна и „као код посетиоца“, која прати подешавања уређаја купца.

За продавнице са тамном темом подесите тамну фиксно, за светле — светлу. Акцентна боја дугмади остаје ваша у оба случаја.

## Корак 4. Проверите

## Чести проблеми

- **Виџет је нестао након промене теме.** Код се налази у фајлу теме. Промена или ажурирање теме брише измену — уметните код поново или користите Custom code, који не зависи од теме.

- **Каталог није прикупљен у потпуности.** Претраживач узима производе са јавних страница. Скривени од каталога и нацрти не улазе, то је исправно.

- **Цене у каталогу су застареле.** Покрените анализу сајта поново, она ће ажурирати цене и доступност за постојеће картице.

- **Виџет је у конфликту са апликацијом за чет.** Оставите један чет: два прозора у истом углу сметају један другом и збуњују купца.

## Честа питања

### Да ли је потребна апликација из Shopify App Store-а

Не. Агент се повезује једном линијом кода, апликацију није потребно инсталирати.

### Да ли агент може да приказује варијанте производа

Да, варијанте се приказују у картици као карактеристике: величина, боја, запремина. Купац бира конкретну варијанту у Shopify корпи.

### Шта је са више валута

Агент приказује цене у валути каталога, коју одређује приликом претраживања. Мултивалутност Shopify-а ради даље, на страни корпе и плаћања.

### Да ли ће агент знати за залихе

Доступност се узима у тренутку анализе. За производе који се често распродају, покрећите анализу чешће или додајте у услове реченицу да се доступност проверава приликом поручивања.

### Да ли виџет утиче на брзину продавнице

Скрипта се учитава асинхроно и не блокира рендеровање. На Core Web Vitals метрике то практично не утиче.
