# Настройка параметров шаблона In-App

Эти настройки применяются ко всему шаблону In-App целиком, а не к отдельному блоку.

## Настройка стилей для всего шаблона

Настройки шаблона управляют стилями для всего шаблона In-App: размером и фоном документа, внешним видом всплывающего окна и стилями блоков по умолчанию.

Откройте вкладку **Настройки** (Settings) на панели справа.

<img src="/rich-media-create-rich-media-in-the-built-in-editor-17.webp" alt="Вкладка «Настройки» с разделами «Документ», «Цветовая схема», «Типографика», «Всплывающее окно» и стилями по умолчанию" width="320"/>

Доступные разделы:

*   **Документ (Document):** ширина, отступы, фоновое изображение, промежуток между блоками и радиус скругления углов для изображений по умолчанию.
*   **Цветовая схема (Color scheme):** именованные цветовые роли (заголовок, акцент, ссылки, фон, границы и т.д.), которые позволяют мгновенно перекрасить весь шаблон. В существующих блоках сохраняются цвета, которые вы уже задали явно.
*   **Типографика (Typography):** семейство шрифтов и размеры для текста в шаблоне по умолчанию.
*   **Всплывающее окно (Popup):** как сообщение располагается на затемненном фоне: радиус скругления углов, а также цвет и непрозрачность наложения.
*   **Значения по умолчанию для блоков (Block defaults):** общие начальные стили для блоков, которые вы добавите позже, чтобы новый контент соответствовал шаблону, пока вы не переопределите стиль блока на холсте.
*   **Значения по умолчанию для колонок (Columns defaults):** интервалы для каждого макета с колонками: внешние отступы, отступы внутри каждой колонки и промежуток между колонками.
*   **Значения по умолчанию для карточек (Card defaults):** начальный вид для контейнеров-карточек, которые группируют контент в макете; применяется до тех пор, пока вы не зададите стиль для отдельной карточки.
*   **Значения по умолчанию для групп кнопок (Button group defaults):** интервалы и выравнивание, когда несколько кнопок расположены вместе в виде группы.
*   **Значения по умолчанию для кнопок (Button defaults):** начальный вид для новых блоков кнопок, чтобы призывы к действию (CTA) оставались единообразными во всем шаблоне, пока вы не зададите стиль для отдельной кнопки.
*   **Значения по умолчанию для разделителей (Divider defaults):** начальный стиль линии, цвет, толщина и ширина для новых блоков-разделителей.

Значения по умолчанию применяются везде, где они не переопределены настройками отдельного блока.

<Aside type="note">
Настройки высоты нет. Всплывающее окно увеличивается в зависимости от его содержимого. Для полноэкранного сообщения установите **Ширину** (Width) в **Настройках** (Settings) и выберите **На весь экран** (Fullscreen) в **Настройках In-App** (In-app settings).
</Aside>

## Настройка внешнего вида In-App на устройстве

**Настройки In-App** (In-app settings) управляют тем, как сообщение отображается и ведет себя на устройстве: положение, анимация, жесты смахивания и кнопка закрытия. Эти настройки применяются только для нативных iOS и Android.

Нажмите **Настройки In-App** (In-app settings) на верхней панели.

<img src="/rich-media-create-rich-media-in-the-built-in-editor-18.webp" alt="Кнопка «Настройки In-App» на верхней панели редактора между кнопками «Отменить», «Повторить» и «Сохранить»"/>

### Положение на экране

Выберите **На весь экран** (Fullscreen), **Вверху** (Top), **По центру** (Center) или **Внизу** (Bottom).

<img src="/rich-media-create-rich-media-in-the-built-in-editor-48.webp" alt="Настройки In-App: опции «Положение на экране» — «На весь экран», «Вверху», «По центру», «Внизу»"/>

### Анимация

*   **Анимация появления (Present Animation)** / **Анимация закрытия (Close Animation):** Нет (None), Появление (Fade), Слева (Left), Справа (Right), Вверх (Up), Вниз (Down) или По умолчанию (Default), чтобы использовать значение по умолчанию из SDK вашего приложения.
*   **Длительность анимации (мс):** от 100 до 3000 миллисекунд. Оставьте поле пустым, чтобы использовать время по умолчанию из SDK.

<img src="/rich-media-create-rich-media-in-the-built-in-editor-49.webp" alt="Настройки In-App: поля «Анимация появления», «Анимация закрытия» и «Длительность анимации»"/>

<Aside type="note">
**Нет** (None) и **Появление** (Fade) в настоящее время работают на Android. На iOS сообщение появляется и исчезает мгновенно (выравнивание скоро появится).
</Aside>

### Закрытие смахиванием

Включите любую комбинацию: Влево (Left), Вправо (Right), Вверх (Up) и Вниз (Down).

<img src="/rich-media-create-rich-media-in-the-built-in-editor-50.webp" alt="Настройки In-App: опции «Закрытие смахиванием» — «Влево», «Вправо», «Вверх» и «Вниз»"/>

### Кнопка закрытия

Включите или выключите опцию **Показывать кнопку закрытия** (Show close button).

Если опция включена, задайте:

*   **Положение (Position):** Справа вверху (Top right), Слева вверху (Top left), Справа внизу (Bottom right) или Слева внизу (Bottom left).
*   **Фон (Background):** цветной или **Прозрачный** (Transparent).
*   **Радиус скругления углов (Corner radius):** скругляет углы фона кнопки закрытия. Доступно, только если **Фон** (Background) цветной (не **Прозрачный**). Установите значение от 0 до 16 пкс: 16 пкс создает круг (по умолчанию), 0 пкс — квадрат.
*   **Цвет иконки (Icon Color):** цвет иконки закрытия.
*   **Отступ (Margin):** пространство вокруг кнопки закрытия с каждой стороны (**Сверху (Top)**, **Справа (Right)**, **Снизу (Bottom)**, **Слева (Left)**).

<img src="/rich-media-create-rich-media-in-the-built-in-editor-51.webp" alt="Настройки In-App: опция «Показывать кнопку закрытия» с параметрами «Положение», «Фон», «Радиус скругления углов», «Цвет иконки» и «Отступ»"/>

В отличие от других опций в **Настройках In-App** (In-app settings), стиль кнопки закрытия сохраняется в самом сообщении. Он отображается на всех платформах, а не только на нативных iOS и Android.

Нажмите **Применить** (Apply), чтобы сохранить изменения, или **Отмена** (Cancel), чтобы их отменить. Откройте **Предпросмотр** (Preview), чтобы проверить положение, анимацию и кнопку закрытия перед сохранением.