Онлайн-заказ на своём сайте

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

Что нужно для запуска#

• Владелец или менеджер с доступом к настройкам выбранной точки; для установки кода — доступ к вашему сайту.
• Опубликованная витрина и меню, если принимаете заказ по ссылке или в режиме «Своя витрина». Для кнопок поверх своего каталога подготовьте страницы с названиями и ценами.
• Включённый приём заказов, доставка или самовывоз и подходящий способ оплаты. Для проверки достаточно самовывоза и оплаты при получении.
• Открытые «Заказы» у сотрудника, который примет заказ; если работает кухня — настроенный кухонный экран.

Где настраивается#

Откройте Маркетинг → «Мой сайт» → «Онлайн-заказ». Страница «Мой сайт» находится по адресу /embed, хаб онлайн-заказа — /embed/order. Выберите нужную точку: её настройки собраны в шести раскрывающихся секциях.

Чипы в блоке «Состояние настроек» показывают, например, «Заказы принимаются» или «Приём выключен», доступные способы получения и «Онлайн-оплата не подключена». Нажмите чип, чтобы раскрыть нужную секцию. Код установки — в справке «Мой сайт».

Рассмотреть экран

Ссылка для соцсетей и мессенджеров#

1. Откройте Маркетинг → «Сайты» и найдите нужную точку.
2. Нажмите «Копировать ссылку» у её публичного адреса.
3. Разместите ссылку в шапке профиля ВКонтакте, Instagram, Telegram или отправьте её гостю сообщением.

Гость откроет витрину этой точки и сможет собрать заказ, если приём заказов включён. Для такой ссылки код виджета на странице соцсети не нужен. Отдельного виджета ВКонтакте нет. Если нужен магазин внутри Telegram, см. Telegram.

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

Сканирование сайта#

Все режимы, кроме «своей витрины», работают по карте сайта: где на ваших страницах название товара, цена, изображение, родная кнопка покупки и родная корзина.

Карту строит сканер: укажите адрес и нажмите «Сканировать сайт» — обычно 1–3 минуты. Внутри:

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

По итогу видно: определённую платформу, число просканированных страниц, пример распознанного товара и раздельно — страницу товара и карточки каталога. Карта применяется кнопкой и сохраняется вместе с настройками виджета. Сайт изменился — просто пересканируйте.

Размещение кнопок и оформление#

Настраивается на макетах с живым превью — типичная страница товара и каталог:

• Кнопка на странице товара: под ценой, рядом с родной кнопкой сайта, плавающая внизу экрана или выключена (главный сценарий «полного перехвата» — своей кнопки нет, гость жмёт родную);
• Кнопка в карточке каталога: поверх карточки, под карточкой или выключена;
• Кнопка корзины: любой из четырёх углов экрана;
• Цвет кнопок и текст («В корзину», «Заказать», своё) — подпись можно задать отдельно для каждого языка вашего сайта.

Свои цены#

Отдельный тумблер: виджет пересчитывает цену вашего сайта в свою и показывает её гостю — на странице товара, в каталоге и в корзине.

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

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

Как гость оформляет заказ#

Ниже — сценарий на витрине точки, в том числе открытой в режиме «Своя витрина». В остальных режимах корзина поверх внешнего сайта может выглядеть иначе.

1. Добавьте блюда в корзину и нажмите «Оформить заказ». В блоке «Как вы хотите получить заказ?» выберите «Доставка» или «Самовывоз». Видны только включённые варианты; если доступен один, переключателя нет.

2. Под способом получения задайте время: «Как можно скорее» или «На время». Выбор времени появляется, только если в «Доставке и самовывозе» включено «Разрешить выбор времени доставки» или «Разрешить выбор времени самовывоза». Настроенные слоты предзаказа предлагаются вместо свободного выбора времени.
3. Заполните «Ваше имя» и «Номер телефона». Для доставки укажите «Адрес доставки»: введите его, нажмите «📍 Использовать моё местоположение» или «🗺 Указать точку на карте». На карте передвиньте маркер и нажмите «Подтвердить адрес». Если уже есть адреса в профиле, выберите один в блоке «Сохранённые адреса». Этаж, квартиру, подъезд и домофон впишите в «Комментарий курьеру» — отдельные поля для них не предусмотрены.

4. В блоке «Способ оплаты» выберите доступный вариант: «Наличными», «Картой при получении» или «Онлайн». Онлайн-оплата появляется при подключённом поддерживаемом провайдере; для неё гость переходит на защищённую страницу оплаты. На cenaly.ru онлайн-оплата реальными деньгами пока недоступна.

5. Если есть код скидки, откройте «Есть промокод?», введите его и нажмите «Применить». Проверьте итог. Вход для заказа не обязателен; списание бонусов доступно только после входа и при онлайн-оплате. Если показано поле e-mail, укажите адрес для писем о заказе.
6. Отправьте заказ кнопкой «Оформить заказ» и, если выбрали онлайн-оплату, завершите её у провайдера. Дождитесь «✓ Заказ принят». Если показано «Нет связи — заказ отправится автоматически», заказ ещё ждёт отправки: оставьте страницу открытой до восстановления связи.

7. На странице заказа следите за этапами: отправлен, принят, готовится, готов; у доставки — в пути и доставлен. Статус обновляется автоматически. Карта курьера появляется, когда для доставки доступны данные его местоположения; если связь потеряна, последняя позиция отмечается как устаревшая. На cenaly.ru живое отслеживание курьера на карте пока недоступно.

Проверочный заказ перед запуском#

