Потрібно переписати сторінки чистим кодом, пов’язані з оформленням замовлення: кошик, оплата, підтвердження замовлення та повідомлення про помилки оплати.
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-мітки.
