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

Переход на страницу

Чтобы перейти к оформлению заказа, нажмите на кнопку Перейти к оформлению/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

Микросервис user-orchestration

Микросервис auth-orchestration

Микросервис payment-orchestration