# Редактор интерфейсов (Interface Editor): настройка кнопки и вебфрейма (Web Frame)

<p class="callout info">В статье раскрыта тема «Редактор интерфейсов (Interface Editor): настройка кнопки и вебфрейма (Web Frame)».</p>

---

### ![Слой «Кнопка»](https://secure.usedesk.ru/upload/gimages/168944/2025_01_28/a1thKtv2ZNxl.png)Слой «Кнопка»

Cлой «Кнопка» предназначен для размещения на экране кнопок. Кнопка включает в себя 2 сгруппированных слоя «Медиа-содержимое» (с типами «пустой слой» или «Медиа-слой»), для каждого из которых можно указать собственные настройки, и зону реакции:

- Up – состояние кнопки по умолчанию;
- Over – состояние при наведении указателя мышки на кнопку или ее нажатии в touch-интерфейсе;
- Hit – зона реакции.

При добавлении слоя можно сразу выбрать изображение для его оформления (для оформления кнопки).

![При добавлении слоя можно сразу выбрать изображение для его оформления (для оформления кнопки)](https://secure.usedesk.ru/upload/gimages/168944/2025_01_28/aYMkl1ffR89z.png)

Cлой обеспечивает возможность переключения на другой тип слоя – «Медиа-содержимое» (с типами «пустой слой» или «Медиа-слой»).

Перед выполнением нижеперечисленных действий добавьте слой «Кнопка» и выберите его на экране (сцене).

Для переключения типа слоя на медиа-содержимое:

1. Нажмите название слоя и выберите значение «Контейнер».![Нажмите название слоя и выберите значение «Контейнер»](https://secure.usedesk.ru/upload/gimages/168944/2025_01_28/sh2eRIDhUn2t.png)/
2. Тип слоя будет изменен.
3. Нажмите кнопку «ОК» или «Применить» для сохранения внесенных изменений.

Для настройки слоя «Кнопка»:

1. Выберите слой состояния.![Выберите слой состояния](https://secure.usedesk.ru/upload/gimages/168944/2025_01_28/IxbL7uNaE3OJ.png)
2. Внесите изменения по аналогии со слоем «Медиа-содержимое» (типы «пустой слой» или «Медиа-слой»).
3. Для одновременного перемещения всех слоев группы на экране, воспользуйтесь кнопкой перетаскивания.![Для одновременного перемещения всех слоев группы на экране, воспользуйтесь кнопкой перетаскивания](https://secure.usedesk.ru/upload/gimages/168944/2025_01_28/laxJw0mexaGo.png)
4. Нажмите кнопку «ОК» или «Применить» для сохранения внесенных изменений.

---

### Вебфрейм![Нажмите кнопку «ОК» или «Применить» для сохранения внесенных изменений](https://secure.usedesk.ru/upload/gimages/168944/2025_01_28/bhlOlfTZnnrU.png)

Слой «Вебфрейм» предназначен для размещения на экране веб-содержимого или HTML-кода.

![Слой «Вебфрейм» предназначен для размещения на экране веб-содержимого или HTML-кода](https://secure.usedesk.ru/upload/gimages/168944/2025_01_28/AjcqDguwETAq.png)

Перед выполнением нижеперечисленных действий добавьте слой «Вебфрейм» (Web Frame) и выберите его на экране (сцене).

#### Конфигурация слоя «Вебфрейм»:

1. В поле «Тип» укажите способ адресации веб-содержимого: «URL», если веб-содержимое размещено на веб-сервере, или «HTML код» в противном случае.![Перед выполнением нижеперечисленных действий добавьте слой «Вебфрейм» (Web Frame) и выберите его на экране (сцене)](https://secure.usedesk.ru/upload/gimages/168944/2025_01_28/nhepoMFTq0A7.png)  
    При выборе в поле «Тип» способа адресации «URL», в поле «URL:» введите URL-адрес веб-содержимого. Есть возможность задавать URL индивидуально для каждой точки вещания, подробнее см. ниже в разделе «Дополнительные атрибуты».![Перед выполнением нижеперечисленных действий добавьте слой «Вебфрейм» (Web Frame) и выберите его на экране (сцене)](https://secure.usedesk.ru/upload/gimages/168944/2025_01_28/HdmpO86eUKyV.png)  
    При выборе в поле «Тип» способа адресации «HTML код», в поле «Код:» введите HTML-код страницы, которая должна быть отображена в слое.![Перед выполнением нижеперечисленных действий добавьте слой «Вебфрейм» (Web Frame) и выберите его на экране (сцене)](https://secure.usedesk.ru/upload/gimages/168944/2025_01_28/Z4UVpJWWYuoT.png)
2. Установите флажок «Прозрачный фон» для включения эффекта прозрачности слоя\*.![Установите флажок «Прозрачный фон» для включения эффекта прозрачности слоя](https://secure.usedesk.ru/upload/gimages/168944/2025_01_28/1zN3KFZDiQ4s.png)\* доступно не для всех движков.
3. В поле «Движок» выберите движок для отображения веб-содержимого:
    - Системный (веб-браузер операционной системы точки вещания);
    - Windows/Linux x86\_64 Chromium;
    - BETA (Windows)Chrome.

![BETA (Windows)Chrome](https://secure.usedesk.ru/upload/gimages/168944/2025_11_19/xzahh7yeBMXM.png)

Обратите внимание: в названии каждого движка присутствует операционная(ые) система(ы) для которых он предназначен. В случае открытия шаблона на устройстве с операционной системой, отличающейся от поддерживаемой операционной системой выбранного вами движка будет использован «Системный» движок.

Дополнительно есть возможность настроить следующие параметры:

![Дополнительно есть возможность настроить следующие параметры](https://secure.usedesk.ru/upload/gimages/168944/2025_11_19/8ADW6iRgNtEx.png)

- «Разрешить открывать ссылки». Используйте для того, чтобы разрешить/запретить переход по любым ссылкам.
- <span style="white-space: pre-wrap;">«Разрешить поддомены». Используйте для того, чтобы разрешить/запретить переход по внутренним ссылкам (поддоменам, связанным с текущим URL). Например при выключении данной функции, если в поле URL было введено </span>[http://yandex.ru](http://yandex.ru/)<span style="white-space: pre-wrap;"> переход на </span>[http://mail.yandex.ru](http://mail.yandex.ru/)<span style="white-space: pre-wrap;"> осуществить будет невозможно.</span>
- «Разрешить другие домены». Используйте для того, чтобы разрешить/запретить переход по внешним ссылкам, не связанным с текущим URL.
- и др.

<span style="white-space: pre-wrap;">В поле «Вид» можно выбрать одно из доступных значений (Только контент – отображать только веб-содержимое; Контрольная панель – отображать веб-содержимое с элементами управления браузера) </span>**Примечание: доступно только для движка**<span style="white-space: pre-wrap;"> </span>**«Системный».\_\_**![и др](https://secure.usedesk.ru/upload/gimages/168944/2025_01_28/B5O7pMttjjvg.png)

В поле «Обновление» можно установить периодичность обновления данных по введенному адресу.

![В поле «Обновление» можно установить периодичность обновления данных по введенному адресу](https://secure.usedesk.ru/upload/gimages/168944/2025_01_28/G5cJxy6sUofh.png)

Нажмите кнопку «ОК» или «Применить» для сохранения внесенных изменений. Либо нажмите «Отмена» для выхода из режима редактирования компонента без сохранения.

![В поле «Обновление» можно установить периодичность обновления данных по введенному адресу](https://secure.usedesk.ru/upload/gimages/168944/2025_01_28/nWUp182B6vwI.png)

#### Дополнительные атрибуты:

Если URL содержит динамическую часть, уникальную для устройства или группы устройств, укажите в поле URL атрибут устройства. Сначала создайте нужный атрибут в настройках платформы, затем назначьте его устройству в личном кабинете. Вебфрейм использует значение атрибута, чтобы открыть соответствующий URL. Нажмите на + справа от поля URL![Нажмите на + справа от поля URL](https://secure.usedesk.ru/upload/gimages/168944/2025_01_28/OIHiVXpzvJcq.png)

В выпадающем списке выберите добавленный атрибут.![В выпадающем списке выберите добавленный атрибут](https://secure.usedesk.ru/upload/gimages/168944/2025_01_28/SGmxK2OINnA4.png)

При воспроизведении шаблона на Плеере в поле URL будет подставляться значение из атрибута, указанного в настройках устройства, на котором производится воспроизведение. Нажмите кнопку «ОК» или «Применить» для сохранения внесенных изменений. Либо нажмите «Отмена» для выхода из режима редактирования компонента без сохранения.