OcBox SmartOrder — одностороннє оформлення замовлення для OpenCart 3 і ocStore, купівля в один клік

OcBox SmartOrder, одна сторінка оформлення для OpenCart 3

Стандартне оформлення OpenCart 3, це п’ять окремих кроків: адреса, доставка, спосіб оплати, коментар, підтвердження. Аcordion розкривається і згортається, покупець збивається, кожен зайвий крок втрачає частину клієнтів. Плюс купити в один клік прямо з картки товару у стандартному OpenCart не можна взагалі.

OcBox SmartOrder об’єднує все оформлення в одну сторінку. Ліворуч поля покупця, праворуч кошик і кнопка «Підтвердити». Плюс кнопка «Купити в 1 клік» прямо з картки товару, покупець залишає телефон і замовлення потрапляє до менеджера без реєстрації і адреси. Плюс SmartOrder інтегрується з правилами Shipping Rules і способами PaymentHub, тому вся ваша поточна логіка доставки й оплати працює тут з коробки.

Головна ідея: чим менше кроків і клацань між кошиком і кнопкою «Підтвердити», тим більше замовлень доходить до вас. Замість п’ятикрокової форми, одна сторінка, де все видно одразу. Покупець змінив спосіб оплати, і одразу побачив нову суму замовлення з доплатою за LiqPay. Поміняв доставку на самовивоз, і сума перерахувалась. Кнопка «Купити в 1 клік» на картці товару відкриває маленький модал з полями «Ім’я» і «Телефон». Клікнув, замовлення у менеджера, склад списаний, лист адміну надіслано.

Що ви отримуєте, детально

Що це означає простими словами

Магазин з середнім чеком 1500 грн. До SmartOrder: клієнт натискає «Купити», переходить у кошик, тисне «Оформити», відкривається стандартний чекаут OpenCart. Заповнює адресу, натискає «Далі». Обирає доставку, «Далі». Обирає оплату, «Далі». Пише коментар, «Далі». Читає підтвердження, «Підтвердити». П’ять кроків, п’ять шансів кинути.

Після SmartOrder: клієнт з картки товару тисне «Купити в 1 клік», модал з двома полями, замовлення у менеджера. Або, для складніших замовлень, тисне «Купити», відразу опиняється на сторінці оформлення, все на одному екрані, кошик праворуч, форма ліворуч, підсумки оновлюються при кожній зміні. Один клік і замовлення підтверджене.

Покупець оформлює замовлення на одній сторінці, і з телефона теж

✓ Оформлення в одну сторінку
Замінює стандартний OpenCart-чекаут або живе на окремій сторінці (перемикач «Замінити стандартний чекаут»). Ліворуч блоки: Покупець, Адреса, Доставка, Оплата, Коментар. Праворуч: кошик з можливістю змінити кількість або видалити позицію, купон, ваучер, підсумки, кнопка «Підтвердити». Все на одній сторінці, без переходів. При зміні кошика підсумки перераховуються без перезавантаження сторінки.
⚠ Без цього: п’ять розкриваються-згортаються панелей стандартного чекауту, покупець на третій вже губиться.

✓ Оновлення підсумків одразу після вибору способу
Ви натиснули картку «LiqPay», і у підсумках одразу видно доплату +2% (якщо у вас правило Shipping Rules з такою доплатою). Не треба тиснути «Оформити», щоб дізнатись фінальну суму. Не треба перезаряджати сторінку. Клієнт бачить ту саму суму, що і платить.
⚠ Без цього: покупець тисне «Оформити», бачить суму, яка на 200 грн більша від очікуваної, і закриває вкладку.

✓ Мобільна оптимізація
На вузьких екранах кошик перерозташовується під форму, ціни не переносяться на другий рядок, поле кількості товару у кошику вимірюване і зручне пальцем. Оформлення на телефоні виглядає адекватно, не як зменшений десктоп.
⚠ Без цього: на телефоні ціна переноситься на новий рядок і збиває структуру.

