Фраза «створити сайт з нуля» зазвичай лякає: здається, що попереду верстка, програмування, сервери й місяці роботи. Насправді для інтернет-магазину нуль давно починається не з порожнього файлу, а з питання «що і кому ви продаєте». Показуємо на живому прикладі — магазин автомобільних тканин і матеріалів для перетяжки салону Kozhanostra, який працює на Turboshop і був запущений за тиждень.
Що таке «з нуля» сьогодні
Ще кілька років тому створення магазину означало окремий проєкт: технічне завдання, макети, верстка, програмування, тестування. Такий шлях досі існує й має сенс для нестандартних задач, але для звичайного магазину він надлишковий — 90 % функцій там однакові.
Сьогодні «з нуля» означає інше: у вас немає ні сайту, ні домену, ні досвіду — і ви отримуєте робочий магазин, не вникаючи в технічну частину. Вона нікуди не зникає, але перестає бути вашою: хостинг, домен, SSL-сертифікат, оновлення, резервні копії й підтримка входять у підписку.
Різниця в тому, куди йде ваш перший тиждень. У класичній розробці — на узгодження макетів. У готовому рішенні — на товар: фото, описи, ціни, структуру каталогу. Це та робота, яку не зробить ніхто, крім вас.
Крок 1. Структура каталогу — головне рішення
Це найважливіше, і воно не технічне. Подивіться, як зроблено в магазині автотканин: верхній рівень зібраний за типом матеріалу, а не за постачальником і не за алфавітом.
- алькантара — окремо звичайна (15 позицій), окремо самоклейка;
- автомобільний шкірзамінник — 109 позицій із поділом за країною виробництва: Корея (46), Німеччина (32), США;
- автотканина для сидінь — 50 позицій, і всередині поділ, зрозумілий майстрові: бока, центра, неоплан;
- стельова тканина (54), термовініл для торпедо (33), стьобаний шкірзамінник (22);
- морський та медичний вініл (14) — окрема категорія зі своїми вимогами;
- витратні матеріали — нитки, клей, пінополіуретан, каучукові матеріали;
- суміжне — ремені безпеки (29), ковролін, карпет, тентова тканина, товари для меблів (27).
Це приклад структури, побудованої під покупця. Майстер, який перетягує салон, мислить категоріями «що мені треба на бока» й «чим обшити стелю» — і саме так називаються розділи. Якби каталог був зібраний за постачальниками, знайти потрібне було б утричі важче.
Практичне правило: називайте розділи словами покупця, а не словами прайсу. Двох рівнів вкладеності майже завжди достатньо.
Крок 2. Товар і картки
Далі потрібні фото, назви, ціни й короткі описи. Для матеріалів важлива ще одна річ — чесна фактура на фото: людина обирає колір і тиснення, і різниця між зображенням та реальністю обертається поверненнями.
Якщо позицій сотні й вони вже ведуться в таблиці або в обліковій системі, вводити їх руками не потрібно: товари можна завантажити імпортом, а облік — під'єднати через відкритий API. Це частина можливостей платформи, а не окрема розробка.
Крок 3. Вітрина
Дизайн не малюється з нуля. Обирається готовий дизайн магазину, налаштовуються кольори, логотип і головний банер — і вітрина готова. Мобільна версія при цьому не окремий проєкт: магазин однаково працює на телефоні, бо так влаштований шаблон.
На що варто витратити час — на першу секцію головної. У Kozhanostra це великий банер із головним меседжем («автоматеріали для професіоналів») і одразу під ним популярні розділи. Покупець за кілька секунд розуміє, що потрапив куди треба, і одразу заходить у каталог.
Крок 4. Оплата й доставка
Тут нічого програмувати не потрібно: картки онлайн, покупка частинами monobank і ПриватБанк, Нова Пошта й Укрпошта вмикаються в налаштуваннях. Це найчастіша причина, чому самостійна «розробка з нуля» затягується на місяці: кожна така інтеграція в замовній розробці — окрема задача з окремим строком.
Крок 5. Запуск і те, що після
Коли каталог наповнений, залишаються дрібниці: домен, тексти сторінок «Про нас», «Доставка та повернення», контакти. Далі магазин можна відкривати — і вже в роботі додавати позиції, запускати акції, вивантажувати товар на маркетплейси.
Саме тому строк «тиждень» реалістичний. Він складається не з магії, а з того, що всі повторювані рішення вже прийняті: дизайн обирається, функції вмикаються, інтеграції вже є.
Скільки це коштує
У моделі «з нуля своїми силами» бюджет складається з розробки, хостингу, домену, сертифіката, подальшої підтримки й доробок. У моделі підписки все це — один платіж; актуальні тарифи зібрані на сторінці цін. Важливий момент: платформа не бере відсотка з продажів, тому зростання обороту не збільшує вартість.
Поширені помилки на старті
- Чекати ідеального каталогу. Магазин з 30 позиціями, який працює, кращий за магазин із 300, який ще не відкрито.
- Копіювати структуру конкурента. У нього інший асортимент і інший покупець — копіюється форма без змісту.
- Економити на фото. Для матеріалів, одягу й декору фото — це і є товар.
- Відкладати оплату «на потім». Магазин без онлайн-оплати втрачає частину замовлень одразу.
Що підготувати до першого дня роботи
Найчастіше запуск гальмує не платформа, а відсутність матеріалу. Зберіть заздалегідь:
- перелік товарів із цінами — хоча б у таблиці, з артикулами й одиницями виміру (для матеріалів це важливо: метр, рулон, комплект);
- фотографії — для тканин і матеріалів обов'язково великий план фактури;
- назву й домен — перевірте, чи вільний домен, ще до старту робіт;
- тексти про компанію — хто ви, скільки років на ринку, де можна подивитися товар наживо;
- умови доставки й оплати — навіть коротко, але конкретно.
Цей список закриває 90 % питань, які виникають під час наповнення магазину, і саме він визначає, буде запуск тижнем чи місяцем.
Якщо ви тільки плануєте відкрити інтернет-магазин, а готового шаблону замало, — подивіться, як ми робимо розробка інтернет-магазину під ключ.
З чого почати
Найкорисніше — подивитися на живий магазин очима покупця. Відкрийте магазин автотканин і матеріалів для перетяжки Kozhanostra, знайдіть матеріал, зайдіть у картку, додайте в кошик. Ваш магазин виглядатиме приблизно так само — різниця буде в товарі, назві й кольорах.
Далі — подивіться готове рішення для магазину автотоварів, якщо ніша близька, або розробку магазину під ключ, якщо потрібне нестандартне рішення. А почати можна з безкоштовного створення магазину — щоб побачити адмінку зсередини до будь-яких рішень про бюджет.