Мобільний чекаут: де ви втрачаєте покупців і як це виправити

У вас 80% трафіку приходить із телефону. Ви платите за кожен клік із Meta й TikTok, людина заходить, додає товар у кошик — і зникає. Ви дивитесь у Хорошоп-аналітику й думаєте: «мобільна аудиторія просто гірше купує». Це майже завжди неправда. Мобільна конверсія справді стабільно нижча — в українському кейсі «Будинок іграшок» вона була приблизно вдвічі нижча за десктоп. Але це не вирок аудиторії, а діагноз чекауту. Розрив між часткою мобільного трафіку й часткою мобільних замовлень — це пряма міра того, скільки тертя ви залишили на шляху до кнопки «оплатити». Нижче — де саме воно ховається і як його прибрати, без розробника, за вечір.

Спочатку діагноз: «кинутий кошик» ≠ «кинутий чекаут»

Перш ніж щось правити, розведіть дві різні проблеми. Кинутий кошик — людина поклала товар і пішла, навіть не почавши оформлення. Це питання контенту, ціни й довіри. Кинутий чекаут — людина почала оформлювати, але злилася на формі чи оплаті. Це питання UX. Лікуються вони по-різному, тож спершу налаштуйте у GA4 воронку «кошик → старт чекауту → оплата → завершення» і подивіться, де реально провал.

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

Куди насправді тікають гроші: анатомія відвалу

Головний міф — що люди відвалюються «на оплаті, бо не довіряють». Насправді найбільші втрати трапляються ДО оплати. Ось розклад причин від Baymard (без тих, хто «просто дивився»):

Три з шести верхніх причин — це гроші-сюрприз і тертя форми. Жодну з них не лікують додаванням ще одного «-70%» на банер. Розберемо найважчі по черзі.

Причина №1: сюрприз-витрати в кінці (39%) — лікується безкоштовно

Людина бачить ціну 499 ₴, проходить півформи, а на фіналі їй малюють +80 ₴ доставки й комісію за післяплату. Відчуття обману — і вона йде. Несподівані витрати — причина броску №1 (39%), і це найдешевша діра для латання, бо не потребує жодного коду на бекенді.

Прогрес-бар «до безкоштовної доставки лишилось 240 грн» вбиває цю причину й одночасно піднімає середній чек. На Хорошопі такий блок зазвичай не передбачений темою — його ставлять окремим віджетом через GTM. Це рівно той випадок, коли готовий CRO-блок закриває виміряну Baymard причину відвалу без переробки чекауту з нуля.

Причина №2: примус до реєстрації — дайте гостьовий чекаут

«Реєстрація потрібна, щоб зібрати базу» — і так ви втрачаєте до 19%, а в ранніх замірах до 24-26% покупців. Холодний трафік із Meta не хоче заводити акаунт у незнайомому магазині заради однієї покупки текстилю. Гостьовий чекаут має бути дефолтним і помітним, а не захованим. Проблема системна: 47% сайтів не роблять «оформити як гість» помітним, а на мобайлі 60% користувачів його просто не знаходять.

Причина №3: задовга форма — ріжемо до 7-8 полів

Оптимум форми за Baymard — 7-8 полів, а середній чекаут роздутий до 14.88. Кожне зайве поле понад восьме коштує -4-6% completion rate. На телефоні це болить удвічі сильніше: набирати в дрібні поля незручно, autofill ламається, людина здається.

Окрема історія — автопідстановка Нової Пошти. Ручний ввід міста й відділення з десятків тисяч точок на мобільному екрані = гарантований відвал. Віджет, що автозаповнює відділення й одразу рахує вартість доставки в кошику, обов'язковий. Український A/B від Tranzzo показав, що перехід із 3-крокової форми на один блок із мінімумом полів дав +8.7% конверсії й -35% часу оформлення.

Apple Pay / Google Pay: найсильніший важіль, який ви ігноруєте

«Гаманці — це для айтішників, у нас платять карткою й післяплатою». Цифри кажуть інше. В Україні Apple Pay — це 45% транзакцій, Google Pay — 20%, разом гаманці тримають 55-65% онлайн-оплат. 62% українців за рік платили безконтактно смартфоном. Без кнопки гаманця ви втрачаєте саме той сегмент, що готовий заплатити в один-два тапи, не вводячи жодного поля.

