Онлайн-замовлення на власному сайті

Віджет «Онлайн-замовлення» додає приймання замовлень на сайт, який у вас уже є. Нічого переносити й переверстувати не потрібно: віджет читає сторінки вашого сайту, ставить на них кнопки «До кошика» і веде кошик та оформлення замовлення поверх вашої верстки.

Де: Маркетинг → «Мій сайт» → картка «Онлайн-замовлення» → шестерня. Код встановлення — спільний для всіх віджетів, див. Мій сайт.

Чотири режими роботи#

Режим	Що бачить відвідувач	Коли обирати
Власна вітрина	Кнопка «Замовити»; за кліком відкривається ваша вітрина з меню та кошиком поверх сторінки	Сайт-візитка, посадкова сторінка, блог — товарів на сторінках немає
Поверх сайту	Наші кнопки «До кошика» прямо у вашій верстці — на картці товару та в каталозі, кошик у куті екрана	На сайті вже є каталог товарів, але немає приймання замовлень (або воно незручне)
Замінити кнопки	Те саме плюс рідні кнопки «купити» та кошик сайту приховані	Хочете, щоб усі замовлення йшли тільки через нас
Повний перехват	Сайт виглядає незміненим: кнопки залишаються рідними, але їхнє натискання веде товар до нашого кошика, перехід до кошика сайту відкриває наш, а лічильники й суми показують наші числа	Вітрина вже добре зверстана — змінювати її вигляд не хочеться, а замовлення й ціни мають бути нашими

Сканування сайту#

Усі режими, крім «власної вітрини», працюють за картою сайту: де на ваших сторінках назва товару, ціна, зображення, рідна кнопка купівлі та рідний кошик.

Карту будує сканер: укажіть адресу й натисніть «Сканувати сайт» — зазвичай 1–3 хвилини. Усередині:

Пресети платформ — готовий набір селекторів є для восьми платформ: WooCommerce, Shopify, Magento, PrestaShop, Bitrix, InSales, Tilda, OpenCart. Сканер розпізнає за відбитком ще Ecwid, Squarespace і Wix, але пресета для них немає — карта будується ІІ-розбором;
ІІ-розбір верстки — для самописних сайтів і нестандартних тем;
Перевірка кожного знайденого селектора на реальних сторінках; дані звіряються з мікророзміткою товару. Неперевірений селектор до карти не потрапляє — краще менше кнопок, ніж кнопка не на тому місці.

За підсумком видно: визначену платформу, кількість просканованих сторінок, приклад розпізнаного товару та окремо — сторінку товару й картки каталогу. Карта застосовується кнопкою і зберігається разом із налаштуваннями віджета. Сайт змінився — просто перескануйте.

Розміщення кнопок і оформлення#

Налаштовується на макетах із живим прев'ю — типова сторінка товару та каталог:

Кнопка на сторінці товару: під ціною, поруч із рідною кнопкою сайту, плаваюча внизу екрана або вимкнена (головний сценарій «повного перехвату» — своєї кнопки немає, гість натискає рідну);
Кнопка в картці каталогу: поверх картки, під карткою або вимкнена;
Кнопка кошика: будь-який із чотирьох кутів екрана;
Колір кнопок і текст («До кошика», «Замовити», свій) — підпис можна задати окремо для кожної мови вашого сайту.

Власні ціни#

Окремий перемикач: віджет перераховує ціну вашого сайту у свою й показує її гостю — на сторінці товару, у каталозі та в кошику.

Базове правило для всіх товарів: відсоток, надбавка у валюті, обмеження «не нижче / не вище» та округлення (до цілого, хвіст …9, копійки .99, рівні десятки …0, кратно 10/50/100).
Точкові перевизначення за адресою сторінки, назвою або артикулом: своя ціна, своє правило, інша назва в кошику або «знято з продажу» — тоді кнопка не ставиться.
Опції показу: стара ціна закресленою поруч із новою, підпис на кшталт «ціна за акцією», свій підпис валюти, додаткові місця з цінами (липка панель, блок «схожі товари»). Перемальовування цін прямо в розмітці сайту можна й вимкнути: гість побачить ціну сайту, а в кошик поїде ваша.
У кабінеті є прев'ю «було → стало» на зразку ціни з вашого сайту.