Купівля в один клік і гостьове оформлення без зайвих кроків

✓ Купити в 1 клік з картки товару
На кожній картці товару з’являється кнопка «Купити в 1 клік». Клік відкриває модал з мінімальним набором полів (Ім’я, Телефон, за налаштуванням ще коментар). Товар додається у корзину, замовлення створюється у налаштованому вами статусі, менеджер бачить його в списку і сам зв’язується з покупцем. Захист від зловживання: одне швидке замовлення на 60 секунд від однієї сесії, не більше 3 швидких замовлень з одного IP за 10 хвилин, honeypot проти ботів. Кнопку сховано на товарах з обов’язковими опціями (розмір, колір), бо їх треба обрати.
⚠ Без цього: покупці натискають «Купити», переходять у кошик, і половина закриває вкладку на першому ж полі оформлення.

✓ Гостьовий чекаут + реєстрація в один клік
Можна лишити гостьове оформлення (перемикач у налаштуваннях), можна вимагати вхід. При гостьовому оформленні є ще прапорець «Створити акаунт», який показує поле «Пароль». Модуль сам створить обліковий запис і залогінить покупця, тому замовлення прив’язується до цього нового акаунта, і клієнт бачить його у «Мої замовлення» при наступному вході.
⚠ Без цього: реєстрація це окремий крок з поверненням на пусту сторінку, покупець втрачає контекст.

✓ Купон, ваучер, GDPR, юридичні сторінки
На сторінці оформлення можна показати поле «Купон» і «Ваучер» (кожне окремим перемикачем). Прапорець «GDPR» додає чекбокс згоди перед кнопкою «Підтвердити», з посиланням на вашу сторінку політики. Юридичні сторінки (правила магазину, публічна оферта) відображаються посиланнями біля кнопки, як у стандартному чекауті OpenCart.
⚠ Без цього: купон приймається лише в кошику, і покупець забуває його ввести.

Форма питає рівно те, що потрібно вашому магазину

✓ Довільні додаткові поля покупця
У налаштуваннях додаєте свої поля: «Розмір коробки», «Побажання щодо доставки», «Дата урочистої події», з типами: текст, багаторядковий текст, список, прапорець. На кожному полі задаєте: обов’язкове чи ні, підказка у полі, порядок сортування, розташування (у блоці «Адреса» чи «Оплата»). Дані потрапляють у коментар замовлення (з підписом «поле: значення»), тому менеджер бачить їх у картці замовлення, у листі і в історії, а не заховані у окремій таблиці.
⚠ Без цього: покупець вписує «доставка на п’ятницю ранок» у коментар одним рядком, і ви шукаєте це серед іншого тексту.

✓ Google Places автозаповнення адреси
Клієнт починає вводити «Львів, Шевченка», Google Places підказує повний рядок, клік, поля «Місто», «Область», «Адреса», «Індекс» заповнюються автоматично. Задаєте свій ключ Google API у налаштуваннях, вказуєте країну для обмеження підказок (наприклад, UA), і воно працює.
⚠ Без цього: клієнт друкує адресу п’ять полів руками, з помилками.

✓ Маска телефону і бібліотека intl-tel-input
Поле «Телефон» приймає формат «+38 (0__) ___-__-__», який ви задаєте у налаштуваннях. Або вмикаєте бібліотеку intl-tel-input з прапорцями країн і задаєте пріоритетні країни (UA, PL, DE), покупець обирає прапорець і бачить формат саме для своєї країни.
⚠ Без цього: клієнт вписує телефон у 5 різних форматів, у CRM реєстри розсипаються.

✓ Дата і час доставки, месенджер для зв’язку
Прапорець «Показати дату доставки» додає date picker з мінімальною кількістю днів від сьогодні (за замовчуванням, наприклад, 1 день). Прапорець «Показати час доставки» додає select з інтервалами, які ви задаєте через кому: «09:00-12:00,12:00-15:00,15:00-18:00». Прапорець «Вибір месенджера» дозволяє клієнту вказати, як зручно зв’язатися (Telegram, Viber, WhatsApp, phone), список задається окремою настройкою.
⚠ Без цього: клієнт пише у коментарі «доставку в п’ятницю після 14, дзвоніть на Viber», а менеджер збирає це з тексту.

