Како инсталирати агента на Shopify

Где убацити код у Shopify тему, како агент чита каталог продавнице, шта радити са корпом и плаћањем и како проверити инсталацију.

6. септембар 2026.

У 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 или било која апликација за уметање скрипти. Резултат је исти.

    <!-- 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 метрике то практично не утиче.