Как создать интернет-магазин: товары, корзина, оплата и склад

Чтобы создать интернет-магазин, нужны каталог товаров, корзина, оплата через платёжного провайдера, например Stripe, учёт заказов и списание остатков, а также админка для их выполнения. ИИ-конструктор может собрать всё это по понятному описанию. Больше всего внимания стоит уделить не витрине, а части, связанной с деньгами: когда заказ считается оплаченным, как резервируется товар и как обрабатываются налоги, доставка и возвраты.

Свой магазин или Shopify? Сначала решите

Честно ответьте на этот вопрос до того, как что-либо строить.

Готовая платформа для торговли (Shopify, Squarespace Commerce, WooCommerce и подобные) обычно лучше, если:

• вы продаёте физические товары с тарифами доставки, этикетками и возвратами
• нужно считать налоги во многих регионах
• товары и заказы ежедневно обрабатывает команда без технических навыков
• вам нужен магазин дополнений: отзывы, email-рассылки, программа лояльности
• вы продаёте через несколько каналов и нужен один общий учёт товаров

Тарифы Shopify — это ежемесячная подписка со скидкой при оплате за год, плюс комиссии за обработку карточных платежей. Цены зависят от страны, поэтому уточните их на странице тарифов Shopify для вашего региона.

Собственный магазин часто выигрывает, если:

• товар нестандартный: изделия под заказ с конфигуратором, записи на услуги вместе с товарами, цифровые продукты с лицензиями, B2B-прайсы для каждого клиента
• магазин — часть большого приложения (платформа курсов, сайт с подпиской, маркетплейс)
• вы продаёте небольшой каталог и хотите полный контроль над дизайном и процессом оплаты
• вы хотите владеть кодом и не зависеть от платформы

Многим небольшим продавцам лучше подойдёт готовая платформа. Если ваши задачи типичны, это хорошо: идите по короткому пути.

Что нужно интернет-магазину

Данные

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

Страницы

• Витрина: главная, страницы категорий или коллекций, страницы товаров, корзина, переход к оплате, страница подтверждения заказа.
• Админка: товары и остатки, заказы со статусами (оплачен, упакован, отправлен, возвращён), клиенты, простые показатели продаж.
• Юридические страницы: доставка, возвраты, конфиденциальность и условия. Покупатели ищут их перед покупкой, а во многих регионах часть из них обязательна по закону.

Права доступа

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

Как должна работать оплата

Самая безопасная схема для собственного магазина — размещённая платёжная страница. Со Stripe это выглядит так:

1. Покупатель нажимает «Оплатить». Ваш сервер заново проверяет цены и остатки по базе данных и никогда не доверяет тому, что прислал браузер, а затем создаёт сессию Stripe Checkout.
2. Покупатель платит на странице Stripe. Данные карты до вашего сервера не доходят.
3. Stripe вызывает webhook вашего приложения и сообщает, что оплата прошла. Только после этого вы отмечаете заказ как оплаченный и списываете товар.
4. Покупатель попадает на вашу страницу подтверждения, а вы отправляете письмо с подтверждением.

Две ошибки, которых стоит избегать: создавать «оплаченный» заказ по редиректу на страницу успеха (люди закрывают вкладки, а редиректы можно подделать) и считать итог в браузере. ИИ легко ошибается в обоих случаях, если прямо не указать, как это должно работать.

Стандартная тарифная модель Stripe — процент от суммы плюс фиксированная комиссия за каждый успешный платёж картой, без платы за подключение и ежемесячных платежей (по состоянию на сентябрь 2026 года). Точная ставка зависит от страны и типа карты. Сначала всё собирайте в тестовом режиме Stripe с тестовыми номерами карт. В нашем гиде по подключению платежей в приложение описаны ключи, тестовый режим и webhooks.

Решения по налогам, доставке и складу

Эти решения за вас ИИ принять не может:

