Налаштування сторінки оформлення замовлення (чекаут)
Візуальний конструктор чекауту з Mobile/Web toggle: компоненти, слайдер балів, розрахунок підсумку.
Оновлено: 18.06.2026Призначення
Візуальний конструктор сторінки оформлення замовлення з можливістю переключення між Mobile і Web превью.
Як виглядає інтерфейс
| Палітра компонентів | Live preview |
| Кількість осіб | iOS status bar (для Mobile) |
| Передзвонити мені | Header «← Checkout» |
| Чайові | Спосіб отримання: Delivery / Pickup toggle |
| – | Адреса з pin іконкою + поля Entrance / Floor / Apt |
| – | Час доставки (timepicker) |
| – | Додати промокод (input + кнопка Add) |
| – | Слайдер балів з вказанням max та підписом «You can pay up to 100% of the total amount» |
| – | Коментар до замовлення (textarea) |
Детальний підсумок замовлення (приклад):
| Order price | 217 ₴ |
| Paid with points | 64 ₴ |
| 10% discount on first order | -20 ₴ |
| Promo code | -20 ₴ |
| Total | 237 ₴ |
Кнопка «Confirm the order»
Toggle Mobile / Web
У верхньому барі є переключатель Mobile / Web — можна переглядати чекаут у мобільній та веб-версіях.
Сценарій: Налаштування блоків чекауту
- Перейдіть до «Налаштування → Кастомізовані сторінки → Налаштування сторінки оформлення замовлення».
- Перетягніть блоки в потрібному порядку.
- Активуйте / деактивуйте перемикачами.
- Переключіть Mobile / Web, щоб перевірити обидва превью.
- Натисніть «Зберегти зміни».
Де подивитися в адмінці
Конструктор чекауту
