Страница оформления заказа

Checkout — финальный шаг перед покупкой. Здесь покупатель вводит данные, выбирает доставку и оплату.

Из чего состоит Checkout

Это самая ответственная страница магазина: любая лишняя форма, непонятное поле или скрытая стоимость увеличивают процент брошенных корзин. Чем проще и прозрачнее checkout — тем выше конверсия.

1

Форма контактных данных

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

Иван Иванов
+7 (999) 123-45-67
ivan@example.com

Зачем нужна эта форма

Для магазина
  • Связаться с покупателем — уточнить детали, предупредить о задержке, решить проблему.
  • Передать заказ в доставку — службе нужен телефон и знание, кому передаётся заказ.
  • Отправить чек и статус — email для чека, трекера и уведомлений.
  • Собрать базу клиентов — для рассылок, программы лояльности, аналитики.
Для покупателя
  • Получить заказ — без контактов доставка невозможна.
  • Быть в курсе — уведомления о статусе, трек-номер, изменения.
  • Решить проблему — если что-то пошло не так, магазин сможет связаться.
2

Адрес доставки

Это данные, куда нужно привезти заказ. Адрес влияет на стоимость доставки и доступные службы. Поле может отсутствовать, если покупатель выбрал самовывоз; иначе подставляется или вручную вводится адрес ПВЗ, почта или адрес, куда курьер доставит посылку.

Обычно адрес доставки включает

1
Страна
Нужна для международных отправлений.
2
Город
Москва, Казань, деревня Ивановка.
3
Улица
Название улицы, проспекта, переулка, шоссе.
4
Дом
Номер дома, корпуса, строения.
5
Квартира / офис
Номер помещения, если доставка до двери.
6
Индекс
Помогает сортировать отправления. Часто определяется автоматически.
3

Способ доставки и служба

Есть несколько способов доставки: курьер, самовывоз, почта, пункт выдачи. За каждым способом стоит служба доставки, которая его выполняет (СДЭК, Boxberry, Почта России). Способы и службы влияют на стоимость, сроки и оснащение.

🚚
Курьер
Доставка до двери, удобно для крупных товаров.
🏬
Самовывоз
Из магазина или склада, покупатель забирает сам.
📦
Почта
Почта России, подходит для отдалённых регионов.
📍
ПВЗ
Пункт выдачи — СДЭК, Boxberry. Для одежды — с примерочной.
✓
Хорошая практика: если продаётся одежда, лучше выбирать ПВЗ с примерочной — это снижает вероятность возвратов.
4

Тариф доставки

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

Курьер, до двери
1–2 дня
390 ₽
ПВЗ СДЭК
2–4 дня
190 ₽
Почта России
5–10 дней
150 ₽
Самовывоз
сегодня
бесплатно
5

Поле промокода

Это элемент интерфейса, куда покупатель вводит код для получения скидки, бесплатной доставки или других бонусов. Обычно состоит из самого поля ввода и кнопки «Применить».

SALE2025
Применить

Зачем это нужно

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

Валидация при нажатии «Применить»

  1. Существует ли код — если нет, показывает ошибку.
  2. Срок действия — истёкшие коды не принимаются.
  3. Условия применения — минимальная сумма, конкретные товары, бренды, разделы.
  4. Совместимость — некоторые промокоды нельзя суммировать с другими скидками.
6

Выбор способа оплаты

Настраивается и может выполняться с помощью карты, СБП / QR-кода, электронного кошелька, оплаты в приложении банка. Оплата может быть предварительной во время заказа или при получении.

💳
Банковская карта
📱
СБП / QR-код
👛
Электронный кошелёк
💵
При получении
7

Комментарий к заказу

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

Например: «Позвоните за час до доставки» или «Нужна подарочная упаковка»
8

Итоговая сумма

Это финальная стоимость заказа, которую покупатель видит перед подтверждением. Она складывается из стоимости товаров, скидок и стоимости доставки.

Товары 5 970 ₽
Скидка по промокоду − 500 ₽
Доставка (ПВЗ СДЭК) 190 ₽
Итого к оплате 5 660 ₽
9

Кнопка «Подтвердить заказ»

Завершает оформление, переводит покупателя к оплате и создаёт заказ. Это финальное целевое действие всей страницы.

Создаёт заказ и переводит на оплату
10

Разбивка на шаги

Часть блоков разбивают на шаги. Оформление заказа часто разбивают по нескольким причинам, и все они связаны с психологией: снижение когнитивной нагрузки, пошаговое принятие решений, ощущение прогресса, уменьшение количества ошибок.

1
Ввод личных данных
Имя, телефон, email, адрес
→
2
Оплата и доставка
Способ доставки, служба, оплата
→
3
Подтверждение
Проверка заказа и итоговая сумма