Страница оформления заказа
Переход на страницу 
Чтобы перейти к оформлению заказа, нажмите на кнопку Перейти к оформлению/Proceed to Checkout на странице корзины.
Переход к странице оформления заказа возможен, если вы авторизованы на сайте интернет-магазина.
Подробнее о регистрации и авторизации читайте в Регистрация и авторизация.
При попытке перехода к оформлению заказа без предварительной авторизации в системе вы будете перенаправлены на экран авторизации/регистрации.
Отображение, компоненты и поведение чекаута
На странице оформления заказа отображаются:
- блок с информацией о товарах
- блок "Покупатель"/"Buyer"
- блок "Доставка"/"Delivery"
- блок "Способ оплаты"/"Payment method"
- блок "Итого"/"Total" с итоговой суммой заказа (учитывается стоимость товаров, доставки и размер скидки)
- блок с ссылками на условия оферты и политику конфиденциальности
Вы можете добавлять и/или изменять все данные на чекауте.
Подробнее об отображении каждого компонента страницы читайте ниже.
Блок с товарами в заказе
В блоке отображается:
- заголовок "Оформить заказ"/“Checkout“
- количество товаров в заказе
- миниатюры изображений товаров в заказе
Если на медиа-ассет, используемый на странице, не установлено изображение, то будет отображена заглушка.
- итоговая стоимость заказа с учетом стоимости доставки и скидок
По умолчанию товары в заказе отображаются в свернутом виде.
На десктопе, если товаров больше шести, то при разворачивании списка продукты отображаются плиткой.
В мобильной версии сайта список товаров отображается в виде карусели:
- отображается 5 изображений товаров или более (в зависимости от ширины экрана)
- последнее изображение товара отображается частично
- навигация по карусели происходит по свайпу влево-вправо
По клику/тапу на миниатюру изображения товара вы попадаете на карточку товара.
Блок "Покупатель"
Блок “Покупатель”/“Buyer“ состоит из полей:
- Имя/First name
- Фамилия/Last name
- Телефон/Phone Number
- Электронная почта/E-mail
Все поля в блоке являются обязательными. Если вы попробуете перейти к оплате заказа с незаполнеными данными, то в соответствующих полях отобразится валидационное сообщение "Поле обязательно для заполнения"/"Required field".
При переходе на страницу оформления заказа
- Если у пользователя имя, фамилия, электронная почта указаны в личном кабинете, то данные будут автоматически подставляться в поля блока
- Если же имя, фамилия и электронная почта не указаны в личном кабинете пользователя, то после оформления заказа данные запишутся в базе данных и при последующем оформлении заказа будут автоматически подставляться в поля
Блок "Доставка"
В блоке Доставка/Delivery отображаются поля:
- Имя/First Name
- Фамилия/Last Name
- Телефон/Phone Number
- Компания/Company
- Страна/Country
- Почтовый индекс/Zip Code
- Город/City
- Улица/Address
- Номер дома/PO box
- Дата и время доставки/Date and time of delivery (заполняется автоматически)
Все поля являются обязательными. Если вы попробуете перейти к оплате заказа с незаполнеными данными, то в соответствующих полях отобразится валидационное сообщение "Поле обязательно для заполнения"/"Required field".
Если пользователь ранее оформлял заказы, то при переходе на страницу оформления заказа поля блока "Доставка" будут автоматически заполнены ранее указанными данными.
При смене города срок и стоимость доставки изменяется в соответствии с расчетом логистического калькулятора.
Блок "Способ оплаты"
В блоке "Способ оплаты"/"Payment method" можно выбрать подходящий вариант оплаты заказа:
- Онлайн-оплата (предвыбрана по умолчанию)
- Оплата при получении
Онлайн-оплата доступна только в российских рублях.
При выборе онлайн-оплаты по нажатию на Оплатить осуществляется переход на платежную страницу системы "Юkassa", где доступна оплата с помощью электронного кошелька "ЮMoney" или с помощью банковской карты (сохраненной или новой). После успешной оплаты отображается Thank You Page (TYP), а заказ переходит в статус "Оплачен".
При выборе оплаты при получении заказа по нажатию на Оплатить отображается Thank You Page (TYP), а заказ переходит в статус "Оформлен".
В блоке “Итого”/“Total“ отображается:
- заголовок “Итого”/”Total”
- итоговая сумма заказа с учетом стоимости доставки и скидок (с символом валюты и текстом “В том числе НДС”/“IncludingTax“)
- итоговая стоимость товаров до вычета скидки
- стоимость доставки (если таковая имеется)
- размер скидки
- кнопка “Оплатить“/“Submit Order“
При смене города срок и стоимость доставки изменяется в соответствии с расчетом логистического калькулятора. Если доступных маршрутов нет (один или несколько товаров не в наличии), то кнопка Оплатить заблокирована.
По нажатию на кнопку Оплатить/Submit Order происходит переход к оплате заказа.
При успешной транзакции вы будете перенаправлены на страницу успешного оформления заказа.
Блок с условиями оферты и политикой конфиденциальности
Под блоком с итоговой стоимостью заказа располагается текстовый блок с ссылками для перехода на страницы с подробной информацией об условиях оферты и политике конфиденциальности: "Нажимая «Оплатить» я подтверждаю, что ознакомлен и полностью принимаю условия Публичной оферты , условия Политики конфиденциальности"/"By clicking 'Pay' I confirm that I have read and fully accept the terms Privacy Policy, the terms Terms of Service".
Связанные статьи
Страница успешного оформления заказа
Микросервис delivery-orchestration
Микросервис checkout-orchestration