• Налоги. Нужно ли начислять налог с продаж или НДС и по какой ставке, зависит от того, где находятся вы и ваши клиенты. Stripe предлагает для этого продукт Stripe Tax, или можно задать фиксированные ставки, если ситуация простая. Если сомневаетесь, спросите бухгалтера.
• Доставка. Начните с нескольких фиксированных тарифов (внутри страны, международная, бесплатно от определённой суммы). Тарифы перевозчиков в реальном времени и печать этикеток — та часть работы, которую платформы вроде Shopify берут на себя.
• Склад. Решите, резервируется ли товар в момент начала оплаты или только после её успеха. Для небольших магазинов проще списывать товар при оплате и проверять наличие непосредственно перед ней. Тогда иногда возможна продажа последней единицы, которую уже нет, поэтому заранее решите, как вы будете такие случаи обрабатывать. Для учёта товаров вне магазина см. как создать приложение для управления складом.

Промпт, который работает

Создай интернет-магазин для Loam & Clay, небольшой студии керамики, которая продаёт кружки, миски и вазы. Витрина: главная страница с избранными товарами, страница магазина с фильтрами по категориям, страницы товаров с галереей фото, вариантами цвета и статусом наличия, выезжающая боковая корзина. Сохрани товары, варианты, заказы и позиции заказов в базе данных и добавь 10 реалистичных товаров. Админка (нужен вход) для добавления и редактирования товаров, загрузки фото, изменения остатков и просмотра заказов со статусами «оплачен» / «упакован» / «отправлен». Кнопка оплаты пока может быть заглушкой — Stripe Checkout добавим следующим шагом. Тёплый минималистичный дизайн, сначала мобильная версия. Никаких поддельных отзывов и утверждений вроде «бесплатная доставка по всему миру».

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

Шаги сборки

1. Каталог и страницы товаров с реальными названиями, ценами и фото.
2. Корзина, которая сохраняется после обновления страницы.
3. Админка: товары, варианты, остатки, загрузка фото. Защитите её логином.
4. Stripe Checkout в тестовом режиме, с проверкой цен и остатков на сервере.
5. Webhook, который отмечает заказы оплаченными и списывает товар. Проверьте его от начала до конца тестовой картой.
6. Письма о заказе клиенту и вам.
7. Политики и SEO: страницы доставки и возвратов, названия и описания товаров, изображения для соцсетей. См. SEO для сайтов, созданных ИИ.
8. Запуск: переключитесь на боевые ключи Stripe, сделайте сами небольшой реальный заказ и оформите возврат.

Частые ошибки

• Доверять ценам из браузера. Всегда пересчитывайте на сервере.
• Отмечать заказ оплаченным на странице успеха, а не по webhook.
• Перезаписывать остатки вместо записи движений: теряется история того, почему изменился товар.
• Запускаться без страниц доставки и возвратов.
• Огромные фото товаров. Сжимайте их и храните в файловом хранилище, а не внутри кода.
• Создавать списки желаний, отзывы и бонусы до первой продажи.

Расходы

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

Если вы хотите продавать не только сами, а вместе с другими продавцами, которым вы перечисляете выплаты, — это маркетплейс с другими правилами оплаты. См. как создать маркетплейс.

Создание с Mythex

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

Платежи идут через ваш собственный аккаунт Stripe: вы добавляете ключи Stripe как секреты проекта и просите агента подключить Checkout, а затем проверяете оплату тестовыми картами Stripe в превью (рецепт Stripe). Для webhooks нужен публичный адрес, поэтому сначала опубликуйте проект и только потом укажите его в Stripe (рецепт webhooks). Налоги, доставка и синхронизация склада не входят в Mythex как готовые функции, а нативной интеграции с Shopify нет. Если вам нужно готовое решение с этими функциями, выбирайте Shopify. Для старта посмотрите шаблоны магазинов, например интернет-магазин.

Вопросы