Передумови
Перед використанням модального вікна переконайтеся, що у вашому проєкті налаштовані Mellowtel Elements:Інтеграція Розширення
Налаштування для розширень браузера
Інтеграція Вебсайту
Налаштування для вебсайтів за допомогою NPM або CDN
Основні Характеристики
- Кросплатформенність - Працює на вебсайтах і в скриптах контенту розширень
- Розумне Відкладання - Користувачі можуть відкласти на 1 тиждень, 2 тижні або вимкнути назавжди
- Сховище Chrome - Використовує API сховища Chrome, коли доступно, з поверненням до localStorage
- Shadow DOM - Ізоляція стилів запобігає конфліктам зі стилями сторінки хоста
- Мобільна Адаптивність - Оптимізовано для всіх розмірів екранів
- Деталі Розширення - Автоматично отримує та відображає ім’я та іконку розширення
Створення Модального Вікна
Після ініціалізації Mellowtel Elements (див. керівництва з інтеграції вище), ви можете створити та відобразити модальне вікно підтримки:Основне Використання
Приклади Використання
У Скриптах Контенту
На Вебсайтах
Умовне Відображення
Довідка по API
createModal(inviteId, title?, body?)
Створює та відображає модальне вікно підтримки.
Параметри:
inviteId(рядок, обов’язковий): Унікальний ідентифікатор для відстеження взаємодій з модальним вікномtitle(рядок, необов’язковий): Кастомний заголовок модального вікна (за замовчуванням “Support with Mellowtel”)body(рядок, необов’язковий): Кастомний текст модального вікна
Promise<void>
Поведінка Модального Вікна
Опції Відкладання
Користувачі можуть вибрати одну з трьох опцій відкладання:- 1 тиждень: Модальне вікно не з’являтиметься протягом 7 днів
- 2 тижні: Модальне вікно не з’являтиметься протягом 14 днів
- Вимкнути: Модальне вікно більше ніколи не з’явиться