# Как добавить интернет-магазин на любой сайт (без смены платформы)

> Три способа подключить торговлю к уже существующему сайту. Когда подходит каждый, что меняется на сайте и когда смена платформы действительно оправдана.

Ryan Badger - 2 июня 2023 г. - 4 мин чтения

## Что на самом деле значит "подключить интернет-магазин"

У вас есть сайт. Маркетинговый сайт, портфолио, блог, может быть, сборка на Webflow или Squarespace. Он работает. Выглядит так, как вы хотели. Но теперь с него нужно что-то продавать.

Неправильный ход: выбросить его и пересобрать на Shopify. Правильный зависит от трёх вещей:

1. **Что вы продаёте.** Один товар или каталог? Физический или цифровой? Подписка или разовая покупка?
2. **На чём работает ваш сайт.** Если в него можно вставить тег script, вариантов становится много.
3. **Какую часть оформления заказа вы хотите контролировать сами.**

В этой статье разбирается, как выглядит "интеграция" в 2026 году по каждому из этих пунктов. Менять платформу не придётся, если выбрать правильно.

## Три реальных способа интеграции

### Способ 1: перенаправление на готовую страницу оплаты

Самый простой. На вашем сайте стоят кнопки покупки. Покупатель нажимает кнопку и уходит с вашего сайта на страницу оформления (Stripe Payment Links, Gumroad, Payhip, Lemonsqueezy). Оплата проходит на чужом домене, после неё покупатель возвращается на вашу страницу благодарности.

**Плюсы:** никакой JS-интеграции, работает буквально на любом сайте, почти не требует поддержки. **Минусы:** разрыв пользовательского пути (уход с вашего сайта) снижает конверсию. Оформление получается разнородным. Сценарии возврата брошенных корзин и аналитика усложняются.

Подходит: авторам с одним товаром, небольшим объёмам, тем, кому технически неприятно что-либо встраивать.

### Способ 2: виджет, встроенный в страницу

Встроенный виджет работает внутри вашего сайта. Покупатель никуда не уходит. Корзина, описание товара и оформление заказа отображаются прямо на ваших страницах.

Именно это предлагают Shoprocket, Snipcart, Ecwid и подобные платформы.

Типичная интеграция:

```
<!-- 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>
```

Одна строка, одна вставка, готово. Виджет автоматически синхронизируется с вашей панелью управления: товары, цены, изображения, налоговые правила, варианты доставки, способы оплаты. Покупатели остаются на вашем домене от "посмотреть каталог" до "спасибо за заказ".

**Плюсы:** единый пользовательский опыт, контроль над брендом, меньше потерь конверсии. **Минусы:** у вашего сайта появляется JS-зависимость. Большинство виджетов лёгкие (~20-50 КБ), но это не ноль.

Подходит: любому сайту, которому нужен настоящий магазин без смены платформы.

### Способ 3: headless (интеграция через API)

Вы сами делаете интерфейс и обращаетесь к API торговой платформы (Stripe API, Shopify Storefront API, BigCommerce, Commercetools) ради коммерческой механики. Полностью своё, полностью под вашим контролем.

**Плюсы:** полный контроль, никаких компромиссов по внешнему виду, масштабируется на нестандартные сценарии. **Минусы:** настоящая инженерная работа. Вам нужно построить оформление заказа, состояние корзины, расчёт налогов, синхронизацию остатков, вебхуки. Это месяцы времени, а не минуты.

Подходит: командам, у которых есть разработчик, занятый торговлей на постоянной основе, или продуктам, которые не поместятся в готовый виджет.

## Дерево решений

Начните с вопроса "вы согласны, чтобы покупатель уходил с вашего сайта":

- **Да**: способ 1 (ссылка на готовую страницу оплаты). Stripe Payment Links или Gumroad, настройка за 10 минут.
- **Нет**: переходите к следующему вопросу.

Хотите писать собственный код?

- **Да, у нас есть ресурс разработки**: способ 3 (headless).
- **Нет, нужно готовое**: способ 2 (встроенный виджет). Сюда попадает большинство сайтов.

