Restoplace
→
База знаний
→
Схема зала. Как создать?

Как создать схему зала в редакторе Restoplace

В Restoplace есть встроенный конструктор схемы зала. Для создания схемы зала, её надо сперва включить в настройках адреса заведения

В этой инструкции:

🔓 Где включить / выключить схему зала
🧭 Где находится редактор схемы зала
ℹ️ Как устроен редактор схемы зала
🪑 Вкладка «Столы» — как добавлять и изменять столы и другие бронируемые объекты на схему зала
🧱 Вкладка «Декор» — как добавить стены и декор на схеме зала
🗃️ Вкладка «Слои» — управление слоями
🧮 Мультивыделение и групповые операции
🔥 Горячие клавиши
🎨 Дизайн схемы зала, как изменить цветовое оформление
🤌 Примеры схем зала созданных в Restoplace

🔓 Где включить / выключить схему зала

На главном экране административной панели Restoplace:

Нажмите на адрес который нужно настроить. Вы попадёте в книгу резервов адреса
В правом верхнем углу нажмите кнопку «Настройки» и появится окно настроек
Во вкладке «Рабочая зона» настраивается вид рабочего пространства виджета у гостей и книги резервов хостес. Здесь можно включить / выключить схему зала у гостей и хостес, а также выбрать вкладку, которая будет открываться по умолчанию при входе в рабочую зона виджета, гостем или хостес

Где находятся настройки адреса

🧭 Где находится редактор схемы зала Restoplace

На главном экране административной панели Restoplace:

нажмите на адрес в котором хотите изменить схему
Войдите в режим редактирования нажав на «Редактор столов и дизайна», в правом верхнем углу
В редакторе переключитесь на схему (кнопки внизу), вы попадёте в редактор схемы зала Restoplace

ℹ️ Как устроен редактор схемы зала Рестоплейс

Верхняя панель — залы/этажи и режим редактирования

На верхней панели собраны элементы управления контекстом редактирования:

Выбор зала/этажа — переключатель (например, «Основной зал», «2 этаж»), чтобы редактировать нужный уровень схемы.
Управление залом — при нажатии на «три точки» можно перейти к редактированию зала, переместить его и скопировать зал со всеми столами и элементами
➕ Добавить зал/этаж — создание нового зала или этажа.
Выход из режима редактирования — кнопка «Выйти из редактирования», закрывает редактор.

Левая панель — вкладки и список элементов

Левая панель состоит из вкладок и списка элементов, которые можно разместить на схеме.

1️⃣ Вкладка «Столы» — здесь отображаются созданные столы и бронируемые объекты. Чтобы разместить объект на схеме, перетащите его из списка на рабочее поле.

2️⃣ Вкладка «Декор» — тут находятся элементы рисования и оформления схемы, которые помогают визуально описать помещение: создать стены, помещения, обозначения, текст и т.д.

3️⃣ Вкладка «Слои» — это список всех объектов на текущем этаже. Она помогает быстро находить и управлять элементами, особенно если они перекрывают друг друга.

Подробнее про все вкладки ниже в инструкции

Рабочее поле схемы (канва)

Центральная область — это поле редактирования схемы, где располагаются столы и декор.

Чтобы сдвинуть схему (панорамирование), зажмите левую кнопку мыши на пустом месте и двигайте мышью.
Клик по объекту выделяет его на схеме и открывает доступные действия (например, перемещение, поворот, изменение размеров, настройки).

Справа расположены элементы навигации по схеме:

Увеличить / уменьшить масштаб (кнопки +/-).
Показать схему по центру окна — быстрое центрирование, чтобы увидеть всю схему целиком.

Сохранение изменений

‼️ После правок обязательно нажимайте «Сохранить изменения», чтобы все изменения на схеме зала применились.

🪑 Вкладка «Столы» — как добавлять и изменять столы и другие бронируемые объекты на схему зала

Изначально столы / объекты создаются в режиме «Список» (кнопка внизу экрана). После этого они появляются на левой панели в режиме редактирования схемы и их можно перенести на схему — перетащив в зону редактирования схемы.

Также объекты можно создавать и в режиме редактирования схемы — нажав кнопку копирования ⿻, при этом стол так же появится в режиме «Список», т.к. столы на схеме и в списке связаны между собой.

