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