CRO для інтернет-магазину: 12 місць, де губляться покупці

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

Нижче 12 місць, які ми перевіряємо першими, коли беремо магазин на CRO. Список поділено на три зони: картка товару, кошик і оформлення замовлення. Де є цифри з наших проєктів, ми їх наводимо. Де цифр немає, пояснюємо логіку перевірки.

Картка товару

Картка – головна точка рішення. На смартфоні вона зазвичай довга, тож усе важливе має вміщатися на перших екранах.

1. Вибір варіанта без зображень

Колір, розмір, смак чи об’єм часто обирають зі звичайного випадного списку. Коли варіантів багато, на телефоні це перетворюється на прокручування тексту без фото. Покупець не впевнений у виборі й іде «подумати».

Що зробити: показати варіанти чипами з фото та назвою, в один ряд зі свайпом, а повний перелік відкривати в нижній шторці з пошуком.

2. Забагато селекторів поспіль

Три-чотири випадні списки один під одним, і незрозуміло, який з них обов’язковий. Поки покупець розбирається, він не натискає «Купити».

Що зробити: залишити не більше двох виборів. Один візуальний (колір, смак, принт), другий технічний (розмір, об’єм, потужність) у вигляді сегментів. Недоступні варіанти показувати закресленими, а не ховати.

3. Кнопка купівлі зникає з екрана

Покупець гортає фото, читає опис, а кнопка «До кошика» лишилася далеко вгорі. Повертатися до неї ніхто не хоче.

Що зробити: липка панель внизу екрана з ціною, кнопкою купівлі та обраним. Вона з’являється, коли основна кнопка зникає з поля зору.

4. Характеристики заховані внизу

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

Що зробити: винести три-чотири головні характеристики чипами з іконками одразу під назву. Повну таблицю залишити нижче з посиланням на неї.

5. Товару немає в наявності, і це глухий кут

Сторінка із сірою кнопкою «Немає в наявності» – найкоротший шлях до виходу. Хоча людина прийшла з наміром купити.

Що зробити: замінити кнопку на «Повідомити про надходження» і показати поруч схожі товари в наявності.

6. Вигоду не видно

Знижка є, але написана дрібним сірим шрифтом або видна лише в кошику. Покупець її не помічає.

Що зробити: помітний бейдж знижки із сумою економії на фото товару та на превʼю в каталозі, пошуку й акціях.

7. Супутні товари далеко

Блок «З цим купують» стоїть у самому низу, куди доходять небагато людей. Сумісні аксесуари та витратні матеріали лишаються непоміченими.

Що зробити: поставити супутні товари поруч із місцем вибору, компактним рядом із кнопкою «+».

Кошик

8. До кошика не дотягнутися

На смартфоні іконка кошика часто сидить у правому верхньому куті, куди великий палець не дістає. Покупець додав товар і не розуміє, як перейти далі.

Що зробити: нижнє меню з головною, каталогом, пошуком, обраним і кошиком.

9. Підсумкова сума невідома до останнього кроку

Доставка, комісія, мінімальна сума замовлення з’являються лише наприкінці оформлення. Для покупця це неприємний сюрприз, і він закриває вкладку.

Що зробити: показати в кошику орієнтовну вартість доставки, доступні способи доставки й оплати, суму до безкоштовної доставки, якщо вона є. Якщо ви працюєте з DHL, Stripe чи PayPal, логотипи й умови варто вивести вже тут. Покупцеві спокійніше, коли він заздалегідь бачить знайомий спосіб оплати.

Оформлення замовлення

Чекаут – найдорожче місце для помилки: людина вже вирішила купити. Тут ми не перемальовуємо форму повністю, а прибираємо бар’єри по одному.

10. Зайві обов’язкові поля

Кожне поле, яке не потрібне для доставки, знижує шанс дійти до кінця. Особливо поля з незручним введенням на телефоні.

Що перевірити у себе: які поля справді використовують служба доставки та облікова система. Решту можна прибрати або зробити необов’язковими.

11. Зайві вікна та кроки

Окреме спливне вікно для месенджера, обов’язкова реєстрація, перехід на іншу сторінку заради одного поля. Кожен такий крок – ще один шанс закрити сторінку.

Що зробити: тримати все в одній формі.

12. Сувора валідація та помилки після відправлення

Прізвище лише одним словом, лише українськими літерами, номер строго в одному форматі. Помилки з’являються після натискання кнопки, і незрозуміло, що виправляти.

Що зробити: перевіряти поле одразу під час введення, пояснювати помилку простими словами поруч із полем, приймати подвійні прізвища та латиницю.

Як перевірити ці 12 пунктів у себе

Чек-лист корисний, лише якщо прикласти його до даних. Ми зазвичай рухаємося так:

• Будуємо воронку в GA4: картка, додавання до кошика, початок оформлення, покупка. Дивимося окремо смартфон і десктоп.
• Аналізуємо теплові карти та записи сесій на кроці, де воронка просідає найбільше. Шукаємо тапи повз ціль, довгі паузи, повернення назад.
• Формулюємо гіпотезу під кожну проблему і впроваджуємо по одній, на тестовій копії сайту, з можливістю швидкого відкату.
• Розмічаємо нові блоки подіями GA4, щоб міряти ефект кожного окремо.
• Порівнюємо період після запуску з тими самими днями тижня до нього. Так менше впливу сезонності та дня тижня.

Не все зі списку треба робити одразу. Почніть із місця, де теплова карта показує найочевиднішу проблему.

Читайте на тему: що перевірити на UX-аудиті до редизайну; 17 способів збільшити конверсію інтернет-магазину; як швидкість завантаження сайту впливає на продажі.

Обговорімо ваш магазин

Якщо хочете зрозуміти, де губляться покупці саме у вас, надішліть задачу через форму на сайті, у Telegram, WhatsApp або на e-mail. Ми подивимося аналітику, теплові карти та ключові екрани і запропонуємо список правок із пріоритетами.