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