Додавання Apple Pay піднімає конверсію на +22.3% і виручку на +22.5%, а біометричний one-tap-платіж знижує мобільний abandonment з ~85.65% до 71.2%. Ключова деталь: кнопки гаманців мають бути на ПЕРШОМУ екрані чекауту, а не сховані під «інші способи оплати». І в принципі — 6+ способів оплати знижують payment-related відмови до 4.9% проти 13.4% при ≤3 способах.

Післяплата чи передоплата: давайте обидві, керуйте часткою

Україна — ринок недовіри до передоплати незнайомцю, звідси культ післяплати. «Кошик кидають на оплаті — всі хочуть наложку, а не передоплату незнайомцю» — це реальний голос вашого покупця, і ігнорувати його не можна. Наявність післяплати в нішах одягу й косметики піднімає конверсію до +30%. Так, вона з'їдає прибуток комісіями й поверненнями — але прибрати її означає вбити довіру холодного трафіку.

Не прибирайте післяплату — стимулюйте передоплату. Дайте і миттєву онлайн-оплату гаманцем, і післяплату Новою Поштою, а за передоплату давайте знижку -5%. Так ви знижуєте частку наложки без втрати конверсії.

Для чеків від ~1500 грн добре працює перемикач «оплата частинами» (monobank / ПриватБанк) — він знімає бар'єр ціни, не вимагаючи знижки. Поряд із кнопкою оплати поставте блок trust-сигналів: логотипи Visa/Mastercard/Apple Pay, «оплата захищена», SSL. Холодний покупець приймає рішення за 5 секунд — ці дрібні сигнали довіри конвертять холодний трафік із Meta краще за будь-який таймер.

Швидкість: ви вже заплатили за цей клік

За мобільний клік із реклами ви заплатили живі гроші. Якщо сторінка, куди веде реклама, вантажиться 4 секунди, ви спалюєте цей клік ще до того, як людина побачила оффер. 53% користувачів кидають мобільну сторінку, що вантажиться довше 3 секунд. Пік конверсії — при завантаженні 1-2 секунди.

Кожна зайва секунда — мінус ~0.3 п.п. конверсії. У зворотний бік це теж працює: покращення швидкості на 0.1 секунди дало рітейлу +8.4% конверсії й +9.2% середнього чека на вибірці 37 брендів і 30+ млн сесій. Два головні гальма однакові всюди: важкі зображення (близько 70% ваги сторінки) і сторонні скрипти/GTM.

«Ми на Хорошопі, бекенд закритий, нічого не вдієш» — неправда. Платформа сама робить WebP, кеш і CDN, але 80% важелів у ваших руках: вага фото (переганяйте у WebP/AVIF + lazy-load), кількість банерів на першому екрані й аудит сторонніх скриптів у GTM.

Mobile-first ≠ ужатий десктоп

Адаптив (desktop-down) бере готовий десктоп і ужимає його на телефон — тягне зайву вагу, дрібні таргети й типові баги. Mobile-first будує легке ядро під телефон і додає складність угору. Це різні стратегії.

• Тап-таргети — мінімум 44 px, ціль 48 px, зазор між ними ≥8 px. Це не примха: Apple HIG дає 44pt, Google Material — 48dp, WCAG 2.1 AAA — 44px. Часта помилка ужатого десктопа — «хрестики» попапів лишаються 16-24 px, і в них неможливо влучити.
• Головний CTA — внизу по центру, у зоні великого пальця, sticky, контрастний. Sticky-кнопка «в кошик» на мобільній картці — підтверджений A/B-ефект +7.17% конверсії (directional).
• 100vh — баг, а не висота. На iOS CTA їде під адресний рядок. Використовуйте svh/dvh.
• Hover-меню на тачі мертві, авто-каруселі конфліктують зі свайпом — приберіть.

Структура чекауту: один екран чи кроки?

Для дешевого й імпульсного товару (а це більшість товарки) односторінковий чекаут — оптимум: single-page дає 58.4% відмов проти 69.99% по ринку. Багатокроковість лишайте тільки для дорогого товару й B2B. Якщо кроків усе ж ≥2 — прогрес-бар починайте з другого кроку: показ «крок 1 із 3» на старті демотивує ще до того, як людина почала. У B2B логіка інша — там у формі доречні реквізити, відстрочка й особистий кабінет, але це тема окремої розмови.

Чек-лист: пройдіться по чекауту сьогодні

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