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

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

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

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

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

Вкладка «Настройки» с разделами «Документ», «Цветовая схема», «Типографика», «Всплывающее окно» и стилями по умолчанию

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

Документ: ширина, отступы, фоновое изображение, промежуток между блоками и радиус скругления углов по умолчанию для изображений. В редакторе in-app под отступами есть поле Боковые отступы (px), которое задаёт боковые поля попапа.
Цветовая схема: именованные цветовые роли (заголовок, акцент, ссылки, фон, границы и т.д.), которые позволяют перекрасить весь шаблон сразу. Существующие блоки сохраняют цвета, которые вы уже задали явно. Включите Вариант для темного режима, чтобы задать отдельные цвета для темной версии шаблона.
Типографика: семейство шрифтов и размеры по умолчанию для текста в шаблоне.
Всплывающее окно: как сообщение располагается на затемненном фоне: радиус скругления углов, а также цвет и непрозрачность наложения.
Стили блоков по умолчанию: общие начальные стили для блоков, которые вы добавите позже, чтобы новый контент соответствовал шаблону, пока вы не переопределите стиль блока на холсте.
Стили колонок по умолчанию: интервалы для каждого макета с колонками: внешние отступы, отступы внутри каждой колонки и промежуток между колонками.
Стили карточек по умолчанию: начальный вид для контейнеров-карточек, которые группируют контент в макете; применяется до тех пор, пока вы не зададите стиль для отдельной карточки.
Стили группы кнопок по умолчанию: интервалы и выравнивание, когда несколько кнопок расположены вместе в виде группы.
Стили кнопок по умолчанию: начальный вид для новых блоков кнопок, чтобы призывы к действию (CTA) были единообразными во всем шаблоне, пока вы не зададите стиль для отдельной кнопки.
Стили разделителей по умолчанию: начальный стиль линии, цвет, толщина и ширина для новых блоков разделителей.

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

Вариант для темного режима поддерживается в iOS и Web SDK; Android отображает только светлый вариант. Шаблоны, сохраненные до появления этой функции, имеют только светлый вариант — откройте и пересохраните шаблон, чтобы добавить вариант для темного режима. Фоновые и обложечные изображения с цветом, встроенным в сам файл, не перекрашиваются для темного режима; используйте прозрачное изображение или отдельное изображение для темного режима, если это необходимо.

В редакторе in-app ширина Документа называется Макс. ширина (px), это потолок, а не реальная ширина на экране. Реальная ширина равна ширине экрана минус боковые поля попапа; подпись под полем показывает получившуюся эффективную ширину. Поля задаются полем Боковые отступы (px) сразу под Отступами в том же разделе: оно пишет одно симметричное значение в обе стороны, а отрицательное значение зажимается в 0. Новые in-app шаблоны стартуют с 36 px, из-за чего попап занимает около 80% ширины экрана; измените поле, чтобы это изменить. В редакторе email поля отступов нет, а то же поле ширины называется Ширина (px) и задаёт ширину напрямую.

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

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

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

Кнопка «Настройки In-App» в верхней панели редактора между кнопками «Отменить», «Повторить» и «Сохранить»

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

Выберите На весь экран, Вверху, По центру или Внизу.

Анимация

Анимация появления / Анимация закрытия: Нет, Затухание, Слева, Справа, Вверх или Вниз, или По умолчанию, чтобы использовать значение по умолчанию из SDK вашего приложения.
Длительность анимации (мс): от 100 до 3000 миллисекунд. Оставьте поле пустым, чтобы использовать время по умолчанию из SDK.

Смахнуть, чтобы закрыть

Включите любую комбинацию: Слева, Справа, Вверх и Вниз.

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

Включите или выключите опцию Показывать кнопку закрытия.

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

Положение: Вверху справа, Вверху слева, Внизу справа или Внизу слева.
Фон: цвет или Прозрачный.
Радиус скругления углов: скругляет углы фона кнопки закрытия. Доступно, только если для Фона выбран цвет (а не Прозрачный). Установите значение от 0 до 16 пикселей: 16 пикселей создают круг (по умолчанию), 0 пикселей — квадрат.
Цвет иконки: цвет иконки закрытия.
Отступ: пространство вокруг кнопки закрытия с каждой стороны (Сверху, Справа, Снизу, Слева).

Настройки In-App: опция «Показывать кнопку закрытия» с настройками «Положение», «Фон», «Радиус скругления углов», «Цвет иконки» и «Отступ»

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

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