Онлайн-заказ на своём сайте
Виджет «Онлайн-заказ» добавляет приём заказов на сайт, который у вас уже есть. Ничего переносить и переверстывать не нужно: виджет читает страницы вашего сайта, ставит на них кнопки «В корзину» и ведёт корзину и оформление заказа поверх вашей вёрстки.
Где: Маркетинг → «Мой сайт» → карточка «Онлайн-заказ» → шестерёнка. Код установки — общий для всех виджетов, см. Мой сайт.
Четыре режима работы#
| Режим | Что видит посетитель | Когда выбирать |
|---|---|---|
| Своя витрина | Кнопка «Заказать»; по клику открывается ваша витрина с меню и корзиной поверх страницы | Сайт-визитка, лендинг, блог — товаров на страницах нет |
| Поверх сайта | Наши кнопки «В корзину» прямо в вашей вёрстке — на карточке товара и в каталоге, корзина в углу экрана | На сайте уже есть каталог товаров, но нет приёма заказов (или он неудобный) |
| Заменить кнопки | То же плюс родные кнопки «купить» и корзина сайта скрыты | Хотите, чтобы все заказы шли только через нас |
| Полный перехват | Сайт выглядит нетронутым: кнопки остаются родными, но их нажатие уводит товар в нашу корзину, переход в корзину сайта открывает нашу, а счётчики и суммы показывают наши числа | Витрина уже хорошо свёрстана — менять её вид не хочется, а заказы и цены должны быть нашими |
Сканирование сайта#
Все режимы, кроме «своей витрины», работают по карте сайта: где на ваших страницах название товара, цена, изображение, родная кнопка покупки и родная корзина.
Карту строит сканер: укажите адрес и нажмите «Сканировать сайт» — обычно 1–3 минуты. Внутри:
- Пресеты платформ — готовый набор селекторов есть для восьми платформ: WooCommerce, Shopify, Magento, PrestaShop, Bitrix, InSales, Tilda, OpenCart. Сканер узнаёт по отпечатку ещё Ecwid, Squarespace и Wix, но пресета для них нет — карта строится ИИ-разбором;
- ИИ-разбор вёрстки — для самописных сайтов и нестандартных тем;
- Проверка каждого найденного селектора на реальных страницах; данные сверяются с микроразметкой товара. Непроверенный селектор в карту не попадает — лучше меньше кнопок, чем кнопка не на том месте.
По итогу видно: определённую платформу, число просканированных страниц, пример распознанного товара и раздельно — страницу товара и карточки каталога. Карта применяется кнопкой и сохраняется вместе с настройками виджета. Сайт изменился — просто пересканируйте.
Размещение кнопок и оформление#
Настраивается на макетах с живым превью — типичная страница товара и каталог:
- Кнопка на странице товара: под ценой, рядом с родной кнопкой сайта, плавающая внизу экрана или выключена (главный сценарий «полного перехвата» — своей кнопки нет, гость жмёт родную);
- Кнопка в карточке каталога: поверх карточки, под карточкой или выключена;
- Кнопка корзины: любой из четырёх углов экрана;
- Цвет кнопок и текст («В корзину», «Заказать», своё) — подпись можно задать отдельно для каждого языка вашего сайта.
Свои цены#
Отдельный тумблер: виджет пересчитывает цену вашего сайта в свою и показывает её гостю — на странице товара, в каталоге и в корзине.
- Базовое правило для всех товаров: процент, надбавка в валюте, ограничения «не ниже / не выше» и округление (до целого, хвост …9, копейки .99, ровные десятки …0, кратно 10/50/100).
- Точечные переопределения по адресу страницы, названию или артикулу: своя цена, своё правило, другое название в корзине или «снят с продажи» — тогда кнопка не ставится.
- Опции показа: старая цена зачёркнутой рядом с новой, подпись вроде «цена по акции», своя подпись валюты, дополнительные места с ценами (липкая панель, блок «похожие товары»). Перерисовку цен прямо в разметке сайта можно и выключить: гость увидит цену сайта, а в корзину уедет ваша.
- В кабинете есть превью «было → стало» на образце цены с вашего сайта.
⚠️ Перезапись визуальная: бэкенд вашего сайта о новой цене не знает. Поэтому свои цены имеют смысл вместе с перехватом заказа — иначе гость, нажавший уцелевшую родную кнопку, оформит заказ по старой цене мимо вас. В режиме «Полный перехват» свои цены включены по умолчанию, а админка предупреждает, если вы включили их без перехвата.
Что происходит после заказа#
Гость складывает товары в корзину, открывает её и оформляет заказ — имя, телефон, доставка или самовывоз с адресом, комментарий. Заказ приходит в раздел «Заказы» кабинета, наравне с заказами витрины, кассы и агрегаторов: те же статусы, уведомления, печать и передача на кухню. Отдельного «инбокса виджета» нет. Каждая строка заказа приходит со ссылкой на ту страницу вашего сайта, откуда её положили в корзину, — оператору видно, что именно заказали.
Всё остальное про онлайн-заказ настраивается там же, в модалке виджета: она устроена как аккордеон с секциями «Виджет на вашем сайте», «Приём заказов», «Доставка и самовывоз», «Оплата», «Оформление заказа» и «Фискализация чеков» — те же формы, что и в соответствующих разделах кабинета, собранные в одном месте.
Ограничения#
- Сканер читает серверный HTML. Если каталог рисуется JavaScript-ом целиком, товарные страницы могут не найтись — тогда работает режим «Своя витрина».
- Товары в корзине берутся со страниц вашего сайта, а не из каталога в кабинете: название и цену виджет читает с самой страницы (и при необходимости пересчитывает по вашему правилу цен). Переносить каталог к нам ради этого не нужно — но и остатки в кабинете такие заказы не списывают.
- Оплата в корзине виджета — при получении. Онлайн-оплата картой работает на нашей витрине; если она нужна, используйте режим «Своя витрина».
- В режиме «Заменить кнопки» родные кнопки скрываются визуально; если на сайте есть другой путь к оформлению (например, прямая ссылка на чужую корзину), его нужно убрать самостоятельно — либо перейти в режим «Полный перехват», который такие переходы забирает себе.
Устранение неполадок#
Кнопок «В корзину» на сайте нет.
- Тег не найден — нажмите «Проверить установку» в разделе «Мой сайт». «Кода нет» — тег не вставлен или стоит не на всех страницах шаблона; «код другой локации» — в теге чужой
data-domain. Тег вставляет Google Tag Manager — проверка его не увидит, смотрите сайт глазами. - Изменения не доехали — файлы виджетов раздаются через CDN с кэшем 5 минут: подождите и обновите страницу с очисткой кэша.
- Карта сайта не построена или не применена — в режимах, кроме «своей витрины», кнопки ставятся по карте: просканируйте сайт и примените результат.
- Сканер не нашёл товарные страницы — он читает серверный HTML; если каталог рисуется JavaScript-ом целиком, переключитесь на режим «Своя витрина».
- Кнопка на странице товара выключена в настройках размещения — так и задумано в сценарии «полного перехвата», где гость нажимает родную кнопку сайта.
Кнопка корзины пропала. Проверьте выбранный угол экрана в настройках размещения; если включена мультикнопка и в её веере есть пункт «Заказать», собственная кнопка виджета гасится намеренно.
Кнопки встали не туда или пропали после обновления сайта. Вёрстка изменилась — нажмите «Пересканировать»: настройки размещения при этом сохранятся.
Цены на странице не поменялись. Перерисовку цен прямо в разметке сайта можно отключить настройкой — тогда гость видит цену сайта, а в корзину уезжает ваша. Проверьте также, что правило цен включено и что для этого товара нет точечного переопределения.
Гость оформил заказ на сайте, а заказа нет в кабинете. Скорее всего, заказ ушёл мимо нас — через уцелевшую родную кнопку или прямую ссылку на корзину сайта. Это лечится режимом «Заменить кнопки» или «Полный перехват».
В заказе не та цена. Перезапись цен визуальная: бэкенд вашего сайта о ней не знает. Свои цены имеет смысл включать только вместе с перехватом заказа — иначе часть заказов оформится по старой цене мимо вас.
Связанные разделы#
- Мой сайт — код установки и остальные виджеты
- Заказы — что происходит с заказом дальше
- Интернет-магазин — если нужна полноценная витрина
Частые вопросы#
Нужно ли переносить каталог к вам? Нет. Виджет работает с товарами прямо на страницах вашего сайта — названия и цены он читает оттуда. Каталог в кабинете нужен, если хотите складской учёт, аналитику по позициям и нашу витрину: перенести можно импортом по адресу сайта или файлом — см. AI-импорт каталога и Интернет-магазин.
Что если сайт изменился? Нажмите «Пересканировать» — карта обновится, настройки размещения сохранятся.
Виджет сломает вёрстку? Кнопки вставляются в найденные места вашей разметки, оформление настраивается; корзина и оформление открываются поверх страницы и не трогают вашу вёрстку.