Корзина и оформление заказа без лишних шагов

В среднем в интернет-торговле до оплаты доходят меньше трети покупателей, положивших товар в корзину. Остальные уходят где-то по дороге: на странице корзины, на шаге регистрации, при выборе доставки или перед кнопкой «Оплатить». Часть этих потерь естественна — люди сравнивают цены, откладывают решение, используют корзину как список желаний. Но значительная доля уходов вызвана самим процессом оформления.

Хорошая новость в том, что оформление заказа — одна из немногих частей магазина, улучшение которой даёт быстрый и измеримый эффект. Здесь не нужно ждать месяцами, как в SEO, и не нужно увеличивать рекламный бюджет. Достаточно убрать препятствия между желанием купить и подтверждением заказа.

Ниже — разбор того, как устроить корзину и чекаут для небольшого магазина: какие поля оставить, от каких шагов отказаться, как работать с мобильными пользователями и как найти конкретные места, где ваш магазин теряет заказы.

Корзина: не промежуточная, а рабочая страница

Корзину часто воспринимают как транзитную точку между каталогом и оформлением. На деле это место, где покупатель последний раз перепроверяет выбор и решает, продолжать ли. Её задача — подтвердить правильность заказа и снять последние сомнения.

Что должно быть в корзине:

• миниатюра товара, название, выбранный вариант (размер, цвет) — чтобы человек видел, что добавил именно то;
• удобное изменение количества и удаление позиции без перезагрузки страницы;
• промежуточная сумма, скидки и предварительная стоимость доставки;
• поле для промокода — но не самое заметное, чтобы не отправлять покупателя искать коды в интернете;
• одна главная кнопка «Оформить заказ», контрастная и крупная;
• короткие напоминания: способы оплаты, срок доставки, условия возврата.

Ссылку «Продолжить покупки» стоит оставить, но сделать второстепенной. А вот блок рекомендаций в корзине — вопрос спорный. Он может поднять средний чек, если предлагает недорогие сопутствующие товары, но может и отвлечь. Мы обычно ставим 3–4 позиции до 10–15% от суммы корзины и следим за конверсией: если она падает, блок убираем.

Обязательная регистрация — главный враг конверсии

Если для покупки нужно сначала создать аккаунт, придумать пароль и подтвердить почту, часть людей уйдёт. Особенно те, кто покупает впервые и не уверен, что вернётся. Требование регистрации стабильно входит в топ причин отказа от покупки во всех исследованиях поведения покупателей.

Решение простое — гостевое оформление по умолчанию. Покупатель указывает телефон и почту для связи, а аккаунт создаётся автоматически в фоне. После заказа ему можно предложить задать пароль, чтобы отслеживать статус и видеть историю покупок. Многие соглашаются — уже после того, как покупка совершена.

Ещё лучше — вход по номеру телефона с кодом из СМС или через мессенджер. Это быстрее пароля и привычнее для мобильных пользователей. Постоянный покупатель вводит номер, получает код, и все его данные — адрес, имя, предпочтительный способ доставки — подставляются автоматически.

Одна страница или несколько шагов

Споры о том, что лучше — одностраничное оформление или пошаговое, — идут давно. Правильный ответ зависит от количества полей и сложности заказа.

Для большинства небольших магазинов мы рекомендуем одностраничное оформление с тремя логическими блоками: контакты, доставка, оплата. Сводка заказа показывается рядом на десктопе и свёрнутой панелью сверху на мобильном. Пользователь видит всё сразу и понимает, сколько ему осталось заполнить.

Главное правило в любом формате: количество шагов должно быть понятно заранее. Человек, который не знает, сколько ещё экранов впереди, бросает оформление охотнее, чем тот, кто видит «Шаг 2 из 3».

Каждое поле — это вопрос, который нужно оправдать

Типичная форма оформления в магазинах, которые к нам приходят на аудит, содержит 12–18 полей. Отчество, дата рождения, второй телефон, комментарий, индекс, подъезд, этаж, домофон, «как вы о нас узнали». Половина из них не нужна для выполнения заказа.

Что можно убрать или сделать необязательным

• Раздельные поля для имени и фамилии — достаточно одного поля «Имя и фамилия» или даже просто «Имя» для самовывоза.
• Отчество — нужно только для некоторых служб доставки и юридических документов, пусть будет необязательным.
• Индекс — подставляется автоматически по адресу через сервисы подсказок.
• Подтверждение email — повторный ввод почты раздражает и не нужен, если есть подсказки исправления опечаток в домене.
• «Откуда вы узнали о нас» — эта информация есть в аналитике, не стоит спрашивать покупателя.
• Подъезд, этаж, домофон — объединить в одно необязательное поле «Комментарий для курьера», показываемое только при курьерской доставке.

Что помогает заполнять быстрее

• подсказки адресов при вводе — человек набирает «Калининград, Ленин» и выбирает улицу из списка;
• правильный тип клавиатуры на мобильном: цифровая для телефона, с символом «@» для почты;
• маска ввода телефона с уже подставленным кодом страны;
• автозаполнение браузера — для этого поля должны иметь корректные атрибуты autocomplete;
• сохранение введённых данных при случайном обновлении или возврате на страницу.

Поля, которые не нужны для выбранного способа доставки, вообще не показываются. При самовывозе адрес не нужен. При доставке в пункт выдачи нужен только город и выбор пункта на карте.

