Skip to main content
El Modal de Soporte de Mellowtel es un modal no intrusivo que anima a los usuarios a apoyar tu extensión o sitio web a través de la extensión Support with Mellowtel.

Requisitos Previos

Antes de usar el modal, asegúrate de tener Mellowtel Elements configurado en tu proyecto:

Integración de Extensión

Configuración para extensiones de navegador

Integración de Sitio Web

Configuración para sitios web usando NPM o CDN

Características Clave

  • Multiplataforma - Funciona en sitios web y scripts de contenido de extensiones
  • Posponer Inteligente - Los usuarios pueden posponer por 1 semana, 2 semanas, o desactivar permanentemente
  • Almacenamiento de Chrome - Usa la API de almacenamiento de Chrome cuando está disponible, de lo contrario, usa localStorage
  • Shadow DOM - Aislamiento de estilos para evitar conflictos con los estilos de la página anfitriona
  • Responsive para Móviles - Optimizado para todos los tamaños de pantalla
  • Detalles de Extensión - Obtiene y muestra automáticamente el nombre y el ícono de la extensión

Creando el Modal

Una vez que tengas Mellowtel Elements inicializado (ver guías de integración arriba), puedes crear y mostrar el modal de soporte:

Uso Básico

Ejemplos de Uso

En Scripts de Contenido

En Sitios Web

Visualización Condicional

Referencia de API

createModal(inviteId, title?, body?)

Crea y muestra el modal de soporte. Parámetros:
  • inviteId (string, requerido): Identificador único para rastrear interacciones con el modal
  • title (string, opcional): Título personalizado del modal (por defecto “Support with Mellowtel”)
  • body (string, opcional): Texto personalizado del cuerpo del modal
Devuelve: Promise<void>

Comportamiento del Modal

Opciones de Posponer

Los usuarios pueden elegir entre tres opciones de posponer:
  • 1 semana: El modal no aparecerá durante 7 días
  • 2 semanas: El modal no aparecerá durante 14 días
  • Desactivar: El modal nunca volverá a aparecer