⚠️ Перезапис візуальний: бекенд вашого сайту про нову ціну не знає. Тому власні ціни мають сенс разом із перехватом замовлення — інакше гість, який натиснув уцілілу рідну кнопку, оформить замовлення за старою ціною повз вас. У режимі «Повний перехват» власні ціни увімкнені за замовчуванням, а адмінка попереджає, якщо ви увімкнули їх без перехвату.

Що відбувається після замовлення#

Гість складає товари в кошик, відкриває його й оформлює замовлення — ім'я, телефон, доставка або самовивіз з адресою, коментар. Замовлення надходить до розділу «Замовлення» кабінету, нарівні із замовленнями вітрини, каси та агрегаторів: ті самі статуси, повідомлення, друк і передача на кухню. Окремого «інбоксу віджета» немає. Кожен рядок замовлення надходить із посиланням на ту сторінку вашого сайту, звідки його поклали в кошик, — оператору видно, що саме замовили.

Усе інше про онлайн-замовлення налаштовується там само, у модалці віджета: вона влаштована як акордеон із секціями «Віджет на вашому сайті», «Приймання замовлень», «Доставка та самовивіз», «Оплата», «Оформлення замовлення» і «Фіскалізація чеків» — ті самі форми, що й у відповідних розділах кабінету, зібрані в одному місці.

Кнопка «Повідомити про надходження»#

Другий, окремий тег того самого віджета — для сторінки розпроданого товару на вашому сайті. Гість натискає кнопку, залишає пошту, підтверджує її за посиланням із листа й отримує один лист, коли товар повернувся в наявність; у листі з підтвердженням поруч із «підтвердити» є і «відмовитися». Сповіщення надсилає той самий механізм, що й у підписки «повідомити про надходження» на нашій вітрині, — другого не заводиться.

Як підключити: у вікні налаштувань онлайн-замовлення відкрийте картку «🔔 Повідомити про надходження», виберіть товар і, якщо є, варіант зі свого опублікованого каталогу — генератор збере код. На сторінці товару розмістіть кнопку з атрибутом data-cenaly-stock="<товар>" (готовий приклад — у тій самій картці) і один раз вставте тег stock/v1.js. Запускач важить менше кілобайта і вміє рівно одне — дочекатися кліку; форма підписки, словники й надсилання приїжджають окремим файлом уже за дією гостя.

Що важливо знати:

Товар прив'язується вручну. Чужий каталог ми не зіставляємо й залишки з чужої сторінки не читаємо: «повернувся в наявність» — це наявність у вашому каталозі в нас, те саме, що бачить наша вітрина. Товар, якого немає в опублікованому каталозі локації, кнопка не прийме.
Підписка підтверджується поштою (double opt-in): до кліку за посиланням листа про надходження не надходять.
Підписка не резервує товар. Сповіщення надсилається при поверненні в наявність у нашому каталозі. У поточній версії одна пошта враховується один раз для товару: повторна підписка на інший варіант того самого товару не замінює вже вибраний варіант.
За строгого CSP лише з nonce форма підписки поки не відкриється без додаткового дозволу скриптів CDN або відповідної політики 'strict-dynamic': подробиці — у «Мій сайт».
Це не єдиний тег. Кнопку «Повідомити про надходження» єдиний завантажувач «Мого сайту» не піднімає — у неї свій тег і своя розмітка на сторінці, бо стоїть вона тільки там, де ви її поставили.

Обмеження#

