Людина прийшла з пошуку на сторінку товару. Вона не бачила головної, не читала «Про нас», не гортала каталог. У неї є одна вкладка, тридцять секунд і питання: це те, що мені треба, і чи можна цьому магазину віддати гроші. Уся відповідь має вміститися на цій одній сторінці.
Саме тому картка товару — найважливіша сторінка магазину. Головна збирає, каталог сортує, а рішення про покупку ухвалюється тут. І тут же найчастіше все розсипається: ціна є, а наявності немає, фото гарні, а розмірної сітки нема, характеристики заповнені наполовину.
Розберемо картку як конструктор: з яких блоків вона складається, у якому порядку їх ставити й чого зазвичай бракує. Про сам текст опису й зйомку є окремі матеріали — тут ми говоримо про сторінку як ціле.
Перший екран вирішує все
Те, що видно без прокручування, — це ваш продавець. Він має за кілька секунд відповісти на чотири питання:
- Що це — фото і зрозуміла назва з ключовими параметрами (модель, обʼєм, колір).
- Скільки коштує — ціна великим шрифтом, зі старою ціною поруч, якщо є знижка.
- Чи є воно — наявність, а не порожнеча. «В наявності», «під замовлення, 3-5 днів», «немає» — усе краще за тишу.
- Як купити — одна очевидна кнопка, візуально найяскравіший елемент на екрані.
Найпоширеніша помилка тут — розтягнути перший екран так, що кнопка «Купити» опиняється за межами видимості на мобільному. Перевірте свою картку на телефоні: якщо ціну й кнопку не видно одночасно з фото, ви щодня втрачаєте частину покупців ще до того, як вони щось прочитали.
Друга помилка — три кнопки поруч: «Купити», «Купити в один клік», «Додати в кошик». Людина зупиняється й думає, чим вони відрізняються. Одна головна дія, решта — тихіше й дрібніше.
Блоки, з яких складається картка
Далі йде тіло сторінки. Робочий набір блоків для більшості ніш виглядає так:
- Галерея фото — кілька ракурсів, деталі, товар у використанні. Це окрема велика тема, ми розібрали її в матеріалі про фото товарів для інтернет-магазину.
- Ціна, знижка, варіанти — розмір, колір, комплектація. Вибір варіанта має одразу оновлювати ціну й фото.
- Наявність і терміни — скільки лишилося, коли відправите, звідки їде.
- Кнопка дії — і дублікат нижче по сторінці, бо довгі картки скролять.
- Короткі переваги — 3-4 пункти в один рядок: гарантія, обмін, оплата при отриманні.
- Опис — про те, як його писати, є окремий текст: опис товару, що продає.
- Характеристики — таблиця, за якою порівнюють.
- Доставка й оплата — прямо на сторінці, не окремим посиланням.
- Відгуки — з оцінками й, у кращому випадку, з фото.
- Схожі та супутні товари — щоб людина не поверталася в каталог руками.
Порядок не догма, але логіка стала: спочатку відповіді на «що і почому», потім деталі, потім зняття страхів, потім альтернативи. Якщо ви поставите відгуки вище за характеристики, нічого страшного. Якщо сховаєте наявність під опис — це вже дорого коштує.
Що реально впливає на рішення
Не всі блоки рівні. З досвіду роботи над магазинами найсильніше на конверсію картки тиснуть чотири речі.
Ясність із доставкою. Питання «скільки я чекатиму й скільки це коштує» виникає у більшості покупців раніше, ніж вони натиснуть кнопку. Якщо відповіді на сторінці немає, людина йде шукати її — і часто не повертається. Достатньо короткого блоку: перевізник, орієнтовний строк, вартість або умова безкоштовної доставки.
Зрозуміла політика повернення. Онлайн-покупка — це завжди ризик «а раптом не підійде». Один рядок «14 днів на обмін і повернення» знімає його дешевше за будь-який рекламний текст.
Відгуки. Навіть кілька справжніх відгуків працюють краще, ніж жодного. Порожній блок «Відгуків поки немає» виглядає гірше, ніж повна його відсутність — краще приховувати секцію, доки не назбирається перших коментарів.
Розмірна сітка або точні габарити. Для одягу, взуття, меблів, техніки це головна причина повернень і головна причина сумнівів. Таблиця з реальними замірами конкретної моделі, а не абстрактне «розмір М», економить і продажі, і логістику.
Чого найчастіше бракує
Коли ми дивимося чужі картки, повторюється один і той самий набір прогалин.
- Порожні або дубльовані характеристики. Один опис на всю категорію, скопійований у сотню товарів. Пошук це бачить, покупець теж.
- Одне фото. Особливо в товарах, де важлива фактура чи розмір.
- Немає нічого про наявність. Людина оформлює замовлення, а через день їй телефонують: «цього немає». Це не проблема сторінки — це проблема даних про залишки, які на сторінку не доїхали.
- Кнопка «Купити» без зворотного звʼязку. Натиснув — і нічого візуально не змінилося. Людина тисне ще тричі, потім іде.
- Сторінки товарів, яких немає, віддають 404. Замість того щоб працювати далі й пропонувати заміну.
- Немає посилання на категорію. Людина прийшла з пошуку на один товар і не має простого шляху подивитися решту асортименту. Хлібні крихти вирішують це одним рядком.
Окремо про «немає в наявності»: це не привід ховати сторінку. Вона вже має позиції в пошуку. Лишіть її, позначте статус, додайте кнопку «повідомити про надходження» і покажіть альтернативи.
Де межа: коли складна картка не потрібна
Не кожному магазину потрібні всі десять блоків. Якщо ви продаєте три види кави власного обсмаження, таблиця з тридцятьма характеристиками виглядатиме безглуздо, а блок «порівняти» — тим паче. Тут працює коротка сторінка: гарне фото, чесний опис смаку, ціна, доставка, кнопка.
Складна картка потрібна там, де покупець порівнює цифри: техніка, інструменти, комплектуючі, будматеріали. Там таблиця характеристик і фільтри — це не прикраса, а сам механізм вибору.
Так само з блоком супутніх товарів: у вузькому асортименті він частіше відволікає, ніж допомагає. Дивіться не на чужі магазини, а на те, як ухвалює рішення саме ваш покупець.
Коротко
Картка товару — це сторінка, де ухвалюється рішення. Перший екран має дати фото, назву, ціну, наявність і одну кнопку без прокручування. Далі — опис, характеристики, доставка, повернення, відгуки, альтернативи.
Найдорожчі прогалини — це не дизайн, а відсутні відповіді: скільки чекати, чи можна повернути, чи є воно взагалі. Заповніть їх — і конверсія підростає без жодного редизайну.
Якщо ви тільки збираєте магазин і не знаєте, з якого боку підступитися, почніть із загального маршруту: ми зібрали його в покроковому матеріалі про те, як запустити інтернет-магазин з нуля. А якщо магазин уже працює, але картки викликають сумніви, напишіть нам — подивимося на них очима покупця й скажемо, де саме люди зупиняються.
Який блок на картці товару найважливіший?
Не окремий блок, а перший екран цілком: фото, назва, ціна, наявність і кнопка купівлі мають бути видні без прокручування. Саме там людина за кілька секунд вирішує, читати далі чи закрити вкладку. Якщо ціна ховається нижче або наявність незрозуміла, частина відвідувачів іде, навіть не дійшовши до опису. Усе інше на сторінці працює лише тоді, коли перший екран уже дав базові відповіді.
Чи потрібно показувати ціну, якщо вона плаває або залежить від комплектації?
Так, бодай орієнтир. Сторінка без ціни майже завжди програє сторінці з ціною, навіть якщо цифра приблизна. Пишіть «від 4 200 ₴» або показуйте ціну базової комплектації, а поруч поясніть, від чого залежить підсумок. Порожнє поле чи «ціна за запитом» відсіює тих, хто просто порівнює варіанти й не готовий писати менеджеру заради цифри.
Скільки характеристик варто виводити в таблиці?
Стільки, скільки реально впливає на вибір у вашій категорії, і не більше. Для футболки це склад тканини, розмірна сітка й догляд — пʼять-сім рядків. Для ноутбука таблиця буде на тридцять позицій, і це нормально, бо покупець там справді порівнює цифри. Погано, коли характеристики або порожні, або заповнені формально «матеріал: матеріал» — це гірше, ніж їх відсутність.
Що робити, якщо товару немає в наявності?
Не ховати сторінку й не віддавати 404 — вона вже має трафік і позиції. Залиште її доступною, чесно позначте статус, покажіть очікувану дату надходження, якщо вона відома, і дайте кнопку «повідомити про наявність». Поруч виведіть 3-4 схожі товари, які є на складі. Так сторінка продовжує працювати: або збирає контакти, або перекидає людину на альтернативу замість того, щоб втрачати її повністю.
Потрібен сайт або застосунок?
Розробляємо під ключ — від дизайну до запуску. Порахуємо ваш проєкт безкоштовно.