Ти відкриваєш звіт за тиждень і бачиш дві цифри, які не хочуть дружити: півтори тисячі відвідувачів і три замовлення. Реклама крутиться, у пошуку магазин теж щось отримує, люди точно заходять. А каса мовчить. Перше бажання: «зробити знижку», друге: «переробити сайт». Обидва варіанти дорогі й обидва можуть не влучити в причину.
Магазин втрачає покупця на конкретному кроці: не знайшов товар, не зрозумів розмір, побачив ціну доставки, злякався реєстрації, не довірився. Кожен такий крок можна побачити в аналітиці й виправити окремо. Ця стаття про сайт: що в ньому заважає людині дійти до оплати. Якщо в тебе продажі йдуть через менеджера, і клієнти відмовляються вже в розмові чи листуванні, це інша задача, і про неї окрема стаття: як записувати причини відмов і перестати їх вгадувати.
Через усю статтю пройде один умовний приклад: інтернет-магазин туристичного спорядження. Намети, рюкзаки, спальники, термобілизна: товар із розмірами, вагою й купою запитань до покупки.
1. Спершу з'ясуй: немає трафіку чи трафік є, а покупок немає
Це дві різні хвороби, і ліки в них різні. Якщо на сайт заходить сорок людей на тиждень, проблема в залученні: пошук, реклама, соцмережі. Тоді потрібні технічний SEO-аудит і робота з каналами, а не переробка кошика. Якщо ж людей сотні й тисячі, а замовлень одиниці, проблема всередині магазину. Саме про неї далі.
Конверсія сайту рахується просто: кількість покупок поділити на кількість відвідувань (сеансів) за той самий період. Тільки одна цифра нічого не каже, де саме обрив. Потрібна воронка, тобто послідовність кроків від перегляду товару до оплати.
У Google Analytics 4 для інтернет-магазинів є рекомендовані події електронної комерції. Ось ті, що складають основну воронку:
| Подія GA4 | Що означає | Якщо тут великий обрив, дивись |
|---|---|---|
view_item_list |
людина побачила список товарів (каталог, результати пошуку) | пошук, фільтри, категорії |
view_item |
відкрила картку товару | каталог і навігацію, якщо карток відкривають мало |
add_to_cart |
додала товар у кошик | картку товару: фото, опис, ціна, наявність, розміри |
begin_checkout |
почала оформлення | кошик: вартість доставки, підсумкова сума, обов’язкова реєстрація |
add_shipping_info |
вказала доставку | способи й вартість доставки, строки |
add_payment_info |
вказала оплату | способи оплати, довіру до сайту |
purchase |
замовлення оформлене | помилки на останньому кроці, збої платіжної сторінки |
Щоб побачити, скільки людей доходить від кроку до кроку, відкрий у GA4 розділ «Дослідити» і вибери шаблон «Дослідження послідовності конверсії». Додай кроки за подіями з таблиці. У довідці Google описано, як перемкнути відкриту й закриту послідовність: у закритій людина рахується, лише якщо зайшла з першого кроку, у відкритій може приєднатися на будь-якому. Для магазину зручно почати з відкритої і розбити звіт за типом пристрою: часто телефон і комп’ютер дають дві зовсім різні картини.
Перед висновками перевір, що події взагалі надсилаються. Типова ситуація: purchase не спрацьовує при оплаті карткою, бо людина повертається з платіжної сторінки на іншу адресу, або спрацьовує двічі після оновлення сторінки подяки. Зроби тестове замовлення кожним способом оплати й подивись, чи воно з’явилось у звіті «У реальному часі».
У туристичному магазині картина могла б бути такою (умовно): картки відкривають охоче, у кошик додають помітно менше, до оформлення доходить ще менше. Отже, перевіряти треба картку і кошик, а меню поки не чіпати. Далі розділи йдуть у порядку шляху покупця.
2. Товари важко знайти
Покупець, який прийшов за «легким наметом на двох», не мусить гадати, де він лежить. Якщо категорії сховані під кнопкою «Каталог» у кутку, а на головній чотири банери з акціями, частина людей просто не знайде вхід до асортименту.
Що перевірити:
- Категорії видно одразу. Основні групи товарів доступні з головного меню або з першого екрана: «Намети», «Рюкзаки», «Спальники», «Одяг», «Кухня в поході».
- Групування за логікою покупця. Людина шукає «намет на двох для гір», а не «артикул серії Х». Підкатегорії можуть іти за призначенням (кемпінг, трекінг, зимові походи) і за типом.
- Пошук розуміє людей. Введи в пошук своїми ж руками десять типових запитів: з помилкою («спальнік»), латиницею, синонімом («карімат» і «килимок»), назвою бренду. Якщо на половину відповідь «нічого не знайдено», ти щойно побачив, куди зникає частина відвідувачів.
- Фільтри відповідають на реальні питання. Для намету це місткість, вага, сезонність, ціна, наявність. Фільтр «Колір» для наметів важить менше, ніж «Вага до 2 кг». Перевір, що фільтри можна поєднувати, що після вибору видно кількість результатів і що на телефоні фільтри відкриваються і закриваються без бою.
Якщо в GA4 подій view_item_list багато, а view_item мало, людина бачить список, але не знаходить у ньому нічого, що варто відкрити. Причина часто в мініатюрах: без ціни, без ключової характеристики, з однаковими фото на білому.
3. Навігація говорить мовою складу, а не покупця
Окрема біда меню: назви, зрозумілі лише всередині компанії. «Лінійка Pro», «Колекція 24», «Аксесуари-2», абревіатури постачальника, внутрішні назви серій. Для того, хто складав каталог, усе логічно. Для людини, яка вперше на сайті, це шифр.
Простий тест: покажи меню знайомому, який нічого не знає про твій асортимент, і попроси знайти газовий пальник. Якщо він вагається між трьома пунктами, назви не працюють. Правило для назв пунктів: слово, яке покупець сам написав би в пошуку. Назву серії чи бренду виносити в меню варто, лише якщо люди шукають саме її.
Ще дві речі, які варто перевірити:
- Хлібні крихти на картці і в категоріях. Рядок на кшталт «Головна / Намети / Двомісні» дає повернутися на рівень вище одним дотиком, без повторної подорожі через меню.
- Меню на телефоні. Воно зазвичай ховається під кнопку-бургер (на нашому сайті так само). Перевір, що там є ті самі категорії, що й на комп’ютері, і що вкладені рівні розкриваються, а не ведуть на порожні сторінки.
Як будувати структуру розділів і меню, щоб людина не губилась, детально розібрано в окремій статті про навігацію і структуру сайту.
4. Обов'язкова реєстрація і довге оформлення
Людина вже вирішила купити спальник, натискає «Оформити», а сайт відповідає: «Створіть обліковий запис». Пароль із вимогами, підтвердження пошти, лист, який іде в «Промоакції». Частина людей на цьому кроці закриває вкладку і йде туди, де можна просто ввести ім’я, телефон і адресу.
У відкритому дослідженні Baymard Institute (список причин покинутих кошиків, оновлення від вересня 2025) серед американських покупців, які кидали оформлення (тих, хто «просто дивився», рахують окремо), вимога створити обліковий запис набрала 18%, занадто довге або складне оформлення 17%. Цифри не українські, але показують головне: обов’язкова реєстрація відсікає частину тих, хто вже майже купив.
Що зробити:
- Дай гостьове оформлення. Обліковий запис можна запропонувати після покупки: «Збережіть дані, щоб наступного разу оформити швидше і бачити статус замовлення». Після оплати людина вже довіряє тобі більше.
- Прибери зайві поля. За даними того ж Baymard, середнє оформлення замовлення на американських сайтах показує 23,48 елемента форми, а достатньо 12-14. Подивись на свою форму очима покупця: дата народження, «звідки ви про нас дізналися», окремі поля «по батькові», дублювання адреси, обов’язковий email для доставки у відділення. Кожне поле має бути потрібне для виконання замовлення, решту зроби необов’язковими або прибери.
- Не скидай форму при помилці. Якщо людина неправильно ввела телефон, вона має побачити, що саме не так, біля самого поля, і не заповнювати все наново.
- Покажи, скільки кроків. Одна сторінка або 2-3 кроки з помітним прогресом. Невідомість «а що там далі» теж зупиняє.
5. Картка товару не відповідає на питання покупця
Коли людина відкрила картку, у неї є конкретні питання. Чи влізе намет у рюкзак, скільки він важить, чи витримає вітер, чи є мій розмір, коли привезуть. Картка, яка на них не відповідає, змушує піти шукати відповіді в іншому магазині. А там, швидше за все, і куплять.
| Елемент картки | Погано | Добре |
|---|---|---|
| Фото | одне фото від постачальника на білому тлі | кілька фото з різних боків, у розкладеному і складеному вигляді, деталі, масштаб поруч із людиною |
| Опис | скопійований текст виробника або «Чудовий намет для відпочинку» | ключові характеристики списком: місткість, вага, розмір у чохлі, водостійкість, сезон; далі людською мовою, кому він підходить |
| Ціна | «Ціну уточнюйте» або ціна без указаної валюти | ціна видна одразу, знижка зрозуміла, без сюрпризів у кошику |
| Наявність | товар у каталозі, а при оформленні з’ясовується, що його немає | чітко: «є в наявності», «під замовлення, відправимо через N днів», «немає, повідомити про надходження» |
| Розміри й варіанти | випадаючий список «Варіант 1, Варіант 2» | вибір кольору і розміру кнопками, таблиця розмірів поруч, недоступні варіанти позначені |
| Кнопка покупки | маленька, сіра, губиться серед іконок | помітна, на телефоні в зоні великого пальця, після натискання видно, що товар у кошику, і є перехід до оформлення |
Ще кілька дрібниць, які коштують продажів:
- Поле кількості. Якщо людина хоче три газові балони, вона має вибрати «3» на картці або в кошику, а не тричі додавати товар.
- Таблиця розмірів з мірками. Для термобілизни чи черевиків мало написати «M». Дай обхват грудей, зріст, довжину устілки в сантиметрах, і пораду, що робити, якщо людина між розмірами.
- Відгуки й питання. Справжні відгуки з датою, включно з неідеальними. Магазин, де всі відгуки по п’ять зірок і написані одним стилем, викликає більше підозр, ніж той, де є кілька чесних «міг би бути легшим».
- Блок «доставка й повернення» прямо на картці. Коротко: строк відправлення, вартість доставки або поріг безкоштовної, умови повернення з посиланням на детальну сторінку.
Якщо в GA4 картки відкривають, а add_to_cart мало, почни звідси. Відкрий п’ять найпопулярніших карток на телефоні і спробуй відповісти собі на питання покупця тільки з того, що бачиш на екрані.
6. Спливаючі вікна, які заважають купити
Вікно «Підпишись і отримай знижку» на пів екрана через дві секунди після входу, потім чат-бот, потім банер про кукі, потім запит на сповіщення. На телефоні людина бачить уже не товар, а чотири хрестики, один із яких ще й захований.
Google у документації для власників сайтів прямо радить уникати нав’язливих вікон і діалогів: вони заважають і людям, і пошуковим системам зрозуміти вміст сторінки. Альтернатива, яку там же наводять, це невеликі банери, що займають лише частину екрана.
Як зробити розумно:
- одне вікно за візит, а не каскад;
- не на першій секунді і не на картці товару, коли людина розглядає фото;
- помітний хрестик і закриття тапом поза вікном;
- закрите вікно не повертається на кожній наступній сторінці;
- на телефоні замість вікна на весь екран невелика смужка внизу або вгорі.
7. Доставка дорога або її ціну видно лише наприкінці
Людина вибрала рюкзак, перейшла до оформлення, і тільки на останньому кроці дізналась, скільки коштує доставка. Або ще гірше, що доставка «за тарифами перевізника» і точну суму вона побачить уже у відділенні. Для багатьох це момент, коли покупка зупиняється.
У тому ж дослідженні Baymard найчастіша причина покинутого оформлення: надто високі додаткові витрати (доставка, податки, збори), 40% опитаних. Окремо 12% назвали те, що не змогли побачити або порахувати повну вартість замовлення заздалегідь. В Україні є ще й юридичний бік: Закон «Про захист прав споживачів» (стаття 13) вимагає ще до укладення договору на відстані повідомити покупцю ціну, включно з платою за доставку, та умови оплати.
Що перевірити і зробити:
- Вартість доставки видно до кошика. На картці товару або в кошику: «Доставка у відділення від N грн, безкоштовно від суми X». Якщо вартість залежить від ваги, дай орієнтир або калькулятор за містом.
- Поріг безкоштовної доставки поруч із кошиком. «Додай товарів ще на N грн, і доставка буде безкоштовною». Поріг рахуй від своєї середньої суми замовлення і маржі, а не копіюй у конкурента.
- Кілька способів доставки. Відділення, поштомат, кур’єр, самовивіз, якщо є склад чи магазин. Для громіздкого товару, як намет чи туристичний стіл, людям важливо знати, чи влізе посилка в поштомат.
- Способи оплати, звичні для твоїх покупців. Оплата карткою на сайті, Apple Pay і Google Pay, накладений платіж, для дорожчого товару оплата частинами. За Baymard, на нестачу способів оплати скаржились 9%, на відхилену картку 10%: якщо картка не пройшла, людина повинна одразу побачити запасний варіант, а не порожню сторінку.
- Без «сюрпризів» на останньому кроці. Комісія за накладений платіж, платне пакування, страхування. Якщо вони є, напиши про них раніше, ніж людина ввела всі дані.
8. Доставка надто довга або строк незрозумілий
У Baymard «доставка надто повільна» друга за частотою причина покинутого оформлення, 20%. Але часто проблема не в самій швидкості, а в невизначеності. «Доставка 1-14 днів» звучить як «колись». Для того, хто їде в похід у п’ятницю, це вирок.
Покупцю потрібні дві цифри, а не одна: коли ти відправиш і скільки їде перевізник. Відправка «в день замовлення до 15:00, наступного дня після цього часу» плюс «доставка зазвичай 1-2 дні» дає людині зрозумілу дату. Якщо товар під замовлення від постачальника, пиши це на картці, а не в листі після оплати.
Навіть без зміни логістики можна показати орієнтовну дату отримання на картці й у кошику, позначити товари, що їдуть зі складу постачальника, і надсилати номер відправлення одразу після передачі посилки.
Закон «Про захист прав споживачів» (стаття 13) задає межу: якщо договором не передбачено інше, товар за договором на відстані треба поставити в прийнятний строк, але не пізніше тридцяти днів, а якщо товару немає, продавець має негайно про це повідомити. На практиці клієнт піде набагато раніше.
9. Магазину не довіряють
Остання перешкода перед оплатою: людина не впевнена, що тобі можна віддати гроші. За даними Baymard, 19% покинули оформлення, бо не довіряли сайту дані картки, а 13% не влаштувала політика повернення.
Почнімо з основи. Сайт має працювати через HTTPS на всіх сторінках, без змішаного вмісту. Ще з 2018 року, з версії 68, Chrome позначає сторінки на HTTP як «Не захищено». Сьогодні більшість платформ і хостингів дають сертифікат автоматично, тож відсутність HTTPS трапляється рідше, ніж у часи, коли писали перші поради про магазини. Але сертифікат лише мінімум, він не робить магазин надійним в очах покупця. Довіру дають інші речі:
- Контакти, до яких можна достукатись. Телефон, месенджер, email, графік роботи. Адреса складу чи пункту видачі, якщо він є.
- Реквізити продавця. Назва ФОП чи компанії, код, адреса. Закон (стаття 13) і так вимагає до укладення договору повідомити покупцю найменування продавця, місцезнаходження і порядок прийняття претензій. Розмісти це на сторінці «Контакти» або «Про магазин» і в підвалі сайту.
- Відгуки з життя. На картках, на окремій сторінці, у зовнішніх сервісах відгуків. Відповіді магазину на негативні відгуки переконують сильніше, ніж їх відсутність.
- Зрозуміла політика повернення. Окрема сторінка простою мовою: скільки днів, у якому стані, як оформити, хто платить за пересилку, коли повернуться гроші.
- Охайність. Зламані посилання, сторінки «в розробці», акція, що закінчилась минулого літа, зображення-заглушки. Кожна дрібниця сама по собі нестрашна, разом вони виглядають як покинутий магазин.
Про повернення важливо писати правду, бо тут є закон. Для покупок через сайт діє стаття 13 чинного Закону України «Про захист прав споживачів» № 1023-XII: споживач може розірвати договір на відстані протягом чотирнадцяти днів з моменту одержання товару (або з моменту підтвердження інформації), без пояснення причин, а повернення речі саме по собі вважається розірванням договору. Є винятки, наприклад, товар, виготовлений на замовлення під конкретного покупця. Окремо стаття 9 дає право обміняти непродовольчий товар належної якості протягом чотирнадцяти днів, не рахуючи дня купівлі, за переліком і умовами, які там описані. Новий закон «Про захист прав споживачів» № 3153-IX уже ухвалений, але станом на жовтень 2026 року на сайті Верховної Ради він позначений як такий, що набирає чинності пізніше, тож орієнтуйся на чинний текст і перевіряй редакцію перед тим, як оновлювати свої умови. Сторінку повернення краще показати юристу: помилка в ній коштує дорожче, ніж консультація.
Покупець, який бачить «не підійшов розмір, поверни протягом 14 днів, ось як», натискає «Купити» спокійніше, ніж той, хто бачить «товар належної якості поверненню не підлягає».
10. Сайт повільний і незручний на телефоні
Цього пункту немає в старих чеклистах про магазини, але без нього сьогодні не обійтись: у багатьох нішах більшість покупців приходить з телефона. Якщо каталог вантажиться кілька секунд, фільтр відповідає з затримкою, а кнопка «Купити» стрибає, бо зверху довантажився банер, людина йде, не дочекавшись картки.
Google вимірює це трьома показниками Core Web Vitals: швидкість появи головного вмісту (LCP, добре до 2,5 секунди), швидкість реакції на дії (INP, добре до 200 мілісекунд) і стабільність макета (CLS, добре до 0,1). Вимірюють на 75-му процентилі реальних відвідувань окремо для телефонів і комп’ютерів. Для магазину особливо важливий INP: фільтри, вибір розміру, кнопка кошика мають відповідати одразу.
Що перевірити власноруч:
- Пройди весь шлях на звичайному телефоні через мобільний інтернет: головна, каталог, фільтр, картка, кошик, оформлення до кроку оплати.
- Подивись, чи не перекриває щось кнопку покупки: чат, банер кукі, плаваюча панель.
- Перевір, що поле телефону відкриває цифрову клавіатуру.
- Подивись у GA4 воронку окремо для мобільних. Якщо там обрив значно більший, ніж на комп’ютері, проблема майже напевно в мобільній версії.
Не забувай про технічні збої: за Baymard, 17% покинули оформлення через помилки або падіння сайту. Платіжна сторінка, яка вибиває помилку раз на двадцять спроб, у звіті виглядає як «люди передумали». Як знайти, що саме гальмує сайт, розібрано в статті про прискорення сайту на WordPress. Принципи там підходять і для інших платформ.
11. З чого почати: короткий порядок перевірки
- Налаштуй або перевір воронку в GA4. Події від
view_itemдоpurchase, тестові замовлення кожним способом оплати. - Знайди найбільший обрив. Окремо для телефонів і комп’ютерів.
- Перевір відповідний розділ. Обрив до картки: пошук, фільтри, меню. Обрив до кошика: картка товару. Обрив у кошику й оформленні: доставка, реєстрація, форма, оплата, довіра.
- Пройди шлях покупця сам на телефоні і попроси пройти його когось стороннього, мовчки спостерігаючи.
- Виправляй по одній речі і дивись на воронку через кілька тижнів, щоб розуміти, що спрацювало. Якщо змінити все одночасно, ти не дізнаєшся, що саме допомогло.
Якщо хочеш швидко отримати погляд збоку, є безкоштовна перевірка сайту: SEO, видимість в AI-пошуку і сигнали довіри. Коли проблем забагато і латати їх по одній дорожче, ніж перебудувати, варто подумати про розробку магазину з нуля, де воронка, доставка і мобільна версія закладені з першого дня.
12. Висновок
Магазин рідко не продає через одну велику причину. Зазвичай це кілька дрібних тертя на шляху: пошук не знаходить «карімат», у картці немає ваги, ціну доставки видно лише наприкінці, реєстрація обов’язкова, на телефоні кнопку перекриває чат. Кожне з них відсікає частину покупців, і разом вони дають ту саму картину: відвідувачі є, замовлень немає.
Не починай зі знижок і не переробляй усе одразу. Знайди в аналітиці крок, де людей стає найменше, і виправ саме його. Потім наступний. Якщо хочеш, щоб на твій магазин подивився хтось, хто не звик до нього, як ти, напиши нам у GrandMa, розберемось разом, з чого почати.
13. FAQ
14. Джерела
- Baymard Institute - Cart Abandonment Rate Statistics (причини покинутих кошиків, поля форми оформлення; оновлення 22.09.2025)
- Google Analytics - Рекомендовані події електронної комерції GA4
- Довідка Google Analytics - Дослідження послідовності конверсії
- Google Search Central - Avoid intrusive interstitials and dialogs
- Chromium Blog - A secure web is here to stay (Chrome 68, 2018)
- web.dev - Web Vitals, пороги показників
- Закон України «Про захист прав споживачів» № 1023-XII (статті 9, 13)
- Закон України «Про захист прав споживачів» № 3153-IX (ухвалений, ще не набрав чинності)