Отдельного режима «тестовый заказ» нет. Проверка создаёт обычный заказ, поэтому предупредите сотрудников, чтобы его не готовили и не выдавали.

1. Заранее откройте «Заказы» нужной точки. Разрешите звук в браузере и включите оповещение о новых заказах: при первом открытии списка старые заказы не озвучиваются.
2. На своей витрине добавьте блюдо, выберите «Самовывоз», оплату «Наличными» или «Картой при получении» и оформите заказ. Дождитесь подтверждения и запомните номер.

3. Найдите карточку по номеру в «Заказах», проверьте состав, сумму и звуковое оповещение. Примите заказ и убедитесь, что он появился на настроенном кухонном экране. По умолчанию кухня получает гостевой заказ после принятия; точка может разрешить передачу до принятия.
4. Откройте «Отменить заказ», выберите причину «Тест/обучение» или впишите свою причину проверки. Не отмечайте проверочный заказ оплаченным и не завершайте его выдачей.

Отменённый заказ останется в списке отменённых. Штатного удаления проверочного заказа из всей истории и статистики нет; отмена исключает его из выручки, но сохраняет запись об отмене.

Онлайн-оплату проверяют отдельно в тестовом режиме подключённого платёжного провайдера. Это не превращает сам заказ в тестовый. Подробности — Оплата.

Что приходит гостю#

Если гость оставил e-mail, сообщения отправляются автоматически на языке заказа; если шаблона на этом языке нет, используется английский.

Своих настроек канала, текста и времени этих сообщений в панели пока нет. Поле e-mail гостя включается в секции «Оформление заказа»; это настройка сбора контакта, а не редактор уведомлений. SMS-уведомления о заказе пока не отправляются.

Напоминания о столике и записи относятся к другим сценариям: Бронирования и Запись на услуги. Просьба оставить отзыв настраивается отдельно в Маркетинг → «Сайты» → «Рассылки» → «Автоматизации» → «Как вам всё?».

Что происходит после заказа#

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

Кнопка «Сообщить о поступлении»#

Второй, отдельный тег того же виджета — для страницы распроданного товара на вашем сайте. Гость нажимает кнопку, оставляет почту, подтверждает её по ссылке из письма и получает одно письмо, когда товар вернулся в наличие; в письме с подтверждением рядом с «подтвердить» есть и «отказаться». Уведомления шлёт тот же механизм, что у подписки «сообщить о поступлении» на нашей витрине, — второго не заводится.

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

Что важно знать:

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

Ограничения#

• Сканер читает серверный HTML. Если каталог рисуется JavaScript-ом целиком, товарные страницы могут не найтись — тогда работает режим «Своя витрина».
• Товары в корзине берутся со страниц вашего сайта, а не из каталога в кабинете: название и цену виджет читает с самой страницы (и при необходимости пересчитывает по вашему правилу цен). Переносить каталог к нам ради этого не нужно — но и остатки в кабинете такие заказы не списывают.
• В корзине виджета можно выбрать оплату при получении или онлайн-оплату, если для локации настроен поддерживаемый провайдер. После создания заказа гость переходит на страницу провайдера; сам виджет данные карты не принимает. Если подготовить оплату не удалось, можно повторить её для уже созданного заказа.
• В режиме «Заменить кнопки» родные кнопки скрываются визуально; если на сайте есть другой путь к оформлению (например, прямая ссылка на чужую корзину), его нужно убрать самостоятельно — либо перейти в режим «Полный перехват», который такие переходы забирает себе.
• Один виджет относится к одной точке. Выбора города или точки сети внутри него пока нет; для каждой точки используйте её ссылку и код.
• Подтверждения телефона кодом нет. Число приборов и сумма «сдача с» не запрашиваются; отдельных полей подъезда, этажа и квартиры нет — используйте комментарий курьеру.
• Тестового режима заказа нет. Отмена сохраняет заказ в истории; гость не может сам отменить отправленный заказ с витрины. Кнопка «Отменить заказ» в чате только отправляет сообщение сотруднику.
• Канал, текст и время автоматических сообщений о заказе в панели не настраиваются. SMS-уведомления о заказе пока не отправляются.
• На cenaly.ru онлайн-оплата реальными деньгами пока недоступна. Проверка через тестовый магазин провайдера не означает готовность принимать живые платежи; для запуска используйте оплату при получении.

Устранение неполадок#

Частые вопросы#

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

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

Виджет сломает вёрстку? Кнопки вставляются в найденные места вашей разметки, оформление настраивается; корзина и оформление открываются поверх страницы и не трогают вашу вёрстку.

Как дать ссылку на заказ во ВКонтакте? В «Сайтах» скопируйте ссылку нужной точки и добавьте её в профиль или публикацию. Гость перейдёт в её витрину; отдельного виджета ВКонтакте нет.

Как сделать проверочный заказ? Оформите обычный самовывоз с оплатой при получении, проверьте карточку и кухню, затем отмените с причиной. Заказ останется в истории отменённых.

Почему гостю не пришло SMS? SMS-уведомления о заказе пока не отправляются. Статус виден на странице заказа; письма приходят при указанном e-mail.

Можно ли поставить один виджет на несколько точек? Нет: виджет связан с одной точкой. Для сети разместите отдельные ссылки на витрины точек.

Связанные разделы#

• Мой сайт — код установки и остальные виджеты
• Заказы — что происходит с заказом дальше
• Интернет-магазин — если нужна полноценная витрина
• Оплата — провайдеры и проверка онлайн-оплаты
• Telegram — магазин в мессенджере
• Бронирования и Запись на услуги — отдельные напоминания