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