Сканер читає серверний HTML. Якщо каталог малюється JavaScript-ом цілком, товарні сторінки можуть не знайтися — тоді працює режим «Своя вітрина».
Товари в кошику беруться зі сторінок вашого сайту, а не з каталогу в кабінеті: назву й ціну віджет читає із самої сторінки (і за потреби перераховує за вашим правилом цін). Переносити каталог до нас заради цього не потрібно — але й залишки в кабінеті такі замовлення не списують.
У кошику віджета можна вибрати оплату при отриманні або онлайн-оплату, якщо для локації налаштований підтримуваний провайдер. Після створення замовлення гість переходить на сторінку провайдера; сам віджет дані картки не приймає. Якщо підготувати оплату не вдалося, можна повторити її для вже створеного замовлення.
У режимі «Замінити кнопки» рідні кнопки ховаються візуально; якщо на сайті є інший шлях до оформлення (наприклад, пряме посилання на чужий кошик), його потрібно прибрати самостійно — або перейти в режим «Повний перехват», який такі переходи забирає собі.

Усунення неполадок#

Кнопок «В кошик» на сайті немає.

Тег не знайдено — натисніть «Перевірити встановлення» в розділі «Мій сайт». «Коду немає» — тег не вставлено або стоїть не на всіх сторінках шаблону; «код іншої локації» — у тегу чужий data-domain. Тег вставляє Google Tag Manager — перевірка його не побачить, дивіться сайт очима.
Зміни не доїхали — файли віджетів роздаються через CDN з кешем 5 хвилин: зачекайте й оновіть сторінку з очищенням кешу.
Карту сайту не побудовано або не застосовано — у режимах, крім «своєї вітрини», кнопки ставляться за картою: проскануйте сайт і застосуйте результат.
Сканер не знайшов товарних сторінок — він читає серверний HTML; якщо каталог малюється JavaScript-ом цілком, перемкніться на режим «Своя вітрина».
Кнопку на сторінці товару вимкнено в налаштуваннях розміщення — так і задумано в сценарії «повного перехвату», де гість натискає рідну кнопку сайту.

Кнопка кошика зникла. Перевірте вибраний кут екрана в налаштуваннях розміщення; якщо ввімкнено мультикнопку і в її віялі є пункт «Замовити», власна кнопка віджета гаситься навмисно.

Кнопки стали не туди або зникли після оновлення сайту. Верстка змінилася — натисніть «Пересканувати»: налаштування розміщення при цьому збережуться.

Ціни на сторінці не змінилися. Перемальовування цін прямо в розмітці сайту можна вимкнути налаштуванням — тоді гість бачить ціну сайту, а в кошик їде ваша. Перевірте також, що правило цін увімкнено і що для цього товару немає точкового перевизначення.

Гість оформив замовлення на сайті, а замовлення немає в кабінеті. Найімовірніше, замовлення пішло повз нас — через уцілілу рідну кнопку або пряме посилання на кошик сайту. Це лікується режимом «Замінити кнопки» або «Повний перехват».

У замовленні не та ціна. Перезапис цін візуальний: бекенд вашого сайту про нього не знає. Свої ціни має сенс вмикати тільки разом із перехватом замовлення — інакше частина замовлень оформиться за старою ціною повз вас.

Пов'язані розділи#

Мій сайт — код встановлення та інші віджети
Замовлення — що відбувається із замовленням далі
Інтернет-магазин — якщо потрібна повноцінна вітрина

Часті запитання#

Чи потрібно переносити каталог до вас? Ні. Віджет працює з товарами прямо на сторінках вашого сайту — назви та ціни він читає звідти. Каталог в обліковому записі потрібен, якщо хочете складський облік, аналітику за товарами та нашу вітрину: перенести можна імпортом за адресою сайту або файлом — див. AI-імпорт каталогу та Інтернет-магазин.

Що якщо сайт змінився? Натисніть «Пересканувати» — карта оновиться, налаштування розміщення збережуться.

Віджет зламає верстку? Кнопки вставляються в знайдені місця вашої розмітки, оформлення налаштовується; кошик і оформлення відкриваються поверх сторінки й не чіпають вашу верстку.