# Встройте Shoprocket на любой сайт
> Продавайте со своего существующего сайта. Создайте встраивание в разделе «Встраивания», нажмите «Получить код» и вставьте его на страницу в WordPress, Squarespace, Wix, Webflow или обычный HTML. Позже сохранённые изменения доходят до каждой страницы без повторной вставки.
Центр помощи / Встраивание - Обновлено 28 октября 2026 г.
Встраивание помещает часть вашего магазина на любой сайт: один товар с кнопкой покупки, полный каталог товаров, ваши категории или поле поиска. Вы создаёте его в разделе **Встраивания**, нажимаете **Получить код** и вставляете код на страницу. Корзина и оформление заказа открываются прямо на вашей странице, поэтому клиенты не уходят с вашего сайта.
Код вставляется всего один раз. Когда вы позже измените встраивание, даже переключив его на другой макет, при сохранении обновятся все страницы, на которых оно размещено.
## Прежде чем начать
- Добавьте хотя бы один активный товар. Для встраивания одного товара нужен товар, который можно продавать.
- Вам нужна возможность редактировать свой сайт и добавлять на страницу блок с кодом или HTML. Подсказки для каждого конструктора сайтов приведены ниже.
## Шаг 1 (необязательно, рекомендуется). Добавьте Shoprocket на каждую страницу сайта
Вверху раздела **Встраивания** находится карточка **Добавьте Shoprocket на каждую страницу своего сайта**. В ней одна строка кода для шапки вашего сайта. С ней плавающая корзина и онлайн-чат работают на каждой странице сайта, а не только на страницах со встраиванием, а любое встраивание, добавленное позже, просто работает.
1. В панели управления откройте **Встраивания**.
2. В карточке **Добавьте Shoprocket на каждую страницу своего сайта** нажмите **Копировать**.
3. Выберите свой конструктор сайтов на вкладках под кодом (**HTML**, **WordPress**, **Squarespace**, **Wix** или **Webflow**) и выполните два шага, чтобы вставить строку в шапку сайта.
4. Откройте любую страницу сайта. Статус в карточке изменится с **Пока не обнаружено** на **Подключено**.
Этот шаг можно пропустить. Код каждого встраивания содержит ту же строку, поэтому встраивание работает само по себе на любой странице.
## Шаг 2. Создайте встраивание
1. В разделе **Встраивания** нажмите **Новое встраивание**.
2. В блоке **Что показывает** выберите один вариант: **Один товар**, **Каталог товаров**, **Категории** или **Поиск**.
3. Выберите макет:
- **Один товар**: **Кнопка**, **Компактный**, **Карточка**, **Акцентный** или **Полное описание**. Затем выберите товар в поле **Какой товар?**
- **Каталог товаров**: **Сетка**, **Карусель** или **Список**. В поле **Какие товары?** выберите **Все товары**, **Категория** или **Подобранные вручную**.
- **Категории**: **Плитки**.
- **Поиск**: **Поле поиска** или **Значок поиска**.
4. Нажмите **Продолжить**.
Любой макет - это то же самое встраивание с другими настройками, поэтому макет можно потом сменить в редакторе, а вставленный код останется тем же.
## Шаг 3. Настройте внешний вид
В редакторе есть живой предпросмотр, по которому можно пройти как покупатель: добавить в корзину, открыть товары и оформить заказ. То, что показывает встраивание, меняется на вкладке **Это встраивание**. Вкладка **Магазин** задаёт цвета и шрифты для всего магазина, поэтому все ваши встраивания и плавающая корзина выглядят одинаково.
Сначала встраивание получает имя, например «Products · Grid». Его можно переименовать в любой момент.
Когда результат вас устраивает, нажмите **Сохранить и получить код**.
## Шаг 4. Скопируйте код и вставьте его на сайт
После сохранения открывается панель **Получить код**. Она выглядит так:
```html
```
Всегда копируйте свой код кнопкой, а не набирайте его заново. Первая строка называет встраивание, скрипт загружает Shoprocket для вашего магазина, а последняя строка - это место, где появится встраивание.
1. Нажмите **Скопировать код**.
2. Выберите свой конструктор сайтов на вкладках панели и вставьте код туда, где должно появиться встраивание:
- **HTML**: вставьте код туда, где должно появиться встраивание. Строка со скриптом нужна на странице только один раз, сколько бы встраиваний на ней ни было.
- **WordPress**: в редакторе блоков добавьте блок **Свой HTML** там, где должно быть встраивание. Вставьте код и обновите страницу. На WordPress.com для скриптов нужен тариф, допускающий плагины.
- **Squarespace**: отредактируйте страницу и добавьте блок **Code** там, где должно быть встраивание. Вставьте код, оставьте режим отображения HTML и сохраните.
- **Wix**: в редакторе выберите **Добавить**, затем **Код для встраивания**, затем **Встроить HTML**. Вставьте код в поле и измените размер так, чтобы он помещался. Wix показывает его во фрейме, поэтому оставьте место для корзины.
- **Webflow**: перетащите элемент **Code Embed** туда, где должно быть встраивание. Вставьте код, сохраните и опубликуйте сайт.
Если вы уже добавили Shoprocket в шапку сайта на шаге 1, странице нужна только последняя строка кода, та, что начинается с `