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