Иконку стола / объекта можно изменить в режиме редактирования стола, как на схеме так и на списке, окно редактирования стола одинаково в любом из режимов.

Нажав на стол на схеме, появляются элементы управления: повернуть, скопировать, отредактировать данные и иконку стола, удалить со схемы (не полностью)

Если удалить стол крестиком на схеме, он не удалится полностью. Он только исчезнет со схемы, но останется доступен в режиме «Список». Поэтому проверяйте левую панель. Там могут оставаться столы, которые ещё не добавлены на схему. Чтобы удалить стол полностью, выделите стол и нажмите «карандаш». В открывшейся панели нажмите значок корзины

Для добавления иконки столу / объекту на схеме зала — выделите стол, нажмите на иконку редактирования «карандаш», в открывшемся слева окне редактирования стола нажмите добавить фото / иконку стола → «Создать иконку стола» и выберите иконку из готовых вариантов, либо создайте новую в конструкторе иконок. Посмотрите видео по редактированию иконок стола. Нажмите «Сохранить», так же не забывайте сохранять изменения на схеме зала зелёной кнопкой «Сохранить изменения»

Так же в окне редактирования стола можно: изменить тип объекта (стол, студ, дом, бильярд и т.д.), изменить номер, переместить в другой зал, указать вместимость, добавить фото и описание, настроить видимость для гостей и условия бронирования стола, выключить и удалить полностью.

🧱 Вкладка «Декор» — как добавить стены и декор на схеме зала в редакторе Restoplace

Сделайте схему зала понятнее – создайте стены, подложки/полы, покажите расположение входа, дверей, окон, лестниц, веранд, бара, сцены, уборной, VIP-залов и т.д. Для этого во вкладке «Декор» используйте инструменты рисования, фигуры, стрелки, текст, не бронируемую мебель и элементы декора.

Гибкие элементы рисования

Во вкладке «Декор» → «Рисование» доступен набор гибких графических инструментов для оформления схемы зала, их удобно использовать для создания стен помещений, подложек и т.д.:

Линия — отрезок от точки A до точки B с настраиваемой толщиной. Выберите инструмент, поставьте точку А и точку B на схеме. Можно задать толщину и цвет
Ломаная — полилиния из нескольких сегментов. Выберите инструмент и кликайте по схеме, чтобы ставить узловые точки; двойной клик или клавиша Enter завершают фигуру. Клик рядом с начальной точкой замыкает контур. Можно задать толщину, скругление углов и цвет.
Зона — произвольный многоугольник с фоновой заливкой и обводкой. Работает как Ломаная, но имеет ещё фон. Можно задать толщину обводки, скругление углов, цвет фона и цвет обводки.

Возможности нарисованных элементов:

Превью в реальном времени — при рисовании отображается пунктирная линия‑предпросмотр, начальная точка подсвечивается при приближении для замыкания контура.
Редактирование формы — на вершинах появляются контрольные точки; перетаскиванием можно менять форму. ПКМ по точке удаляет вершину, клик между вершинами добавляет новую.
Групповые операции — линии, ломаные и зоны участвуют в мультивыделении, копировании и выравнивании наравне с другими элементами.

Другие элементы декора

Используйте фигуры (прямоугольник, круг, треугольник, овал и т.д.) для обозначения колонн и других элементов. Для добавления на схему — перетащите с левой панели. Можно изменить цвет и другие параметры нажав на иконку «Карандаш»

Для декорирования схемы зала используйте: стрелки, не бронируемую мебель, телевизор, колонки, светильники, шторки, кусты, деревья и лестницы.

«Текст» используйте для подписи важных элементов, также в текст можно добавлять эмодзи.

Не забывайте сохранять внесённые изменения.

Элементы декора на схеме зала Рестоплейс

🗃️ Вкладка «Слои» — управление слоями

Во вкладке «Слои» отображаются все элементы схемы на текущем этаже: столы, фигуры, зоны и декоративные объекты. Это удобный «список слоёв», который помогает быстро находить и управлять отдельными элементами при сложной схеме.

Во вкладке слои сгруппированы по типам:

Столы — все столы и прочие объекты бронирования, размещённые на текущем этаже.
Декор — текст, мебель и декоративные элементы, которые не участвуют в бронировании.
Фигуры — линии, ломанные, зоны и базовые геометрические элементы (прямоугольники, многоугольники и т.п.), используемые для стен, подложек и блоков.

