Checkout в інтернет-магазині: як знизити відсоток покинутих кошиків?

За даними Baymard Institute, середній показник покинутих кошиків в e-commerce – близько 70%. Сім з десяти покупців, які додали товар до кошика, йдуть без покупки. Покинутий кошик – що це, як не недоотриманий виторг, який можна повернути без збільшення рекламного бюджету? Причини діляться на дві групи: технічні бар'єри та психологічні тригери відмови. Усунути і ті, і інші – означає повернути значну частину доходу від уже залученого трафіку.

Перш ніж лікувати, потрібно поставити діагноз. Причини покинутих кошиків добре вивчені: дослідження Baymard аналізують поведінку десятків тисяч покупців, і картина рік від року залишається стабільною.

1. Примусова реєстрація перед покупкою – причина №1 відмов (34%). Покупець готовий платити просто зараз, а його зупиняють формою реєстрації.
2. Несподівані витрати на останньому кроці – доставка, податки, комісії, яких покупець не бачив до оформлення. Фінальна ціна виявляється вищою за очікувану.
3. Надто довгий або заплутаний процес – багато кроків, незрозумілі поля, немає прогрес-бару. Користувач втрачає терпіння.
4. Сумніви в безпеці – немає знайомих логотипів платіжних систем, немає політики повернення на видному місці.
5. Технічні збої – повільне завантаження, помилки валідації форми, несумісність з мобільним пристроєм.
6. Покупець «просто дивився» – використовував кошик як вішлист. З цим сегментом працюють окремо через ретаргетинг та email. 

Важливо: один користувач може зіткнутися одразу з кількома з цих бар'єрів. Кожен усунутий бар'єр дає вимірюваний приріст конверсії.

Що таке покинутий кошик в розумінні e-commerce-аналітики – це користувач, який додав товар до кошика, але не завершив оформлення замовлення протягом сесії. Технічно сесія вважається завершеною, якщо користувач закрив браузер або не виявляв активності 30 хвилин.

Принципово важливо: покинутий кошик – це не втрачений клієнт, а незавершена конверсія. Користувач уже пройшов три етапи воронки: знайшов магазин, обрав товар і виявив намір купити. Це намір можна повернути. Саме тому робота з покинутими кошиками дає один з найвищих ROI в e-commerce – повертаєте вже «теплу» аудиторію, а не генеруєте попит з нуля.

Кошик також може бути навмисно відкладеною покупкою: користувач порівнює ціни, чекає зарплати, хоче порадитися. Розуміння мотиву визначає тактику повернення.

Обов'язкова реєстрація – найпоширеніший і водночас найлегший для усунення бар'єр. Користувач хоче купити тут і зараз, а магазин вимагає придумати пароль, підтвердити email і заповнити профіль. Це руйнує імпульс покупки.

Рішення просте: гостьовий чекаут без обов'язкової реєстрації. За даними A/B-тестів, його впровадження знижує відмови на 20–35%. Альтернатива – вхід через Google або Apple ID: один клік замість форми.

Після успішної оплати запропонуйте зберегти дані: «Створити акаунт в один клік – ваші дані вже заповнені». Конверсія в реєстрацію після покупки значно вища, ніж до, бо користувач уже задоволений досвідом. Саме так будується UX для e-commerce: прибрати бар'єри на шляху до покупки, додати цінність після.

Оптимальна кількість кроків – від одного (one-page checkout) до трьох. Кожен додатковий екран збільшує drop-off. Дослідження показують: у магазинів з 4+ кроками конверсія в середньому на 15-20% нижча, ніж у тих, хто вклався в 1-2.

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

• прогрес-бар – користувач має бачити, де він і скільки залишилося;
• автозаповнення адреси через Google Places API – скорочує час заповнення та кількість помилок;
• inline-валідація в реальному часі – помилка показується одразу, не після submit;
• поле промокоду – ховати або робити другорядним. Видиме поле змушує 40%+ користувачів піти шукати знижку.

Несподівана вартість доставки на останньому кроці – причина №2 відмов. Користувач орієнтувався на одну ціну, а бачить іншу. Це називається «ціновий шок» – психологічний тригер, який руйнує довіру.

Рішення: показувати вартість доставки на сторінці товару або в кошику, до початку оформлення. Якщо доставка розраховується за адресою – додайте калькулятор у кошик: користувач вводить індекс або місто і одразу бачить підсумок.

Прогрес-бар «до безкоштовної доставки» вирішує одразу два завдання. Він прибирає невизначеність («скільки коштує доставка?») і працює як upsell-механіка: «Додайте товарів ще на 150 грн – і доставка безкоштовна». Підсумкова сума з доставкою має бути видна на кожному кроці, а не лише на фінальному екрані підтвердження.

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

