M cenaly.ru
🧩 Виджеты для вашего сайта

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

Кнопки «В корзину» и оформление заказа поверх вашего существующего сайта

Документация

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

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

Где: Маркетинг → «Мой сайт» → карточка «Онлайн-заказ» → шестерёнка. Код установки — общий для всех виджетов, см. Мой сайт.


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

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

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

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

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

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

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


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

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

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

Свои цены#

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

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

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


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

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

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


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

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

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

Кнопок «В корзину» на сайте нет.

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

Кнопка корзины пропала. Проверьте выбранный угол экрана в настройках размещения; если включена мультикнопка и в её веере есть пункт «Заказать», собственная кнопка виджета гасится намеренно.

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

Цены на странице не поменялись. Перерисовку цен прямо в разметке сайта можно отключить настройкой — тогда гость видит цену сайта, а в корзину уезжает ваша. Проверьте также, что правило цен включено и что для этого товара нет точечного переопределения.

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

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


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


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

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

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

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