Покупець бачить лише ті доставки й оплати, які підходять одна одній

✓ Матриця Доставка × Оплата
На вкладці «Доставка / Оплата» задаєте, які способи оплати доступні для яких способів доставки. Наприклад, для «Нова Пошта відділення» доступні LiqPay і Післяплата, для «Самовивоз» лише LiqPay і готівка. Плюс для Нової Пошти можна задати поведінку окремо на «Відділення», «Поштомат» і «Кур’єр». Покупець обрав «Самовивоз», і у списку оплат зникла Післяплата, це коректно і без правки коду.
⚠ Без цього: клієнт обирає Післяплату для самовивозу, менеджер намагається зрозуміти, як це технічно можливо.

✓ Іконки і опис методів доставки та оплати
На вкладці «Іконки методів» кожному способу доставки та оплати можна задати свою іконку і короткий опис. Це те, що клієнт побачить у карточці методу на сторінці оформлення. Іконки шляхом до файлу з папки image/, описи 3-мовні. Плюс іконки з правил Shipping Rules підтягуються теж.
⚠ Без цього: у списку способів лише текстовий рядок «oc_box_ph_liqpay», що взагалі не для клієнта.

✓ Інтеграція з PaymentHub, ShippingHub і Shipping Rules
Всі способи PaymentHub (LiqPay, Monobank, WayForPay, і решта дев’яти) відкриваються прямо на сторінці оформлення. Widget ShippingHub з пікером міста і відділення вбудовується у ваші поля адреси. Правила Shipping Rules працюють: приховані способи показуються як заглушки, свої способи оплати рендеряться як окремі картки, доплата оновлюється у підсумках одразу.
⚠ Без цього: три модулі, які між собою не розмовляють, і потрібно писати адаптери.

Ви повертаєте покинуті кошики і бачите продажі в GA4

✓ Покинуті кошики
Прапорець «Відстежувати покинуті кошики» вмикає збір даних про покупців, які почали оформлення (ввели email або телефон), але не завершили. Окрема вкладка в адмінці показує список: email, телефон, ім’я, сума кошика, дата. Менеджер може передзвонити чи написати. Автозбереження форми (24 години) допомагає покупцю продовжити з того ж місця, якщо він повернувся.
⚠ Без цього: клієнт кинув оформлення, ви не знаєте ні його email, ні його телефон, ні його кошик.

✓ GA4 Ecommerce покупки
Прапорець «GA4 Ecommerce події» надсилає стандартну подію purchase у Google Analytics 4 з переліком товарів, сумою і валютою замовлення. Валюта береться саме з валюти замовлення (не з поточної валюти покупця), тому звіти в GA4 узгоджені. Якщо у вас увімкнено OcBox Analytics Remarketing, GA4 SmartOrder мовчить, щоб не було подвійного трекінгу.
⚠ Без цього: у GA4 event purchase не відправляється взагалі, або відправляється в поточній валюті замість валюти замовлення.

Технічні деталі

• Одна сторінка оформлення, з живими підсумками, купоном, ваучером, GDPR, посиланнями на юридичні сторінки.
• Купити в 1 клік з картки товару (модал), захист від зловживання, кнопка сховано на товарах з обов’язковими опціями.
• Матриця «Доставка × Оплата» окремою вкладкою, підтримка підметодів (перевізник × тип, наприклад Нова Пошта / Відділення).
• Гостьовий чекаут + реєстрація в один клік з автологіном.
• Довільні дод. поля покупця (text, textarea, select, checkbox), запис у коментар замовлення.
• Google Places автозаповнення, intl-tel-input бібліотека телефону, маска телефону.
• Date picker дати доставки, select часових інтервалів, вибір месенджера.
• Покинуті кошики з пагінацією, автозбереження форми на 24 години.
• GA4 Ecommerce purchase event, узгоджений з валютою замовлення, не конфліктує з OcBox Analytics.
• Іконки і 3-мовні описи для кожного способу доставки та оплати.
• Інтеграція з PaymentHub, ShippingHub, Shipping Rules (публічний API).
• Мобільна оптимізація, живе AJAX-оновлення сумарного блоку, автовибір першої доступної картки.
• OCMOD ставиться файлом, без записів у базу модифікацій.

