Skip to main content
Модальное окно поддержки Mellowtel — это ненавязчивое модальное окно, которое побуждает пользователей поддержать ваше расширение или веб-сайт через расширение Support with Mellowtel.

Предварительные требования

Перед использованием модального окна убедитесь, что 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 дней
  • Отключить: Модальное окно больше никогда не появится