Для способа 2 следующее решение касается выбора платформы. Это разобрано в отдельной статье: [сравнение платформ со встраиваемой корзиной](https://v3.shoprocket.io/ru/blog/embeddable-shopping-cart-platforms-compared-snipcart-ecwid-gumroad-payhip-shoprocket.md).

## Как выглядит реальная интеграция по способу 2 на популярных платформах

### WordPress

Вставьте код в блок Custom HTML (блочный редактор) или в текстовый виджет (классическая боковая панель). Устанавливать плагин не нужно.

### Squarespace

Добавьте Code Block на любую страницу. Вставьте код. Виджет подстроится под ширину и отступы вашей темы Squarespace.

### Webflow

Элемент Embed → вставьте код. Статический экспорт Webflow при публикации тоже включает встроенный блок.

### Framer

Элемент Embed → вставьте код. Инструменты разработчика Framer позволяют легко разместить код в нужном разделе.

### Carrd

Компонент Custom code (функция платного тарифа). Одностраничные сайты со вкладкой магазина: проще некуда.

### Notion

Используйте публичную страницу Notion как сайт, встройте её через сервис вроде Super или Potion и вставьте код. Получится настоящий магазин.

### Статический HTML / Jekyll / Hugo / 11ty

Вставьте код в тот шаблон, который выводит страницу вашего магазина. Больше ничего не нужно.

## Что меняется на сайте после интеграции

Меньше, чем вы думаете.

- Существующие страницы остаются как есть. Править тему не нужно.
- Скрипт загружается асинхронно, поэтому скорость страницы практически не меняется (оценки Lighthouse держатся на месте).
- Товары, цены и остатки живут в вашей торговой панели, а не в CMS.
- Данные покупателей (заказы, адреса электронной почты, адреса доставки) уходят в торговую платформу. Вашей CMS ничего из этого обрабатывать не нужно.

Что делать НЕ нужно:

- Пересобирать сайт
- Устанавливать плагин для CMS
- Переносить контент
- Нанимать разработчика
- Покупать новый домен

> **Совет:** сначала проверьте виджет на тестовой странице. Он ни с чем не должен конфликтовать, но стоит убедиться на вашей конкретной теме, прежде чем выкладывать его на рабочую страницу магазина.

## Когда действительно стоит менять платформу

Иногда ответ именно такой: "перейти на полноценную торговую платформу". Признаки:

- У вас оборот $100 тыс. и больше в месяц, и главная задача сайта теперь продавать, а не строить бренд.
- Вам нужна интеграция с POS (офлайн-торговля плюс онлайн).
- В каталоге >1000 SKU с постоянными обновлениями.

На таком масштабе Shopify Plus или аналог начинает окупаться. Для большинства независимых сайтов ниже этого порога встраивание дешевле, быстрее и сохраняет уже имеющийся сайт.

## Если совсем коротко

- **Ссылка на готовую страницу оплаты**: быстрее всего, но разрывает пользовательский путь на этапе оплаты. Подходит для одиночных товаров.
- **Встроенный виджет**: покупатель остаётся на вашем сайте, менять платформу не нужно. Хороший вариант по умолчанию.
- **Headless API**: делаете всё сами, месяцы работы. Оправдан только на большом масштабе.

[Попробуйте встраиваемый магазин Shoprocket на своём сайте](https://app-v3.shoprocket.io/signup). Бесплатный пробный период, карта не нужна. Тарифы: [от $29](https://v3.shoprocket.io/ru/pricing.md), ноль комиссий за транзакции на всех тарифах.

---

- HTML version: https://v3.shoprocket.io/ru/blog/how-to-add-ecommerce-to-any-website-without-replatforming
- Language: Русский (ru)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Deutsch](https://v3.shoprocket.io/de/blog/ecommerce-zu-jeder-website-hinzufuegen-ohne-plattformwechsel.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [English](https://v3.shoprocket.io/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Español](https://v3.shoprocket.io/es/blog/anadir-ecommerce-a-cualquier-web-sin-cambiar-de-plataforma.md), [Français](https://v3.shoprocket.io/fr/blog/ajouter-ecommerce-a-un-site-sans-changer-de-plateforme.md), [עברית](https://v3.shoprocket.io/he/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/cara-menambahkan-ecommerce-ke-situs-web-mana-pun-tanpa-ganti-platform.md), [Italiano](https://v3.shoprocket.io/it/blog/aggiungere-ecommerce-a-qualsiasi-sito-senza-cambiare-piattaforma.md), [日本語](https://v3.shoprocket.io/ja/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/kaip-prideti-el-prekyba-prie-bet-kurios-svetaines-nekeiciant-platformos.md), [Norsk](https://v3.shoprocket.io/nb/blogg/legg-nettbutikk-til-et-hvilket-som-helst-nettsted-uten-a-bytte-plattform.md), [Nederlands](https://v3.shoprocket.io/nl/blog/webshop-toevoegen-aan-elke-website-zonder-te-verhuizen.md), [Polski](https://v3.shoprocket.io/pl/blog/jak-dodac-e-commerce-do-dowolnej-strony-bez-zmiany-platformy.md), [Português](https://v3.shoprocket.io/pt/blog/como-adicionar-ecommerce-a-qualquer-site-sem-trocar-de-plataforma.md), [Română](https://v3.shoprocket.io/ro/blog/cum-adaugi-ecommerce-pe-orice-site-fara-sa-schimbi-platforma.md), [ไทย](https://v3.shoprocket.io/th/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md), [Türkçe](https://v3.shoprocket.io/tr/blog/platform-degistirmeden-web-sitesine-eticaret-ekleme.md), [中文](https://v3.shoprocket.io/zh/blog/how-to-add-ecommerce-to-any-website-without-replatforming.md)