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 modaltitle(string, opcional): Título personalizado del modal (por defecto “Support with Mellowtel”)body(string, opcional): Texto personalizado del cuerpo del modal
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