[{"data":1,"prerenderedAt":505},["ShallowReactive",2],{"docs-article-\u002Fdocs\u002Fsite-builder\u002Fservice-blocks":3,"docs-all":251},{"id":4,"title":5,"body":6,"category":239,"categoryLabel":240,"description":241,"extension":242,"meta":243,"navigation":244,"order":245,"path":246,"pro":244,"seo":247,"stem":248,"updated":249,"__hash__":250},"docs\u002Fdocs\u002Fsite-builder\u002Fservice-blocks.md","Карточка товара, Кнопка заказа и служебные блоки",{"type":7,"value":8,"toc":227},"minimark",[9,13,17,22,30,35,48,53,72,76,79,84,95,100,120,124,131,136,144,148,151,154,158,161,164,168,171,175,186,190,193,204,207,211],[10,11,5],"h1",{"id":12},"карточка-товара-кнопка-заказа-и-служебные-блоки",[14,15,16],"p",{},"Кроме Hero, Меню и Контактов, в конструкторе есть 6 небольших служебных блоков. Они редко стоят «сами по себе», но помогают собирать продвинутые сценарии.",[18,19,21],"h2",{"id":20},"product-card-карточка-товара","Product Card (карточка товара)",[14,23,24,25,29],{},"Показывает ",[26,27,28],"strong",{},"одно конкретное блюдо"," крупно + текст + кнопку заказа.",[14,31,32],{},[26,33,34],{},"Когда нужен:",[36,37,38,42,45],"ul",{},[39,40,41],"li",{},"Лендинг под одну позицию («Сезонный боул, только до конца месяца»).",[39,43,44],{},"Хайлайт новинки в начале страницы.",[39,46,47],{},"Акция «Блюдо дня».",[14,49,50],{},[26,51,52],{},"Настройки:",[36,54,55,63,66,69],{},[39,56,57,58,62],{},"Какое блюдо показать (выбор из ",[59,60,61],"code",{},"\u002Fproducts",").",[39,64,65],{},"Текст-описание под карточкой (отличается от основного описания блюда).",[39,67,68],{},"Текст CTA-кнопки («Заказать», «Добавить в корзину»).",[39,70,71],{},"Размер карточки (compact \u002F full-width).",[18,73,75],{"id":74},"order-button-кнопка-заказа","Order Button (кнопка заказа)",[14,77,78],{},"Автономная большая кнопка, которая открывает корзину или ведёт сразу на оформление.",[14,80,81],{},[26,82,83],{},"Сценарии:",[36,85,86,89,92],{},[39,87,88],{},"На странице с описанием доставки — «Оформить заказ → в корзину».",[39,90,91],{},"В футере длинного лендинга — «Готовы? Заказать →».",[39,93,94],{},"В конце статьи про блюдо — «Попробовать».",[14,96,97],{},[26,98,99],{},"Действия:",[36,101,102,108,114],{},[39,103,104,107],{},[26,105,106],{},"Открыть корзину"," — показывает текущие позиции.",[39,109,110,113],{},[26,111,112],{},"Перейти к оформлению"," — сразу на чекаут (если корзина не пуста).",[39,115,116,119],{},[26,117,118],{},"Добавить в корзину конкретное блюдо"," — выбираете блюдо, жмёт → кладёт в корзину с дефолтными модификаторами.",[18,121,123],{"id":122},"categories-галерея-категорий","Categories (галерея категорий)",[14,125,126,127,130],{},"Сетка категорий из ",[59,128,129],{},"\u002Fcategories"," с картинками-обложками. Каждая категория → ссылка на раздел Меню.",[14,132,133],{},[26,134,135],{},"Когда:",[36,137,138,141],{},[39,139,140],{},"Большое меню (60+ позиций) — гость сначала выбирает раздел, потом блюда.",[39,142,143],{},"Многокультурная кухня: «Пицца», «Паста», «Десерты» как отдельные витрины.",[18,145,147],{"id":146},"cart-корзина","Cart (корзина)",[14,149,150],{},"Мини-корзина, которую можно встроить в произвольное место страницы (обычно блок Меню уже включает плавающую).",[14,152,153],{},"Нужен, если делаете multi-page сайт: отдельная страница «\u002Fcart».",[18,155,157],{"id":156},"checkout-оформление","Checkout (оформление)",[14,159,160],{},"Блок формы заказа: имя, телефон, способ оплаты, адрес доставки (если применимо).",[14,162,163],{},"Обычно автоматически создаётся на странице «\u002Fcheckout» при настройке доставки. Вручную ставить редко приходится.",[18,165,167],{"id":166},"search-поиск","Search (поиск)",[14,169,170],{},"Поле поиска по каталогу. Полезно для витрин с 80+ позициями.",[14,172,173],{},[26,174,52],{},[36,176,177,180,183],{},[39,178,179],{},"Placeholder текст («Искать в меню…», «Найти блюдо…»).",[39,181,182],{},"Поиск по названию \u002F описанию \u002F модификаторам.",[39,184,185],{},"Автодополнение.",[18,187,189],{"id":188},"рекомендации","Рекомендации",[14,191,192],{},"Для типичного QR-меню достаточно:",[36,194,195,198,201],{},[39,196,197],{},"Hero",[39,199,200],{},"Меню",[39,202,203],{},"(опционально) Контакты",[14,205,206],{},"Всё остальное — когда специфика требует. Не перегружайте первый лендинг: чем меньше блоков, тем выше конверсия в заказ.",[18,208,210],{"id":209},"следующие-шаги","Следующие шаги",[36,212,213,221],{},[39,214,215,220],{},[216,217,219],"a",{"href":218},"\u002Fdocs\u002Fsite-builder\u002Fcolor-palette","Цветовая палитра",".",[39,222,223,220],{},[216,224,226],{"href":225},"\u002Fdocs\u002Fsite-builder\u002Ffonts-buttons","Шрифты и стиль кнопок",{"title":228,"searchDepth":229,"depth":229,"links":230},"",2,[231,232,233,234,235,236,237,238],{"id":20,"depth":229,"text":21},{"id":74,"depth":229,"text":75},{"id":122,"depth":229,"text":123},{"id":146,"depth":229,"text":147},{"id":156,"depth":229,"text":157},{"id":166,"depth":229,"text":167},{"id":188,"depth":229,"text":189},{"id":209,"depth":229,"text":210},"site-builder",null,"Product Card, Order Button, Categories, Cart, Checkout, Search — когда и зачем ставить.","md",{},true,10,"\u002Fdocs\u002Fsite-builder\u002Fservice-blocks",{"title":5,"description":241},"docs\u002Fsite-builder\u002Fservice-blocks","2026-04-23","It5lL9cM4-bB-4_WYTqmQfZJp-LciAbjK-5MigkwJAo",[252,257,263,269,274,279,284,289,294,299,304,308,312,317,321,325,329,334,339,343,347,351,355,359,363,367,372,376,380,384,388,392,396,401,405,409,413,418,423,428,433,434,437,442,447,452,457,462,467,472,477,482,485,488,491,493,496,499,502],{"path":253,"title":254,"description":255,"category":239,"order":256,"pro":244},"\u002Fdocs\u002Fsite-builder\u002Ffrom-scratch","С нуля: витрина от и до","Полный сквозной маршрут по конструктору — от пустого шаблона до опубликованной витрины с каталогом, фирменным стилем, мобильной версией, QR-кодом и собственным доменом.",0,{"path":258,"title":259,"description":260,"category":261,"order":262,"pro":244},"\u002Fdocs\u002Fanalytics\u002Frevenue-average-check","Выручка и средний чек","\u002Freports — метрики выручки и ср. чека, графики по времени, сравнение периодов, Free vs Pro.","analytics",1,{"path":264,"title":265,"description":266,"category":267,"order":262,"pro":268},"\u002Fdocs\u002Fcatalog\u002Fadd-dish","Как добавить блюдо в меню","Пошагово — фото, цена, категория, модификаторы и опции. Что важно, а что можно пропустить.","catalog",false,{"path":270,"title":271,"description":272,"category":273,"order":262,"pro":244},"\u002Fdocs\u002Fdelivery\u002Fenable-delivery","Включить доставку и зоны","Настройка доставки, выбор между списком зон и полигонами на карте, минимальная сумма.","delivery",{"path":275,"title":276,"description":277,"category":278,"order":262,"pro":268},"\u002Fdocs\u002Ffaq\u002Ftroubleshooting","Чеклист — частые проблемы и как их решить","Не приходят заказы, не открывается QR-меню, гость не видит блюдо — 10 типичных ситуаций с решениями.","faq",{"path":280,"title":281,"description":282,"category":283,"order":262,"pro":268},"\u002Fdocs\u002Fgetting-started\u002Ffirst-login","Первый вход и создание заведения","Как зарегистрироваться в admin.misea.ru, добавить юрлицо и создать первую локацию за 5 минут.","getting-started",{"path":285,"title":286,"description":287,"category":288,"order":262,"pro":244},"\u002Fdocs\u002Floyalty\u002Fbonuses-cashback","Бонусы и кешбэк","\u002Floyalty — настройка начисления бонусов, правила списания, процент, лимиты.","loyalty",{"path":290,"title":291,"description":292,"category":293,"order":262,"pro":268},"\u002Fdocs\u002Forders\u002Forders-feed","Как читать ленту заказов","Статусы, фильтры, звуковые уведомления, чтобы ничего не пропустить.","orders",{"path":295,"title":296,"description":297,"category":298,"order":262,"pro":268},"\u002Fdocs\u002Fqr-tables\u002Ftables-and-locations","Столы и локации","Разница между локацией и столом, как добавить новую точку или новый QR-стол, что меняется при нескольких филиалах.","qr-tables",{"path":300,"title":301,"description":302,"category":303,"order":229,"pro":268},"\u002Fdocs\u002Fbilling\u002Fhow-to-pay-pro","Как оплатить Pro","Шаги оплаты через YooKassa, промокоды (−10%\u002F−20%), ежемесячная vs годовая подписка, чек.","billing",{"path":305,"title":306,"description":307,"category":267,"order":229,"pro":268},"\u002Fdocs\u002Fcatalog\u002Fcategories","Категории и подкатегории меню","Как сгруппировать блюда, задать порядок, скрыть категорию или сделать её пустой-заглушкой.",{"path":309,"title":310,"description":311,"category":273,"order":229,"pro":244},"\u002Fdocs\u002Fdelivery\u002Fpolygon-zones","Полигональные зоны на Яндекс.Картах","Рисование зон доставки в виде многоугольников, JS API ключ, автоопределение зоны по адресу гостя.",{"path":313,"title":314,"description":315,"category":316,"order":229,"pro":268},"\u002Fdocs\u002Fintegrations\u002Fiiko-setup","iiko — подключение шаг-за-шагом","Получение credentials iikoCloud, ввод в Misea, первая синхронизация, выбор терминала.","integrations",{"path":318,"title":319,"description":320,"category":288,"order":229,"pro":244},"\u002Fdocs\u002Floyalty\u002Fcustomer-card","Карточка клиента","\u002Fcustomers — история заказов, средний чек, избранные блюда, персональные заметки.",{"path":322,"title":323,"description":324,"category":293,"order":229,"pro":268},"\u002Fdocs\u002Forders\u002Fcancel-refund","Отмена и возврат заказа","Когда отменять, а когда делать возврат в YooKassa. Полный vs частичный возврат, шаги, типовые кейсы.",{"path":326,"title":327,"description":328,"category":298,"order":229,"pro":268},"\u002Fdocs\u002Fqr-tables\u002Fqr-codes","Как сгенерировать и распечатать QR-коды","Где взять QR-код для стола, какой размер распечатать, куда клеить и что увидит гость после сканирования.",{"path":330,"title":331,"description":332,"category":333,"order":229,"pro":268},"\u002Fdocs\u002Fstaff-schedule\u002Fshift-schedule","График смен","\u002Fschedule — добавление, перенос, замена смен, календарный вид, шаблоны.","staff-schedule",{"path":335,"title":336,"description":337,"category":303,"order":338,"pro":268},"\u002Fdocs\u002Fbilling\u002Fpro-expiration","Что происходит после окончания оплаты Pro","Grace-period 3 дня, что отключается сразу, что сохраняется навсегда, как восстановить Pro.",3,{"path":340,"title":341,"description":342,"category":267,"order":338,"pro":268},"\u002Fdocs\u002Fcatalog\u002Fmodifiers","Модификаторы — размеры, молоко, добавки","Как настроить варианты блюда с доплатой (S\u002FM\u002FL, растительное молоко, двойная порция) через шаблоны модификаторов.",{"path":344,"title":345,"description":346,"category":273,"order":338,"pro":244},"\u002Fdocs\u002Fdelivery\u002Fcourier-module","Курьерский модуль","Назначение заказов курьеру, статусы, Telegram-бот курьера, маршрутизация.",{"path":348,"title":349,"description":350,"category":283,"order":338,"pro":268},"\u002Fdocs\u002Fgetting-started\u002Fadmin-overview","Обзор админ-панели за 3 минуты","Карта всех разделов админки Misea — что где лежит, с чего начинать, куда смотреть ежедневно.",{"path":352,"title":353,"description":354,"category":316,"order":338,"pro":268},"\u002Fdocs\u002Fintegrations\u002Fiiko-troubleshooting","iiko — типичные ошибки","401\u002F403, конфликты SKU, несинхронизованные позиции, дубли модификаторов, задержка остатков.",{"path":356,"title":357,"description":358,"category":293,"order":338,"pro":268},"\u002Fdocs\u002Forders\u002Ftelegram-notifications","Уведомления о заказах в Telegram","Как подключить бота к чату персонала, кому приходят уведомления, что настраивается.",{"path":360,"title":361,"description":362,"category":239,"order":338,"pro":244},"\u002Fdocs\u002Fsite-builder\u002Fdraft-vs-published","Черновик vs публикация","Что сохраняется локально, что на сервере, что видят гости. Как работает автосохранение и кнопка «Опубликовать».",{"path":364,"title":365,"description":366,"category":333,"order":338,"pro":268},"\u002Fdocs\u002Fstaff-schedule\u002Ftimesheet-fot","Табель и ФОТ","\u002Ftimesheet — автоматический учёт часов, надбавки, закрытие периода, расчёт зарплаты.",{"path":368,"title":369,"description":370,"category":303,"order":371,"pro":268},"\u002Fdocs\u002Fbilling\u002Frefunds-plan-change","Возврат средств и смена тарифа","Политика возвратов, как перейти с месяца на год (или наоборот), когда возврат невозможен.",4,{"path":373,"title":374,"description":375,"category":267,"order":371,"pro":268},"\u002Fdocs\u002Fcatalog\u002Foptions","Опции блюда — острота, прожарка, без чего","Когда нужна опция, а когда модификатор. Как настроить варианты без доплаты.",{"path":377,"title":378,"description":379,"category":273,"order":371,"pro":244},"\u002Fdocs\u002Fdelivery\u002Fhours-minimums","Часы приёма заказов и минимальная сумма","Настройка времени приёма доставки, минимального чека зоны и локации, слот-расписание.",{"path":381,"title":382,"description":383,"category":283,"order":371,"pro":268},"\u002Fdocs\u002Fgetting-started\u002Finvite-colleague","Как пригласить коллегу в админку","Роли admin, manager, waiter, kitchen, courier — что каждый видит и может, как добавить нового сотрудника.",{"path":385,"title":386,"description":387,"category":316,"order":371,"pro":268},"\u002Fdocs\u002Fintegrations\u002Fyandex-maps-api-key","Яндекс.Карты — где взять JS API ключ","Регистрация на developer.tech.yandex.ru, получение ключа, привязка к домену, вставка в Misea.",{"path":389,"title":390,"description":391,"category":239,"order":371,"pro":244},"\u002Fdocs\u002Fsite-builder\u002Fhistory-undo","История изменений (Undo\u002FRedo)","12 снапшотов на страницу, Ctrl+Z и Ctrl+Shift+Z. Как откатить удалённый блок или неудачное редактирование.",{"path":393,"title":394,"description":395,"category":333,"order":371,"pro":244},"\u002Fdocs\u002Fstaff-schedule\u002Fhours-report","Отчёт по часам и ФОТ","\u002Freports\u002Fhours — план vs факт, переработки, стоимость часа, сравнение периодов.",{"path":397,"title":398,"description":399,"category":267,"order":400,"pro":268},"\u002Fdocs\u002Fcatalog\u002Fbulk-import","Массовый импорт меню из Excel","Формат файла, обязательные и опциональные поля, типичные ошибки при импорте 50+ позиций.",5,{"path":402,"title":403,"description":404,"category":283,"order":400,"pro":268},"\u002Fdocs\u002Fgetting-started\u002Fbrand-setup","Бренд — логотип, цвета, контакты","Где настроить название заведения, логотип, контактные данные и первичные цвета, которые подтянутся в QR-меню и на сайт.",{"path":406,"title":407,"description":408,"category":316,"order":400,"pro":268},"\u002Fdocs\u002Fintegrations\u002Ftelegram-bot-setup","Telegram — токен бота и привязка чата","BotFather, создание бота, токен, привязка персонала, уведомления о заказах.",{"path":410,"title":411,"description":412,"category":239,"order":400,"pro":244},"\u002Fdocs\u002Fsite-builder\u002Fhero-block","Блок Hero — баннер первого экрана","Заголовок, подзаголовок, фон-картинка, CTA-кнопка. Как сделать сильный первый экран, куда вести кнопку.",{"path":414,"title":415,"description":416,"category":239,"order":417,"pro":244},"\u002Fdocs\u002Fsite-builder\u002Fmenu-block","Блок Меню (каталог товаров)","Макеты сетка\u002Fсписок\u002Fкарточки, карточек в ряд, slider категорий, что прятать-показывать. Главный блок любой витрины.",6,{"path":419,"title":420,"description":421,"category":239,"order":422,"pro":244},"\u002Fdocs\u002Fsite-builder\u002Ftext-image-gallery","Блоки Текст, Изображение, Галерея","Markdown-редактор с жирным\u002Fкурсивом\u002Fпереносами, спецварианты (часы работы, скидки), галерея-список.",7,{"path":424,"title":425,"description":426,"category":239,"order":427,"pro":244},"\u002Fdocs\u002Fsite-builder\u002Fcontacts-block","Блок Контакты","Телефон, адрес, карта, соцсети. Как переопределить данные глобальных настроек для конкретной страницы или локации.",8,{"path":429,"title":430,"description":431,"category":239,"order":432,"pro":244},"\u002Fdocs\u002Fsite-builder\u002Fmap-block","Блок Карта","Автодополнение адреса через Яндекс-Nominatim, встройка карты, метки, масштаб.",9,{"path":246,"title":5,"description":241,"category":239,"order":245,"pro":244},{"path":225,"title":226,"description":435,"category":239,"order":436,"pro":244},"10 шрифтовых семейств, размер 12–24 px, скруглённые vs прямые кнопки, тени и rpadding.",12,{"path":438,"title":439,"description":440,"category":239,"order":441,"pro":244},"\u002Fdocs\u002Fsite-builder\u002Fanimated-backgrounds","Анимированные фоны (Pro)","60+ эффектов — кастомные, Vanta-ported, ReactBits-ported. Переопределение цветов, reduce motion, производительность.",13,{"path":443,"title":444,"description":445,"category":239,"order":446,"pro":244},"\u002Fdocs\u002Fsite-builder\u002Flayout-variant-padding","Подложки блоков и отступы","layout_variant — section \u002F block \u002F empty. Как сделать блок на всю ширину или в виде карточки. Padding, border-radius, max-width.",14,{"path":448,"title":449,"description":450,"category":239,"order":451,"pro":244},"\u002Fdocs\u002Fsite-builder\u002Fseo-meta","SEO — глобальные и страничные мета-теги","Site-SEO vs Page-SEO. Title, description, keywords. OG-превью для соцсетей. Рекомендуемая длина.",15,{"path":453,"title":454,"description":455,"category":239,"order":456,"pro":244},"\u002Fdocs\u002Fsite-builder\u002Flogo-favicon-nav","Логотип, фавикон, название сайта и навигация","Загрузка логотипа (до 10 МБ), фавикон, site_name, nav_links (catalog \u002F page \u002F category \u002F url).",16,{"path":458,"title":459,"description":460,"category":239,"order":461,"pro":244},"\u002Fdocs\u002Fsite-builder\u002Fmedia-library","Медиа-библиотека","Папки и файлы (JPG \u002F PNG \u002F WebP \u002F GIF \u002F SVG до 10 МБ), загрузка, вставка в любой блок, public URL.",17,{"path":463,"title":464,"description":465,"category":239,"order":466,"pro":244},"\u002Fdocs\u002Fsite-builder\u002Fmulti-location","Конструктор для сети ресторанов (per-location)","Глобальные vs per-location настройки, переключатель в toolbar, подтверждение при несохранённых изменениях.",18,{"path":468,"title":469,"description":470,"category":239,"order":471,"pro":244},"\u002Fdocs\u002Fsite-builder\u002Fresponsive-preview","Responsive preview (Desktop \u002F Mobile)","Live-iframe с postMessage, переключение 1200px ↔ 390px, почему важно проверять оба режима.",19,{"path":473,"title":474,"description":475,"category":239,"order":476,"pro":244},"\u002Fdocs\u002Fsite-builder\u002Fcustom-domain","Собственный домен и поддомен","Настройка custom domain, subdomain fallback, TLS-сертификат. DNS-записи, проверка.",20,{"path":478,"title":479,"description":480,"category":240,"order":481,"pro":268},"\u002Fdocs\u002Fbilling\u002Ffree-vs-pro","Free vs Pro — что входит в каждый тариф","[object Object]",100,{"path":483,"title":484,"description":480,"category":240,"order":481,"pro":268},"\u002Fdocs\u002Fgetting-started\u002Ftrial-period","Что такое trial и что будет через 7 дней",{"path":486,"title":487,"description":480,"category":240,"order":481,"pro":268},"\u002Fdocs\u002Fintegrations\u002Fiiko-overview","iiko — зачем нужна синхронизация",{"path":489,"title":490,"description":480,"category":240,"order":481,"pro":268},"\u002Fdocs\u002Fqr-tables\u002Fguest-experience","Что видит гость после сканирования QR",{"path":218,"title":492,"description":480,"category":240,"order":481,"pro":268},"Цветовая палитра — 7 слотов, primary и secondary",{"path":494,"title":495,"description":480,"category":240,"order":481,"pro":268},"\u002Fdocs\u002Fsite-builder\u002Finterface","Интерфейс конструктора — 3 панели и toolbar",{"path":497,"title":498,"description":480,"category":240,"order":481,"pro":268},"\u002Fdocs\u002Fsite-builder\u002Fintroduction","Что такое конструктор витрины и зачем он нужен",{"path":500,"title":501,"description":480,"category":240,"order":481,"pro":268},"\u002Fdocs\u002Fstaff-schedule\u002Fpositions-departments","Должности и отделы",{"path":503,"title":504,"description":480,"category":240,"order":481,"pro":268},"\u002Fdocs\u002Ftelegram-bot\u002Fwaiter-bot","Официант через Telegram-бот",1777025874962]