Каталог і фільтри
Категорії, фільтри й сортування будуються під ваш товар, а не навпаки. «За розміром» у магазині взуття і «за потужністю» в магазині інструменту — це різні фільтри, і шаблон їх не знає.
Послуги · 08
Від фотографії товару на столі до накладної, яку курʼєр забирає ввечері. Каталог, кошик, оплата й доставка — один механізм, а не пʼять окремих сервісів, склеєних між собою.
Просто напишіть — далі я сам. Порахую задачу безкоштовно.
Знайомо
Жодна з них не про дизайн. Усі три — про механіку, і саме її видно на цій сторінці.
Живе демо — його можна натиснути.
Механіка
Вітрину сьогодні зробить будь-хто. Різниця починається там, де покупець натиснув «Купити», а ви ще спите. Ось що відбувається далі — і що з цього доходить до вас.
Покупець складає товари й іде читати далі. Кошик переживає перезавантаження сторінки і повернення наступного дня — саме там і живе половина замовлень.
Імʼя, телефон, відділення — і все. Кожне зайве поле у формі коштує замовлень, тому їх тут рівно стільки, скільки потрібно, щоб посилка доїхала.
Місто й відділення покупець обирає зі списку перевізника, а не набирає руками. Помилка в адресі — найдорожча помилка магазину: посилка їде, повертається і платите за це ви.
Карткою одразу або при отриманні — вибір лишається за покупцем. Магазин, який вимагає передоплати від незнайомої людини, втрачає частину замовлень мовчки, і ви навіть не побачите яку.
Замовлення падає в адмінку і вам у Telegram одночасно. Покупцю підтвердження йде саме, без вашої участі: це та хвилина, коли він вирішує, чи справжній це магазин.
Накладна створюється з картки замовлення, номер повертається покупцю в повідомленні. Переносити адресу в кабінет перевізника руками не треба — саме на цьому переносі й зʼявляються описки.
Проданий товар зникає з вітрини сам. Найгірша розмова з покупцем — та, що починається зі слів «вибачте, цього вже немає»: гроші повертаються, а людина ні.
Це не перелік можливостей, а те, як магазин працює вночі, поки ви спите. Будь-який крок звідси можна прибрати — але тоді хтось має робити його руками, і цей хтось ви.
Що входить
Категорії, фільтри й сортування будуються під ваш товар, а не навпаки. «За розміром» у магазині взуття і «за потужністю» в магазині інструменту — це різні фільтри, і шаблон їх не знає.
Фото, опис, характеристики, наявність, схожі товари. На картку приходять із пошуку напряму, тому вона робиться як повноцінна сторінка, а не як спливаюче вікно поверх каталогу.
Кошик, який не губиться, і форма без реєстрації. Промокод, коментар до замовлення, вибір способу оплати й доставки в одному екрані.
Онлайн-оплата карткою і оплата при отриманні. Договір із платіжним сервісом оформлюється на вас, гроші йдуть напряму вам — я до них не маю доступу й не хочу мати.
Вибір міста й відділення зі списку перевізника, розрахунок вартості й створення накладної з картки замовлення. Самовивіз і власний курʼєр — теж варіанти доставки, і вони теж налаштовуються.
Товари, ціни, наявність, замовлення й статуси змінюєте ви, без мене й без розробника. Це та частина, у якій ви проведете найбільше часу, і саме її зазвичай роблять останньою.
Завантаження товарів файлом замість ручного набору і вивантаження каталогу для маркетплейсів та товарної реклами. Один каталог, а не три копії, які розходяться між собою.
Видно, звідки прийшов покупець і на якому кроці пішов. Без цього магазин лагодять навпомацки: змінюють кнопку, коли ламається доставка.
Як це йде
Що продаєте, скільки позицій, як доставляєте й приймаєте гроші зараз. Півгодини переписки замість дзвінка — і я вже знаю, де у вас вузьке місце.
Від вас: посилання на те, чим торгуєте зараз
Категорії, фільтри й поля картки товару — на папері, до першого рядка коду. Тут вирішується, чи знайде покупець свій товар за три дотики, і переробити це після запуску дорого.
Від вас: перелік товарів і чим вони відрізняються
Дизайн і верстка, телефон першим. Ви дивитесь живі сторінки у своєму браузері, а не картинки макета — різницю між ними видно саме на каталозі.
Від вас: зауваження одним списком, а не по одному
Кошик, оплата, доставка, адмінка, імпорт. Кожен вузол перевіряється справжнім тестовим замовленням — від кнопки до накладної, а не на слово.
Від вас: доступи до пошти, оплати й перевізника
Перше справжнє замовлення проходимо разом, уже на живому магазині. Адмінку я показую на вашому товарі, а не на прикладі: додати позицію, змінити ціну, закрити замовлення.
Від вас: нічого
Питання
Спершу дивлюсь, потім кажу. Якщо конструктор тримає ваш обсяг і не заважає — не чіпаємо, доробити дешевше. Переносити варто тоді, коли ви впираєтесь у тариф або чекаєте на підтримку, щоб змінити одне поле у формі.
Питання не в кількості, а в структурі. Каталог на сотню позицій без фільтрів шукається гірше, ніж на кілька тисяч із правильними категоріями. Обсяг ви називаєте в технічному завданні, і структура будується під нього, а не під середній випадок.
Це домовляється окремо. Але руками по одному товару каталог не набирають: робиться імпорт файлом, а далі новинки ви додаєте самі через адмінку — на це йде хвилина, і розробник для цього не потрібен.
Так, і багато магазинів так і роблять: спершу оплата при отриманні, картка пізніше, коли є перші постійні покупці. Механіка від цього не змінюється — змінюється один вузол, і він додається без переробки решти.
Це різні задачі, і найчастіше вони живуть разом. Маркетплейс дає чужий трафік і забирає частину замовлення разом із контактом покупця. Свій магазин дає базу покупців і повторні продажі, а каталог у маркетплейс вивантажується звідти ж, одним файлом.
Це найчастіша причина повертати гроші в малому магазині: річ пішла з полиці, а на сайті вона ще є. Відповідей дві, і вибір ваш. Або залишок веде сайт, і офлайн-продаж ви позначаєте в адмінці. Або залишок веде ваша товарна програма, а сайт бере число звідти — це більша робота, і вона має сенс, коли офлайн продає більше за сайт.
«Гордій — рідкісний розробник, який питає про бізнес раніше, ніж про технології. Ми робили великий магазин, і він одразу заклав запас на зростання, щоб через рік не переписувати все наново. Сторінки почали відкриватися майже миттєво: 800 мілісекунд перетворились на 120, а покупок стало на 18% більше.»
«У години пік магазин ледве дихав — саме тоді, коли люди готові купувати. Гордій перебудував те, що всередині, щоб важкі сторінки готувалися заздалегідь. Завантаження впало з 4,5 секунди до 0,8. Продажі за перший місяць зросли на 22%. Виявилось, ми втрачали покупців просто на очікуванні.»
«Ми продавали в переписці: клієнт просить фото, ми шлемо, потім рахуємо разом. Гордій зробив крамницю просто в Telegram — Mini App, який не треба встановлювати: букети видно, кошик збирається, оплата в один дотик. Замовлень більше, листування менше.»
Одного повідомлення досить: що продаєте, скільки позицій і де зараз приймаєте замовлення. Далі кілька запитань з мого боку — і я кажу, що з цього беру, а що ні.