Працює разом з іншими модулями оформлення OcBox

Модулі розраховані на спільну роботу. ShippingHub не дає створити ТТН, поки PaymentHub не підтвердив оплату. Shipping Rules вирішує, які доставки й оплати бачить покупець. SmartOrder збирає все це на одній сторінці оформлення. При цьому кожен модуль працює і окремо, на стандартному оформленні OpenCart.

• OcBox PaymentHub: усі українські онлайн і офлайн оплати, статус «Оплачено» ставиться сам, повернення коштів з картки замовлення.
• OcBox ShippingHub: Нова Пошта, Укрпошта, Meest і Rozetka Delivery, ТТН з картки замовлення і статуси доставки без ручної роботи.
• OcBox Shipping Rules: правила показу доставок і оплат, тарифи за вагою і сумою кошика, доплати.

Сумісність

• OpenCart 3.0.x та ocStore 3.0.x
• PHP 7.4+
• ionCube Loader: потрібен (версія 14 або вище)
• Інтеграція з іншими модулями OcBox (PaymentHub, ShippingHub, Shipping Rules) з коробки.

Робочого файла модуля на форумі немає, тут описова сторінка. Кожна збірка компілюється індивідуально під ваш домен, тому доступ до завантаження надається після оплати. Напишіть в особисті повідомлення і вкажіть домен, версію PHP і версію ionCube Loader.

ionCube Loader: зверніть увагу!
Модуль закодований ionCube Encoder 15. Для роботи потрібен ionCube Loader версії 14 або вище. Якщо у вас на хостингу встановлений Loader 13.x або нижче, модуль не запуститься.

Купуючи зараз, ви отримуєте повний доступ до односторінкового оформлення, кнопки «Купити в 1 клік», покинутих кошиків, GA4-подій і всіх виправлень протягом року. Кожна нова версія оголошується у вкладці «Журнал змін» на форумі.

Продовження ліцензії на оновлення

У вартість модуля вже входить рік оновлень. Далі продовження за тією ж ціною щорічно, щоб отримувати нові версії. Якщо не продовжувати, модуль продовжує працювати як і раніше, просто без нових версій. Клієнти, які придбали до впровадження продовжень, зберігають умови на дату покупки. Продовження не включає повторну ionCube-компіляцію, установку та персональні консультації.

Регламент видачі файлів модуля

У робочі дні в робочий час файл модуля передається покупцеві протягом доби з моменту оплати, як правило менш ніж за годину. У вихідні дні та офіційні (державні) свята можливі затримки, модуль буде надісланий з настанням найближчого робочого дня. Дякуємо за розуміння.

Рекомендовані платні модулі OcBox

Smart Related $30 — пов’язані товари	SEO FAQ AI $30 — AI FAQ + Schema.org	AI Product Editor $50 — масове редагування
Image Pro $15 — WebP, водяний знак	Filter $30 — розумний фільтр + SEO	Category Manager $15 — візуальний менеджер категорій
AI Smart Search $200 — AI-пошук з синонімами	AI Chat $100 — AI-консультант 24/7	AI Photo Studio $50 — AI-обробка фото
PaymentHub $80 — хаб оплат	ShippingHub $80 — хаб доставок	ShippingRules $30 — правила доставки
AI Megareports $20 — звіти й Telegram-дайджест	Product Bundles $30 — комплекти і набори	Simple Super Search $15 — нечіткий пошук без Sphinx

Підписуйтесь на наш канал: t.me/ocboxchannel