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