Клик по элементу в списке слоёв выделяет его на схеме. Это особенно полезно, когда элементы перекрывают друг друга и сложно попасть по нужному объекту напрямую на карте. Вы можете:

Быстро найти нужный элемент в длинном списке (например, стол с определённым номером или конкретную зону).
Выделять элементы для редактирования и изменять порядок слоёв перетаскиванием между слоями, либо горячими клавишами (Ctrl+[, Ctrl+], [, ])
Контролировать структуру схемы — видеть, сколько столов, фигур и зон уже размещено на текущем этаже.

🧮 Мультивыделение и групповые операции

При работе со схемой можно выделять и редактировать сразу несколько элементов:

Мультивыделение — Ctrl+Click добавляет/убирает элементы из выделения, Ctrl+A выделяет все элементы на текущем этаже. Выделенные элементы можно перемещать и вращать как группу.
Выделение сквозь перекрывающие элементы — если сделать Ctrl+Click по уже выделенному элементу, система ищет невыделенные элементы «под ним» и добавляет найденный в выделение. Если элементов под ним нет — работает как обычный Ctrl+Click (снимает выделение).
Выделение рамкой (лассо) — Ctrl + перетаскивание по пустому месту создаёт прямоугольник выделения. Все элементы, попадающие в рамку, автоматически выделяются. Визуально это голубая пунктирная рамка с полупрозрачным фоном.
Инструменты выравнивания — при мультивыделении под рамкой появляется тулбар с 8 кнопками выравниваний: по левому / правому / верхнему / нижнему краю, по центру горизонтально / вертикально; и кнопками распределения: по горизонтали и вертикали (равные промежутки между элементами, требуется ≥ 3 элемента).
Групповое копирование (Ctrl+C / Ctrl+V) — копирует выделенные элементы в буфер и вставляет их со смещением в центр видимой области. Поддерживаются интерьерные элементы (фигуры, текст, нарисованные элементы). Столы / объекты пропускаются, т.к. требуют отдельного серверного создания. Вставленные элементы сразу оказываются в мультивыделении.

🔥 Горячие клавиши редактора схемы зала

Полный список горячих клавиш можно открыть в редакторе наведясь на знак вопроса в левой панели. Основные сочетания:

Общие операции и выделение:

Ctrl+S — сохранить изменения на схеме.
Ctrl+A — выделить все элементы.
Ctrl+Click — добавить / убрать элемент из выделения.
Ctrl+перетаскивание — лассо‑выделение (выделение рамкой).
Escape — снять выделение; в режиме рисования — отменить текущее рисование (при пустом — выход из режима рисования).

Копирование и дублирование декора:

Ctrl+C — копировать декор.
Ctrl+V — вставить декор.
Ctrl+D — дублировать декор.

Отмена действий:

Ctrl+Z — отменить действие.
Ctrl+Y / Ctrl+Shift+Z — повторить отмененное действие.

Удаление и перемещение:

Delete / Backspace — удалить.
Стрелки ← → ↑ ↓ — переместить элемент на 5 px.
Shift + стрелки ← → ↑ ↓ — переместить элемент на 10 px.

Работа со слоями:

Ctrl+] — поднять элемент слоем выше.
Ctrl+[ — опустить элемент слоем ниже.
] — поднять элемент на самый верх.
[ — опустить элемент на самый низ.

Сетка и режим рисования:

Shift+' — скрыть / показать сетку.
Enter / двойной клик — завершить рисование ломаной или зоны.

🎨 Дизайн схемы зала, как изменить цветовое оформление

После создания схемы зала можно настроить её цветовое оформления в редакторе дизайна. Учтите что дизайн применяется только в виджете который устанавливается на вашем сайте и в соцсетях. А ваши сотрудники работая в Restoplace, будут видеть схему на чёрном фоне, занятые столы будут отображаться красным, а свободные зелёным.

Для редактирования дизайна на главном экране админки Restoplace нажмите на кнопку «Виджет для сайта» и далее на кнопку «Редактор дизайна». Мы показали в коротком видео как настраивается дизайн виджета:

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

Инструкция по установке виджета на сайт