Как настроить стиль попапа

Вы можете настроить внешний вид попапа в соответствии со стилем вашего сайта. Используйте палитру цветов, форму элементов, фон и размеры, чтобы сохранить единую визуальную идентичность.

Стили применяются ко всем параметрам элементов. Также можно задать их индивидуально для каждого элемента. Для этого перейдите в настройки выбранного элемента.

Чтобы перейти к настройкам стиля попапа, нажмите соответствующую иконку страницы в левом верхнем углу.

Внешний вид элементов попапа можно изменить по следующим параметрам:

Тип попапа (Pop-up type)	Определяет положение попапа на странице и способ его взаимодействия с контентом.
Положение (Position)	Изменяет расположение попапа на странице относительно края экрана. Применяется для типа Стандартный, Горизонтальный и Виджет мессенджеров. Другие типы будут располагаться по центру экрана.
Ширина (Width)	Изменяет ширину попапа. Вы можете перетащить регулятор или указать значение в пикселях.
Внутренний отступ (Inner padding)	Изменяет внутренний отступ элементов в попапе. Вы можете перетащить регулятор или указать значение в пикселях.
Стиль (Style)	Изменяет цвет элементов попапа. Выберите цветовую схему — белая, тёмная или цветная. Она распространяется на чекбокс, иконки в форме NPS и все типы кнопок в попапе. Выберите цвет в иконке. Он распространяется на чекбокс, иконки в форме NPS и все типы кнопок в попапе.
Фоновое изображение (Background image)	Изменяет фон попапа на картинку. Она распределяется по всему периметру попапа и не влияет на добавленные элементы, такие как Изображение или Обложка. Нажмите Загрузить изображение и выберите картинку из файлового менеджера. Вы также можете сгенерировать изображение с помощью ИИ. Для этого нажмите на иконку в правой части кнопки.
Размер полей (Field size)	Изменяет размер всех элементов в попапе. Доступные опции: малый (S), средний (M) и большой (L).
Приветственное сообщение (Welcome message)	Добавляет текстовое сообщение, которое будет появляться после показа попапа. Вы можете настроить время задержки показа сообщения. Применяется только для типа Виджет мессенджеров.
Форма (Shape)	Определяет форму элементов попапа — круглая или квадратная. При выборе квадратной формы вы также можете настроить радиус скругления углов. Применяется только для типа Виджет мессенджеров.
Иконка закрытия	Определяет внешний вид иконки закрытия. Нажмите Настройки (Settings) и выберите стиль иконки, цвет, размер в пикселях, положение слева или справа и размещение относительно самого попапа: полностью в пределах виджета, частично за пределами или полностью за пределами окна.

Также вы можете настроить анимацию при появлении и закрытии попапа.

Обновлено: 11.06.2025

Оцените, насколько полезна статья "Как настроить стиль попапа"

Оценка: 4 / 5 (5)

Популярное в нашем блоге

Как настроить стиль попапа

Начните пользоваться сервисом SendPulse прямо сегодня