Необходимо переписать страницы чистым кодом, связанные с оформлением заказа: корзина, оплата, подтверждение заказа и сообщения об ошибках оплаты.
1. Корзина
В корзине должно быть реализовано:
Отображение товаров:
- фото товара;
- название товара;
- короткое описание товара;
- цена;
- количество;
- кнопки
+ и – для быстрой смены количества; - возможность удалить товар из корзины;
- отображение акций, если они действуют на товар.
Подсчет суммы:
Система должна автоматически пересчитывать:
- сумму товаров;
- стоимость доставки;
- сумму скидки;
- стоимость упаковки;
- общую сумму заказа.
Все изменения должны обновляться автоматически без перезагрузки страницы.
2. Бесплатная доставка
Добавить информационный блок:
- «Вам не хватает ___ грн до бесплатной доставки Укрпочтой»
- «Вам не хватает ___ грн до бесплатной доставки Новой почтой»
Сумма должна автоматически изменяться в зависимости от наполнения корзины.
3. Подарочная упаковка
В корзине добавить возможность выбора:
☐ Подарочная упаковка
При выборе упаковки ее стоимость автоматически добавляется к общей сумме заказа.
4. Промокоды и скидки
Реализовать:
- поле для ввода промокода;
- автоматическое применение скидки;
- сообщение об успешном или неуспешном применении купона;
- отображение суммы скидки отдельной строкой в итогах заказа.
5. Рекомендуемые товары
В корзине добавить блок:
«Рекомендуемые товары»
Система должна автоматически показывать:
- сопутствующие товары;
- популярные товары;
- товары с акций;
- товары, которые часто покупают вместе.
6. Акции
Необходимо реализовать акционные механики.
Пример акции 5+1:
Если клиент покупает 5 единиц товара, система автоматически добавляет 1 товар в подарок.
В корзине должно отображаться:
- подарочный товар;
- пометка «Подарок»;
- цена подарочного товара — 0 грн.
Если подарок нужно выбрать самостоятельно, добавить поле:
«Напишите в комментарии, какой именно чай вы хотите получить в подарок».
7. Комментарий к заказу
Добавить отдельное поле:
«Комментарий к заказу»
Клиент может:
- оставить пожелания;
- указать подарочный чай;
- написать уточнения по доставке или оплате.
8. Оплата
Для незарегистрированных клиентов:
Доступные способы оплаты:
- WayForPay;
- наложенный платеж;
- оплата при самовывозе.
9. Сохранение корзины
Если клиент:
- случайно закрыл страницу;
- обновил браузер;
- вернулся позже,
товары в корзине должны сохраняться автоматически.
10. Сообщения об ошибках
Необходимо реализовать понятные сообщения об ошибках:
- не выбрана доставка;
- не выбран способ оплаты;
- не заполнен номер телефона;
- некорректный email;
- товар отсутствует в наличии;
- ошибка оплаты;
- промокод недействителен.
Сообщения должны быть заметными и понятными для клиента.
11. Подтверждение заказа и email-уведомления
Настроить автоматическую генерацию писем.
Успешное оформление:
Ошибка оплаты:
12. Юридические согласования
Перед оформлением заказа обязательно добавить чекбокс:
☐ Я согласен с условиями покупки и политикой конфиденциальности.
Без подтверждения чекбокса заказ не должен оформляться.
13. Мобильная версия
Корзина и оформление заказа должны быть полностью адаптированы под мобильные устройства:
- удобные кнопки;
- правильное отображение блоков;
- быстрое загрузка;
- корректная работа на iPhone и Android.
14. Доставка и интеграция с CRM KeepinCRM и Новой Почтой
Все поля доставки должны быть реализованы в соответствии с требованиями интеграции с CRM KeepinCRM и API Новой Почты.
Способы доставки:
- Новая Почта — отделение;
- Новая Почта — почтомат;
- Новая Почта — курьер;
- Укрпочта;
- Самовывоз.
Поля для доставки
Обязательные поля:
Интеграция с KeepinCRM
Все данные заказа должны автоматически передаваться в CRM:
Передавать:
- номер заказа;
- дата и время;
- ФИО клиента;
- телефон;
- email;
- город;
- область;
- служба доставки;
- номер отделения;
- способ оплаты;
- комментарий клиента;
- состав заказа;
- количество товаров;
- сумма заказа;
- скидка;
- промокод;
- статус оплаты;
- статус доставки;
- UTM-метки.
