Як створити інтернет-магазин: товари, кошик, оплата і склад

Щоб створити інтернет-магазин, потрібні каталог товарів, кошик, оплата через провайдера на кшталт Stripe, спосіб фіксувати замовлення й списувати товар зі складу, а також адмін-панель для їх обробки. ШІ-конструктор додатків може зібрати все це за чітким описом. Найбільше уваги варто приділити не вітрині, а частинам, що стосуються грошей: коли замовлення вважається оплаченим, як резервується товар і як обробляються податки, доставка та повернення коштів.

Власний магазин чи Shopify? Вирішіть спочатку

Чесно відповідьте на це питання, перш ніж будувати щось.

Готова платформа для торгівлі (Shopify, Squarespace Commerce, WooCommerce тощо) зазвичай краща, коли:

• Ви продаєте фізичні товари з тарифами доставки, етикетками та поверненнями
• Вам потрібно розраховувати податки в багатьох регіонах
• Щодня товари додає і замовлення обробляє команда без технічних знань
• Вам потрібен магазин додатків із доповненнями: відгуки, email-розсилки, програми лояльності
• Ви продаєте через кілька каналів і потребуєте єдиного обліку складу

Плани Shopify — це щомісячна підписка зі знижкою за оплату на рік, а з оплат картками стягуються комісії за обробку; перевірте сторінку тарифів для своєї країни, адже ціни відрізняються за регіонами.

Власний магазин зазвичай виграє, коли:

• Товар нестандартний: вироби на замовлення з конфігуратором, бронювання разом із товарами, цифрові завантаження з ліцензіями, B2B-прайси для кожного клієнта
• Магазин — лише частина більшого застосунку (платформа курсів, сайт членства, маркетплейс)
• Ви продаєте невеликий каталог і хочете повного контролю над дизайном і процесом оплати
• Ви хочете володіти кодом і уникнути прив'язки до платформи

Для багатьох дрібних продавців краща платформа. Якщо ваші потреби звичайні, це добре — скористайтеся готовим рішенням.

Що потрібно інтернет-магазину

Дані

Зберігайте ціну на момент покупки в кожній позиції замовлення. Якщо наступного місяця ви зміните ціну, старі замовлення мають і далі показувати, що заплатив клієнт.

Сторінки

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

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

Дозвольте купувати без акаунта: гостьове оформлення прибирає один крок, а акаунти можна додати пізніше. Лише адміністратори мають бачити замовлення і редагувати товари. Захистіть адмін-зону справжнім входом і перевірками на сервері.

Як має працювати оплата

Найбезпечніший шаблон для власного магазину — сторінка оплати, яку розміщує провайдер. Зі Stripe це виглядає так:

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

Дві помилки, яких варто уникати: створювати «оплачене» замовлення з перенаправлення на сторінку успіху (люди закривають вкладки, а перенаправлення можна підробити) і рахувати суму в браузері. ШІ легко може припуститися цих помилок, якщо ви прямо про них не скажете.

Стандартна ціна Stripe — відсоток плюс фіксована комісія за кожну успішну оплату карткою, без плати за налаштування й щомісячних платежів (станом на вересень 2026 року); точна ставка залежить від країни та картки. Спершу все налаштуйте в тестовому режимі Stripe з тестовими номерами карток. Наш гід із додавання оплат до застосунку описує ключі, тестовий режим і вебхуки.

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

Ці рішення за вас ШІ прийняти не може:

• Податки. Чи потрібно стягувати податок з продажів або ПДВ і за якою ставкою, залежить від того, де знаходитеся ви та ваші клієнти. Stripe пропонує для цього окремий продукт (Stripe Tax), або ж можна встановити фіксовані ставки, якщо ваша ситуація проста. Якщо сумніваєтеся, зверніться до бухгалтера.
• Доставка. Почніть із кількох фіксованих тарифів (внутрішня, міжнародна, безкоштовна від певної суми). Розрахунок тарифів перевізників у реальному часі та друк етикеток — саме та частина, де платформи на кшталт Shopify заощаджують багато роботи.
• Склад. Вирішіть, чи резервується товар на початку оформлення, чи лише після успішної оплати. Для невеликих магазинів простіше списувати товар після оплати й перевіряти залишок безпосередньо перед оформленням; тоді іноді можливий овербукінг останньої одиниці, тож заздалегідь вирішіть, як ви це обробляєте. Про облік запасів поза магазином читайте як створити застосунок для управління складом.

Перший промпт, що працює

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

Заглушку для оплати варто ставити свідомо: спершу зробіть каталог і адмін-панель правильно, а оплату додайте окремим кроком, який можна нормально протестувати.

Етапи побудови

1. Каталог і сторінки товарів зі справжніми назвами, цінами і фото.
2. Кошик, який зберігається після оновлення сторінки.
3. Адмін-панель: товари, варіанти, склад, завантаження зображень. Захистіть її входом.
4. Stripe Checkout у тестовому режимі, де сервер перевіряє ціни і залишки.
5. Вебхук, який позначає замовлення оплаченими і списує товар. Протестуйте наскрізно з тестовою карткою.
6. Листи про замовлення клієнту і вам.
7. Політики і SEO: сторінки доставки й повернення, назви та описи товарів, зображення для соцмереж. Див. SEO для сайтів, створених за допомогою ШІ.
8. Запуск: перемкніть на бойові ключі Stripe, зробіть власне невелике замовлення і поверніть за нього кошти.

Поширені помилки

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

Витрати на роботу

Закладайте витрати на: хостинг і базу даних, комісії за обробку платежів з кожного продажу, домен, сервіс email для підтверджень замовлень і, можливо, сервіс для податків. Власний магазин не потребує платної підписки на платформу й комісій за додатки, але ви берете на себе обслуговування: якщо щось зламається на оплаті, виправляти доведеться вам.

Якщо вам потрібні продавці, крім вас самих, кілька постачальників з виплатами кожному, то це маркетплейс, і правила оплати там інші. Див. як створити маркетплейс.

Створення з Mythex

На Mythex ви описуєте магазин, а агент будує каталог, кошик і адмін-панель у живому прев'ю, з базою даних Postgres для товарів і замовлень та файловим сховищем для фото товарів. Сценарій для магазинів у документації рекомендує саме такий порядок: спершу каталог, оплата пізніше.

Оплати працюють через ваш власний обліковий запис Stripe: додайте ключі Stripe як секрети проєкту та попросіть агента додати Checkout, а потім протестуйте з тестовими картками Stripe у прев'ю (рецепт Stripe). Вебхукам потрібна публічна адреса, тож опублікуйте застосунок, перш ніж вказувати на нього Stripe (рецепт вебхуків). Податки, доставка і синхронізація складу не є вбудованими функціями Mythex, а нативної інтеграції з Shopify немає. Якщо вам потрібні ці речі в готовому вигляді, Shopify буде кращим вибором. Як відправну точку подивіться шаблони магазинів, наприклад магазин електронної комерції.

Запитання