# Создание шаблона со сценарием Pop up

<p class="callout info">В статье раскрыта тема «Создание шаблона со сценарием Pop up».</p>

---

### Настройка сценария

Для создания шаблона со следующим сценарием: проигрывание основного контента, при появлении лица перед камерой начинается проигрывание другой группы контента с всплывающим Pop up. При удалении лица из обзора камеры проигрывание контента возвращается на стартовый компонент.

![Настройка сценария](https://secure.usedesk.ru/upload/gimages/168944/2025_09_04/XyzS1Kl3rmyD.jpg)

Шаги по созданию шаблона:

1\. Добавить компонент Interface editor (2 штуки)

2\. Добавить контроллер Face

3\. Настроить стартовый компонент - переход на контроллер "Face", добавить медиагалерею и настроить место размещения контента

![3. Настроить стартовый компонент - переход на контроллер "Face", добавить медиагалерею и настроить место размещения контента](https://secure.usedesk.ru/upload/gimages/168944/2025_09_04/TvL9VmNJnSrf.jpg)

4\. Настроить механику перехода на компонент с поп-апом: добавить событие в контроллер Face и заполнить необходимые параметры (пол/возраст). Также добавить переход на второй компонент Interface Editor

![3. Настроить стартовый компонент - переход на контроллер "Face", добавить медиагалерею и настроить место размещения контента](https://secure.usedesk.ru/upload/gimages/168944/2025_09_04/sulPQumPUxMm.jpg)

5\. Для того чтобы появилась возможность добавления виджета "Персональные предложения", необходимо в настройках Designer Адвантедж включить параметр «Специальные и бета возможности». Для этого перейти в раздел Правка – Настройки – Общие, в появившемся окне активировать «Специальные и бета возможности»:

![3. Настроить стартовый компонент - переход на контроллер "Face", добавить медиагалерею и настроить место размещения контента](https://secure.usedesk.ru/upload/gimages/168944/2025_09_04/XFKx4AG4u0IK.png)

6\. Добавить слой «Персональные предложения» в компонент Interface Editor. Разместить его на сцене;

Задайте параметры:

![Задайте параметры](https://secure.usedesk.ru/upload/gimages/168944/2025_09_04/mcvdOasGSKtW.png)

- "Zones" - установите нужное количество зон. Их количество зависит от того, сколько одновременно на одном экране должно отображаться персональных предложений. Для одного лица отображается одно предложение;
- Разрешение одной зоны в пикселях;
- "Min Face ration" - соотношение площади лица к площади кадра. Указывается в процентах, где 100 процентов - это лицо, которое занимает весь кадр. Настройка позволяет отсечь реакцию на лица, которые находятся далеко.

Также настройте слой Media Gallery с проигрыванием контента по умолчанию:

![Также настройте слой Media Gallery с проигрыванием контента по умолчанию](https://secure.usedesk.ru/upload/gimages/168944/2025_09_04/W2Jr1Q7nEzH8.jpg)

7\. Настроить возврат на стартовый компонент.

После внесения всех настроек сохраните и загрузите шаблон на платформу.