Как да създадете онлайн магазин: продукти, количка, плащане и наличности

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

Персонален магазин или Shopify? Решете първо

Бъдете честни с себе си, преди да строите каквото и да е.

Платформа за онлайн търговия (Shopify, Squarespace Commerce, WooCommerce и подобни) е обикновено по-добър избор, когато:

• Продавате физически стоки с тарифи за доставка, етикети и връщания
• Трябва да изчислявате данъци в много региони
• Екип без технически познания ще добавя продукти и ще обработва поръчки всеки ден
• Искате магазин с добавки — отзиви, имейл маркетинг, лоялност
• Продавате в няколко канала и ви трябва една обща наличност

Плановете на Shopify са месечен абонамент с отстъпка при плащане за година, а при плащания с карта се добавят и такси за обработка; проверете страницата с цени за вашата държава, тъй като цените се различават по региони.

Персоналният магазин обикновено печели, когато:

• Продуктът е необичаен: конфигуратори по поръчка, резервации заедно с продукти, дигитални изтегляния с лицензи, B2B ценови листи за всеки клиент
• Магазинът е част от по-голямо приложение (платформа за курсове, сайт с членство, маркетплейс)
• Продавате малък каталог и искате пълен контрол върху дизайна и процеса на плащане
• Искате да притежавате кода и да избегнете зависимост от платформа

Много малки продавачи са най-добре обслужени от платформа. Ако нуждите ви са обикновени, това е добре — вземете прякия път.

Какво трябва на един онлайн магазин

Данни

Запишете цената към момента на покупката във всеки ред от поръчката. Ако след месец промените цената, старите поръчки трябва да показват какво е платил клиентът.

Страници

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

Права

Позволете на купувачите да пазаруват без акаунт — гостовото плащане премахва една стъпка, а акаунтите могат да дойдат по-късно. Само администраторите трябва да виждат поръчките и да редактират продуктите — защитете администрацията с истинско влизане и проверки от страна на сървъра.

Как трябва да работи плащането

Най-безопасният модел за персонален магазин е хостваната страница за плащане. При Stripe:

1. Купувачът натиска „Плати“. Вашият сървър проверява отново цените и наличностите от базата данни — никога не се доверява на това, което изпраща браузърът — и създава сесия за Stripe Checkout.
2. Купувачът плаща на страницата на Stripe. Данните на картата никога не стигат до вашия сървър.
3. Stripe извиква вашия webhook адрес, за да съобщи, че плащането е успешно. Едва тогава маркирате поръчката като платена и намалявате наличността.
4. Купувачът попада на страницата за потвърждение, а вие изпращате имейл за потвърждение.

Две грешки трябва да избегнете: създаване на „платена“ поръчка от пренасочването към страницата за успех (хората затварят раздели, а пренасочванията могат да бъдат подправени) и изчисляване на общата сума в браузъра. И двете са лесни за грешка от AI, ако не му кажете изрично.

Стандартните цени на Stripe са процент плюс фиксирана такса за всяко успешно плащане с карта, без такси за настройка и без месечни такси (към септември 2026); точната ставка зависи от държавата и картата. Първо направете всичко в тестовия режим на Stripe, с тестовите номера на карти. Нашето ръководство за добавяне на плащания към вашето приложение обхваща ключовете, тестовия режим и webhook-ите.

Решения за данъци, доставка и наличности

Това са бизнес решения, които AI не може да вземе вместо вас:

• Данъци. Дали трябва да начислявате ДДС или данък продажби и на каква ставка зависи от това къде сте вие и вашите клиенти. Stripe предлага продукт за това (Stripe Tax), или можете да зададете фиксирани ставки, ако ситуацията ви е проста. Попитайте счетоводител, ако не сте сигурни.
• Доставка. Започнете с няколко фиксирани тарифи (вътрешна, международна, безплатна над определена сума). Тарифи на куриер в реално време и печат на етикети са мястото, където платформи като Shopify спестяват много работа.
• Наличности. Решете дали наличността се резервира, когато започне плащането, или само когато то е успешно. За малки магазини е по-просто да намалявате наличността при плащане и да проверявате отново точно преди плащане; тогава обаче е възможно от време на време да продадете последния артикул два пъти, затова решете как ще постъпвате в такъв случай. За проследяване на наличности извън магазина вижте как да създадете приложение за управление на наличности.

Първи промпт, който работи

Създай онлайн магазин за Loam & Clay, малко студио за керамика, което продава чаши, купи и вази. Витрина: начална страница с препоръчани продукти, страница за магазин с филтри по категория, страници на продукти с галерия от снимки, цветови варианти и статус на наличност, и количка, която се отваря отстрани. Запази продуктите, вариантите, поръчките и редовете от поръчките в база данни и добави 10 реалистични продукта. Администрация (изисква вход), за да добавям и редактирам продукти, да качвам снимки, да променям наличности и да виждам поръчки със статус платена / опакована / изпратена. Бутонът за плащане може да бъде заместител засега — ще добавим Stripe Checkout после. Топъл, минималистичен дизайн, първо за мобилни. Без фалшиви отзиви и без обещания за „безплатна доставка по целия свят“.

Започването с плащането като заместител е нарочно: първо настройте каталога и администрацията, а после добавете плащането като отделна стъпка, която можете да тествате както трябва.

Стъпки за изграждане

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

Чести грешки

• Доверяване на цени, идващи от браузъра. Винаги пресмятайте на сървъра.
• Маркиране на поръчки като платени на страницата за успех вместо чрез webhook.
• Презаписване на числа за наличност вместо записване на движенията — губите историята на промените.
• Пускане без страници за доставка и връщане.
• Огромни снимки на продукти. Компресирайте ги и ги сервирайте от файлово хранилище, а не вътре в кода.
• Изграждане на списъци с желания, отзиви и точки за лоялност преди първата продажба.

Текущи разходи

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

Ако искате продавачи освен себе си — няколко доставчици, всеки от които получава плащане — това е маркетплейс с различни правила за плащане. Вижте как да създадете маркетплейс.

Изграждане с Mythex

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

Плащанията използват вашия собствен акаунт в Stripe: добавяте ключовете си за Stripe като тайни на проекта и помолявате агента да добави Checkout, после тествате с тестовите карти на Stripe в прегледа (рецепта за Stripe). Webhook-ите изискват публичен адрес, затова публикувайте, преди да насочите Stripe към тях (рецепта за webhook-и). Данъците, доставката и синхронизацията на наличности не са вградени функции в Mythex и няма нативна интеграция със Shopify — ако ви трябват те като готов продукт, Shopify е по-добрият избор. За начало вижте шаблоните за магазини, например шаблона за онлайн магазин.

Въпроси