Ошибки и валидация: не наказывать покупателя

Отдельный источник потерь — ошибки ввода, которые обнаруживаются только после нажатия «Оформить». Человек заполняет форму, нажимает кнопку, страница перезагружается, появляется красная надпись «Проверьте правильность заполнения» где-то наверху, а часть данных стёрта. Многие после этого просто уходят.

Как сделать правильно:

1. Проверять поле сразу после того, как пользователь перешёл к следующему, а не при отправке формы.
2. Показывать сообщение об ошибке рядом с конкретным полем, а не в общем блоке.
3. Писать понятно, что не так: не «Неверный формат», а «В номере телефона не хватает цифр».
4. Не требовать идеального формата: принимать телефон со скобками, пробелами и дефисами, с восьмёркой или плюс семью.
5. Никогда не стирать уже введённые данные.

Посмотрите записи сессий в Вебвизоре Яндекс Метрики на странице оформления. Если видите, как человек несколько раз переписывает одно и то же поле, — там проблема с валидацией или подсказкой.

Мобильное оформление: отдельная задача

На телефоне всё сложнее: маленький экран, неудобный ввод, отвлекающие уведомления, нестабильный интернет. При этом доля мобильных заказов в небольших магазинах часто превышает 60%. Если оформление неудобно на телефоне, магазин теряет большую часть потенциальных продаж.

Проверьте на своём сайте:

• можно ли оформить заказ одной рукой, не масштабируя страницу;
• достаточно ли крупные кнопки и поля — минимум 44 пикселя по высоте;
• не перекрывает ли клавиатура поле, в которое вы вводите текст;
• работает ли оплата через Apple Pay, Google Pay или СБП без ручного ввода номера карты;
• видна ли итоговая сумма без прокрутки обратно наверх;
• не появляются ли всплывающие окна с подпиской в процессе оформления.

Последний пункт встречается чаще, чем хотелось бы. Покупатель заполняет адрес, и в этот момент выскакивает баннер «Подпишитесь и получите скидку 10%». Окно закрывается, но внимание сбито, а иногда и данные теряются. Все маркетинговые всплывающие окна на странице оформления должны быть отключены.

Последний экран: подтверждение и что после

После нажатия кнопки «Оплатить» или «Подтвердить заказ» многие магазины показывают сухое «Спасибо, ваш заказ принят». Это упущенная возможность. Страница подтверждения — момент максимального доверия покупателя к магазину, и её стоит использовать.

Что должно быть на странице «Спасибо»:

• номер заказа и его краткое содержание;
• понятный следующий шаг: «Мы позвоним в течение 15 минут» или «Ожидайте СМС с трек-номером»;
• ожидаемая дата доставки или готовности к самовывозу;
• контакт для вопросов — мессенджер или чат;
• предложение задать пароль для личного кабинета, если заказ гостевой.

Письмо с подтверждением должно уходить сразу, а не через час. Если покупатель не получил его в течение пары минут, он начинает беспокоиться, звонит или пишет в поддержку. Проверьте, что письма не попадают в спам: для этого почтовый домен магазина должен иметь корректные записи SPF, DKIM и DMARC.

Как найти, где именно теряются заказы

Общие советы полезны, но каждый магазин теряет покупателей в своих местах. Чтобы найти их, нужна настроенная воронка.

В Яндекс Метрике создайте составную цель из шагов: просмотр корзины, начало оформления, выбор доставки, выбор оплаты, успешный заказ. Через 2–3 недели вы увидите, на каком шаге отваливается больше всего людей. Если, например, большой провал между выбором доставки и выбором оплаты, проблема почти наверняка в стоимости доставки, которую человек увидел впервые.

Дальше — точечные изменения и проверка эффекта. Не стоит менять всё сразу: если переделать форму целиком, будет невозможно понять, что сработало. Одно изменение, 2–3 недели наблюдения, следующее изменение. Для небольшого трафика это медленно, зато результат понятен.

Самое дешёвое исследование оформления заказа — попросить знакомого купить что-нибудь на вашем сайте с телефона и молча смотреть, как он это делает.

Работайте и с брошенными корзинами. Если покупатель оставил контакты и не завершил заказ, письмо или сообщение через 1–3 часа с напоминанием о товарах возвращает обычно 5–10% таких корзин. Это не навязчивость, а сервис: часто человека просто отвлекли.

Подводим итог

Оформление заказа — участок, где каждое лишнее поле, каждая непонятная ошибка и каждый сюрприз с ценой стоят магазину реальных денег. При этом исправления здесь сравнительно недорогие и окупаются быстро, потому что работают с людьми, которые уже решили купить.

Главное, что стоит сделать:

1. Разрешить оформление без регистрации и создавать аккаунт автоматически.
2. Сократить форму до минимума полей, нужных для выполнения заказа.
3. Показывать стоимость доставки до финального шага.
4. Проверять ошибки ввода сразу и объяснять их понятным языком.
5. Отдельно протестировать оформление на телефоне, включая быстрые способы оплаты.
6. Убрать любые всплывающие окна со страниц корзины и оформления.
7. Настроить воронку в аналитике и улучшать по одному шагу за раз.

Идеальное оформление заказа покупатель не запоминает — он просто получает свой товар и возвращается за следующим.