1. HTTPS – необхідний мінімум. Браузери Chrome і Safari показують попередження на незахищених сторінках.
2. Логотипи платіжних систем (Visa, Mastercard, Apple Pay, Google Pay) мають бути видні до початку введення даних.
3. Значок «Захищена оплата» та SSL-бейдж – працюють, навіть якщо технічно надлишкові: користувач бачить знайомі символи безпеки.
4. Політика повернення – коротко, прямо на сторінці чекауту. Не посилання, а два речення тексту поруч з кнопкою оплати.
5. Рейтинг магазину або відгук поруч з кнопкою «Оплатити» – знижує останній сумнів перед транзакцією.

Понад 60% трафіку в e-commerce надходить з мобільних пристроїв, але конверсія на мобайлі в середньому в 2-3 рази нижча за десктоп. Головні причини – незручне введення даних, дрібні кнопки та відсутність швидких способів оплати.

• розмір кнопок – мінімум 48×48 пікселів. Менші кнопки промахуються при натисканні пальцем;
• тип клавіатури має відповідати полю: цифрова для телефону та номера картки, звичайна для імені та адреси;
• Apple Pay і Google Pay – одне натискання замість введення 16-значного номера картки. Критично важливі для мобільної конверсії;
• sticky CTA-кнопка («Оформити замовлення») завжди видна при скролі, не губиться внизу сторінки;
• тестувати чекаут на реальних пристроях, а не лише в емуляторі браузера – поведінка відрізняється. 

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

Кожна додаткова секунда завантаження знижує конверсію на 7% – це дані Akamai, підтверджені багатьма незалежними дослідженнями. Сторінка чекауту особливо критична: користувач уже готовий платити, але повільне завантаження скидає намір.

1. Lazy load незначних елементів (зображень, блоків upsell) – не блокувати відтворення головної форми.
2. Попереднє завантаження платіжного віджета у фоні, поки користувач заповнює адресу.
3. Мінімум сторонніх скриптів на сторінці оформлення – кожен аналітичний або маркетинговий скрипт додає затримку.
4. Платіжні віджети (LiqPay, Stripe) часто вантажать важкий JS – підключати async, не блокувати рендер.
5. Ціль: LCP (Largest Contentful Paint) < 2,5 сек на мобільному пристрої за даними PageSpeed Insights. 

Технічну оптимізацію чекауту варто закладати на етапі розробки e-commerce проєкту, а не додавати постфактум. Переробка вже запущеного чекауту коштує дорожче і займає більше часу.

Навіть ідеальний чекаут не конвертує всіх. Частина користувачів іде з зовнішніх причин: відволіклися, порівнюють пропозиції, чекають зручного моменту. Робота з покинутими кошиками користувачів через комунікаційні канали – другий рівень боротьби за конверсію.

Email-серія про покинутий кошик

1. Перший лист – через 1 годину після виходу. Без знижки: «Ви забули завершити покупку». CR таких листів – 5-15%.
2. Другий лист – через 24 години. Можна додати соціальний доказ: «Цей товар переглядають X людей».
3. Третій лист – через 72 години. Обмежена пропозиція або знижка: «Ваш кошик спливає через 24 години».

Push-сповіщення

Для авторизованих користувачів і підписників браузерних push – альтернатива email. Працюють швидше, не потребують відкриття пошти, але дратують при надмірному використанні.

Ремаркетинг на покинутий кошик

Ремаркетинг на покинутий кошик через Google Ads дозволяє показувати користувачу конкретний покинутий товар, а не загальну рекламу магазину. Це динамічний ремаркетинг: система автоматично підставляє товари з кошика в банер. Ефективність такої кампанії значно вища, ніж стандартного ретаргетингу. Детальніше про налаштування – в розділі реклами Google Ads.

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

Пріоритетні гіпотези для A/B-тестів:

1. Порядок кроків: один довгий екран vs. три коротких.
2. Текст і колір CTA-кнопки: «Оплатити» vs. «Оформити замовлення» vs. «Купити зараз».
3. Поле промокоду: видиме vs. приховане під посиланням «Є промокод?».
4. Блок гарантій: з описом повернення vs. без.
5. Наявність бічної колонки з підсумком замовлення vs. прихований підсумок.
6. Показ кількості товарів на складі: «Залишилося 3 штуки» vs. без. 

Правильна метрика для тесту – не CTR кнопки, а CR у завершену покупку. Також важливий drop-off rate на кожному кроці воронки: він покаже, де саме користувачі зупиняються, і підкаже наступну гіпотезу.

Ось мінімальний набір покращень, які дають результат швидко і без масштабної переробки:

Середній показник покинутих кошиків у 70% – не норма, а точка зростання. Більшість відмов усуваються послідовно: спочатку прибираються бар'єри (реєстрація, прихована вартість, повільне завантаження), потім додаються сигнали довіри, потім налаштовується утримання через email і ремаркетинг.

Кожна з цих змін вимірювана. Правильна послідовність: аудит воронки → визначити головний бар'єр → виправити → A/B-тест → наступний бар'єр. Не потрібно робити все одразу – достатньо почати з guest checkout і прозорості ціни.

Якщо ви плануєте створення інтернет-магазину або редизайн наявного чекауту – команда Brander готова допомогти з архітектурою та UX, щоб відсоток покинутих кошиків був нижчим за середній по ринку вже на старті.