Магазин вкладывает деньги в рекламу, каталог, карточки товаров — и всё ради момента, когда человек нажимает «Оформить заказ». Именно здесь происходит самая обидная потеря: покупатель уже выбрал товар, уже готов платить, но по дороге к оплате что-то его останавливает. По разным оценкам, значительная доля корзин в онлайн-торговле остаётся неоформленной, и в большинстве случаев причины лежат не в желании покупателя, а в самом интерфейсе.
Хорошая новость в том, что оформление заказа — самая измеримая и самая поддающаяся улучшению часть магазина. Здесь нет дискуссий о вкусах: каждое поле, каждый шаг и каждая подсказка либо помогают завершить покупку, либо мешают. Улучшение на несколько процентов на этом этапе часто даёт больше выручки, чем увеличение рекламного бюджета.
В статье разберём, как устроить корзину, сколько шагов нужно, какие поля оставить, как подать доставку и оплату, и как диагностировать потери с помощью аналитики. Примеры основаны на опыте проектов студии Mevero в сфере электронной коммерции.
Почему покупатели бросают корзину
Прежде чем менять интерфейс, полезно понять, от чего уходят. Причины можно сгруппировать.
- Неожиданные расходы. Стоимость доставки, комиссия или налоги выясняются только на последнем шаге и портят впечатление.
- Обязательная регистрация. Человек пришёл купить, а его заставляют придумывать пароль.
- Слишком длинная форма. Каждое лишнее поле — это повод отложить покупку.
- Недоверие. Непонятно, куда уйдут данные карты, как вернуть деньги, есть ли гарантии.
- Нехватка вариантов. Нет удобного способа доставки или оплаты.
- Технические сбои. Страница тормозит, форма сбрасывается после ошибки, не приходит код подтверждения.
- Сравнение с другими. Покупатель использует корзину как временный список и не собирался покупать сразу.
Последний пункт важно понимать: часть брошенных корзин — не потеря, а нормальное поведение. Поэтому метрика «процент брошенных корзин» полезна только в сочетании с анализом, на каком шаге человек ушёл и почему.
Корзина: что должно быть на странице
Корзина — это точка проверки: покупатель убеждается, что в ней именно то, что он выбрал, и видит итоговую сумму. Поэтому страница должна быть максимально прозрачной.
Обязательные элементы
- Миниатюра, название и ссылка на товар, чтобы можно было вернуться и перепроверить.
- Выбранные параметры: размер, цвет, комплектация — прямо в строке товара.
- Цена за единицу, количество с кнопками плюс и минус, итог по строке.
- Удаление товара одним понятным действием и возможность отменить его, если нажал случайно.
- Итоговая сумма с учётом скидок, а при возможности — и ориентировочная стоимость доставки.
- Поле для промокода — не слишком заметное, чтобы не провоцировать уход за поиском купона.
- Заметная кнопка «Оформить заказ» и вторичная ссылка «Продолжить покупки».
Следите за тем, чтобы количество можно было менять без перезагрузки страницы, а сумма пересчитывалась мгновенно. Если товара не хватает на складе, сообщайте об этом сразу в корзине, а не после ввода всех данных.
Корзина-выпадашка или отдельная страница
Мини-корзина во всплывающем окне удобна для небольших магазинов с короткими заказами: человек добавляет и сразу оформляет. Для широкого ассортимента, где в заказе бывает много позиций, нужна полноценная страница: на ней удобно сверять состав, менять количество, добавлять сопутствующие товары. Лучшее решение — сочетание: всплывающая мини-корзина после добавления и отдельная страница для подробной проверки.
Сколько шагов в оформлении заказа
Есть два основных подхода: многошаговое оформление и одностраничное. Универсального победителя нет — выбор зависит от сложности заказа и аудитории.
| Подход | Плюсы | Минусы | Когда подходит |
|---|---|---|---|
| Одна страница | Всё видно сразу, быстрые заказы | Длинная форма пугает на смартфоне | Простые товары, короткие заказы |
| Несколько шагов | Каждый шаг лёгкий, видна прогресс-полоса | Больше переходов, риск потеряться | Сложные заказы, много вариантов доставки |
| Аккордеон на одной странице | Сочетает оба подхода | Требует аккуратной реализации | Универсальный вариант |
Если выбрали несколько шагов, покажите индикатор прогресса и сохраняйте введённые данные при возврате назад. Минимальный набор шагов выглядит так: контакты, доставка, оплата, подтверждение. Всё, что можно объединить или убрать, нужно объединить или убрать.
Поля формы: оставляем только необходимое
Золотое правило: спрашивайте только то, без чего заказ нельзя выполнить. Каждое поле должно иметь понятное назначение. Имя и телефон нужны для связи, адрес — для доставки, электронная почта — для чека и статуса. Отчество, дату рождения, название компании у обычных покупателей спрашивать незачем. О том, как проектировать формы вообще, мы подробно писали в материале про формы обратной связи, и многие правила оттуда применимы здесь.
- Подпись поля всегда над ним, а не только внутри как placeholder: иначе она исчезает при вводе.
- Тип клавиатуры подбирается под поле: цифровая для телефона, почтовая для email.
- Включайте автозаполнение браузера и подсказки адреса: ввод улицы с подсказкой экономит минуту и снижает число ошибок.
- Маска телефона не должна мешать вставке номера из буфера.
- Ошибки показывайте рядом с полем, человеческим языком, и не стирайте уже введённые данные.
- Не используйте капчу, если можно обойтись скрытыми проверками.
Гостевой заказ и регистрация
Принудительная регистрация — одна из самых частых причин отказа. Основное правило: позволяйте купить без аккаунта. Регистрацию предлагайте после покупки, когда человек уже получил то, что хотел: «Сохраните данные, чтобы в следующий раз заказ оформлялся в один клик». Вход через соцсети или по коду из СМС тоже снимает барьер, потому что не нужно придумывать и запоминать пароль.
Для постоянных покупателей полезны личный кабинет с историей заказов, сохранёнными адресами и быстрым повтором заказа. Но этот функционал должен быть дополнением, а не препятствием на пути к первой покупке.
Доставка: прозрачность и выбор
Покупатель хочет знать три вещи: сколько стоит, когда придёт и как получить. Все три нужно показывать в момент выбора способа доставки, а не после. Расчёт должен происходить автоматически на основе адреса или города, а не ручным запросом к менеджеру.
- Указывайте срок в днях или конкретную дату, а не абстрактное «быстро».
- Показывайте все доступные способы: курьер, пункт выдачи, почта, самовывоз — с ценой каждого.
- Для пунктов выдачи используйте карту с фильтрами и режимом работы.
- Если есть порог бесплатной доставки, напоминайте о нём ещё в корзине: «Добавьте товар на такую-то сумму — доставка бесплатно».
- Для крупногабаритных товаров заранее сообщайте об условиях подъёма, сборки и приёмки.
Мы видели, как простое решение — вынести стоимость доставки в карточку товара и в корзину — снижало число отказов именно на шаге выбора доставки. Подробнее о том, как показывать условия до корзины, рассказано в статье про карточку товара, которая продаёт.
Оплата: способы и доверие
Список способов оплаты должен соответствовать ожиданиям вашей аудитории: банковская карта, быстрые платежи, электронные кошельки, оплата при получении, рассрочка. Не стоит подключать всё подряд: каждый способ требует настройки и сопровождения. Но минимальный набор нужен, чтобы человек не столкнулся с ситуацией «у меня нет такого способа». Технические нюансы подключения и выбор сервиса разобраны в материале про онлайн-оплату.
Доверие на этапе оплаты зависит от мелочей: значок защищённого соединения, логотипы платёжных систем, понятная политика возврата, текст «данные карты не хранятся на нашем сайте». Страница оплаты должна оформляться в стиле магазина или хотя бы открываться без неожиданных переходов на незнакомые домены. Базовые принципы защиты данных мы описывали в статье про SSL и безопасность сайта.
Подтверждение заказа и письма
После оплаты покупатель видит страницу «Спасибо за заказ». Это не формальность, а важный момент: здесь он убеждается, что всё прошло успешно. На странице должны быть номер заказа, состав, адрес и сроки, контакты для связи и понятное описание следующих шагов. Параллельно уходит письмо или сообщение с теми же сведениями.
Используйте этот момент и для мягких предложений: зарегистрироваться, подписаться на новости, поделиться отзывом после получения. Но не перегружайте страницу — главная задача в том, чтобы человек спокойно ждал товар. Транзакционные письма с обновлением статуса — самые читаемые письма магазина; заботливо оформленные, они снижают число обращений в поддержку. Больше о связке почты и сайта читайте в статье про email-маркетинг.
Мобильное оформление
На смартфоне любое неудобство ощущается втрое сильнее. Крупные поля и кнопки, правильная клавиатура, прилипающая кнопка «Оформить» внизу экрана, оплата в одно касание через быстрые платёжные методы и автозаполнение — всё это напрямую влияет на результат. Избегайте горизонтальной прокрутки, плавающих баннеров поверх формы и маленьких чекбоксов. Основные правила для такой версии магазина собраны в материале про мобильную версию интернет-магазина.
Возвращаем брошенные корзины
Даже в хорошо построенном процессе часть людей уходит. Вернуть их помогают несколько инструментов.
- Напоминание по почте или в мессенджере через несколько часов после ухода: просто «вы забыли товары», без давления.
- Второе письмо с полезной информацией: отзывы, условия возврата, ответы на частые вопросы.
- Ограниченный стимул: промокод или бесплатная доставка — только на третьем касании и не всем подряд, иначе покупатели научатся уходить намеренно.
- Реклама по ушедшим посетителям: подробнее — в статье про ретаргетинг.
- Предупреждение при закрытии страницы — только если оно не раздражает и не мешает.
Аналитика оформления заказа
Чтобы улучшать процесс, его нужно измерять по шагам. Настройте воронку: просмотр карточки, добавление в корзину, начало оформления, заполнение контактов, выбор доставки, выбор оплаты, успешный заказ. Смотрите, где самый большой провал, затем разбирайтесь подробнее: записи сессий, карты кликов, ошибки валидации полей. Какие метрики действительно важны, мы разбирали в статье про веб-аналитику, а идеи по росту конверсии собраны в материале про конверсию сайта.
Отдельно отслеживайте технические ошибки: сбои платёжного шлюза, ошибки отправки формы, недоступность сервисов расчёта доставки. Иногда провал на шаге объясняется не дизайном, а неработающей интеграцией, и это самая быстро исправимая потеря.
Типичные ошибки
- Обязательная регистрация перед оформлением.
- Скрытые платежи, которые выясняются на последнем шаге.
- Много лишних полей и отсутствие автозаполнения.
- Форма сбрасывается после ошибки.
- Нет индикатора шагов в многошаговом оформлении.
- Недостаточно способов оплаты и доставки либо нет понятной информации о них.
- Страница оплаты не вызывает доверия.
- Нет аналитики по шагам, и улучшения делаются вслепую.
С чего начать улучшения
Пройдите путь покупателя сами на смартфоне и на компьютере, с чистым браузером и без сохранённых данных. Засеките время, запишите, где вы запнулись. Затем посмотрите воронку и выберите один самый проблемный шаг. Внесите одно изменение, измерьте результат, повторите. Такой итеративный подход надёжнее, чем перерисовка всего процесса с нуля. Если у вас нет ресурсов для самостоятельной работы, можно заказать UX-аудит, который покажет конкретные барьеры, или обратиться к нам за разработкой интернет-магазина с продуманным оформлением. Ориентиры по стоимости есть на странице тарифов.
Итог
Корзина и оформление заказа — финальный фильтр, через который проходит каждая выручка магазина. Прозрачная итоговая сумма, минимум полей, возможность купить без регистрации, понятные доставка и оплата, мобильное удобство и постоянное измерение — вот основа процесса без потерь. Улучшая этот этап шаг за шагом, вы забираете у воронки деньги, которые уже были вашими. Если хотите разобрать оформление заказа в вашем магазине вместе с командой, напишите нам через страницу контактов.
