# Торговля из коробки спустя десять лет

> В декабре 2015 года этот виджет был совершенно новой функцией. Теперь это весь продукт. Короткая ретроспектива с исходным фрагментом 2015 года, современной версией 2026 года и тем, что на самом деле изменилось.

Ryan Badger - 9 декабря 2015 г. - 2 мин чтения

## Что говорилось в этой статье раньше

В декабре 2015 года «Out of the Box eCommerce» («торговля из коробки») была совершенно новой функцией. Суть предложения: вставьте один тег script на существующий сайт, и появится каталог товаров. Исходный код виджета представлял собой JSON-блок из сорока полей, который копировали из панели. Настраиваемо, но читать его было *очень* много.

Это была вся статья. Десять лет назад.

## Что изменилось

Виджет больше не функция. Это весь продукт. Shoprocket по-прежнему «скрипт, который вставляют на любой сайт», но архитектура под капотом неузнаваема по сравнению с фрагментом 2015 года. Изменились две большие вещи.

### Фрагмент стал короче

Данные 2015 года сериализовали все визуальные предпочтения в JSON при вставке: цвет кнопки, отступы, порядок сортировки товаров, размеры изображений, показывать ли плашку «бесплатная доставка» и ещё около тридцати переключателей. Всё это теперь хранится на сервере и настраивается один раз в вашей панели. Сам виджет - просто идентификатор.

**Тогда (2015):**

```
<script type="application/json">
{"store_id":"1","publishable_key":"1","options":{
  "products_to_display":"categorized",
  "product_size":"medium",
  "image_width":"1126",
  "image_height":"1400",
  "button_style":"standard",
  "product_pagination_limit":"6"
  /* …thirty more fields… */
},"styles":{
  "button_background":"#233642",
  "button_color":"#ffffff"
  /* …and so on… */
}}
</script>
<script async src="https://cdn.shoprocket.io/loader.js"></script>
```

**Сейчас (2026):**

```
<!-- EXAMPLE ONLY. Grab your real snippet from Sales channels → Embeds in your dashboard -->
<script src="https://cdn.shoprocket.io/loader.js" data-pk="pk_yourkey"></script>
<div data-shoprocket="catalog" data-embed-id="emb_xxx"></div>
```

Одна строка. Те же возможности, лучшие значения по умолчанию, а отрисованная витрина читает настройки с сервера, так что вам больше не придётся вручную трогать эти тридцать переключателей.

### Настройки переехали в панель

Всё, что вы хотели настроить, раньше жило *внутри* кода виджета, а значит, правка виджета означала правку вашего сайта. Теперь вы редактируете магазин один раз, и каждый виджет на каждом сайте обновляется мгновенно. Если вы продаёте на трёх сайтах, цвет бренда меняется один раз.

> **Совет:** если вам всё же нужны переопределения для отдельных сайтов (один магазин, несколько визуальных тем), виджет поддерживает `data-sr-theme="handle"`, чтобы привязать виджет к конкретной сохранённой теме. Разный фрагмент для каждого сайта, один магазин за всеми.

## Что виджет делает сегодня

- **Любой сайт.** WordPress, Squarespace, Webflow, Framer, Carrd, Notion, обычный HTML, статические сайты. Если можете вставить тег script, у вас может быть витрина.
- **Любая поверхность.** Одна кнопка «Купить», сетка товаров, выдвижная корзина или полная витрина. Один скрипт, четыре варианта `data-sr-type`.
- **Нулевые комиссии с транзакций.** Работает по подписке ([см. цены](https://v3.shoprocket.io/ru/pricing.md)); Stripe и PayPal по-прежнему берут свою обычную комиссию с самого платежа, но Shoprocket сверху не берёт ничего.
- **Любой язык.** Виджет автоматически определяет язык посетителя среди 21 локали и локализует цены, способы оплаты и подписи.

## Единственное, что не изменилось

Мы назвали это «из коробки» с самого начала потому, что оно работало в тот момент, когда вы его вставили. Без разработчика, без настройки темы, без пересборки вашего существующего сайта. Это правда и спустя десять лет. Просто чтобы это доказать, теперь нужно меньше символов.

Если вы ещё не пробовали актуальную версию, [начните бесплатный пробный период](https://app-v3.shoprocket.io/signup). Настройка занимает меньше пяти минут.

---

- HTML version: https://v3.shoprocket.io/ru/blog/out-of-the-box-ecommerce-a-decade-later
- Language: Русский (ru)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/out-of-the-box-ecommerce-a-decade-later.md), [Deutsch](https://v3.shoprocket.io/de/blog/ecommerce-out-of-the-box-ein-jahrzehnt-spaeter.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/out-of-the-box-ecommerce-a-decade-later.md), [English](https://v3.shoprocket.io/blog/out-of-the-box-ecommerce-a-decade-later.md), [Español](https://v3.shoprocket.io/es/blog/ecommerce-listo-para-usar-una-decada-despues.md), [Français](https://v3.shoprocket.io/fr/blog/ecommerce-cle-en-main-dix-ans-apres.md), [עברית](https://v3.shoprocket.io/he/blog/out-of-the-box-ecommerce-a-decade-later.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/out-of-the-box-ecommerce-a-decade-later.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/ecommerce-siap-pakai-satu-dekade-kemudian.md), [Italiano](https://v3.shoprocket.io/it/blog/ecommerce-pronto-all-uso-dieci-anni-dopo.md), [日本語](https://v3.shoprocket.io/ja/blog/out-of-the-box-ecommerce-a-decade-later.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/e-komercija-is-dezes-po-desimtmecio.md), [Norsk](https://v3.shoprocket.io/nb/blogg/nettbutikk-ut-av-boksen-ti-ar-etter.md), [Nederlands](https://v3.shoprocket.io/nl/blog/out-of-the-box-ecommerce-tien-jaar-later.md), [Polski](https://v3.shoprocket.io/pl/blog/ecommerce-z-pudelka-dekade-pozniej.md), [Português](https://v3.shoprocket.io/pt/blog/ecommerce-pronto-para-usar-uma-decada-depois.md), [Română](https://v3.shoprocket.io/ro/blog/ecommerce-gata-de-utilizare-un-deceniu-mai-tarziu.md), [ไทย](https://v3.shoprocket.io/th/blog/out-of-the-box-ecommerce-a-decade-later.md), [Türkçe](https://v3.shoprocket.io/tr/blog/hazir-kutudan-eticaret-on-yil-sonra.md), [中文](https://v3.shoprocket.io/zh/blog/out-of-the-box-ecommerce-a-decade-later.md)