Prérequis
Avant d’utiliser le modal, assure-toi d’avoir configuré Mellowtel Elements dans ton projet :Intégration Extension
Configuration pour les extensions de navigateur
Intégration Site Web
Configuration pour les sites web utilisant NPM ou CDN
Principales Caractéristiques
- Multi-plateforme - Fonctionne sur les sites web et les scripts de contenu d’extension
- Mise en veille intelligente - Les utilisateurs peuvent mettre en veille pour 1 semaine, 2 semaines, ou désactiver définitivement
- Stockage Chrome - Utilise l’API de stockage Chrome lorsque disponible, sinon utilise localStorage
- Shadow DOM - L’isolation des styles prévient les conflits avec les styles de la page hôte
- Responsive Mobile - Optimisé pour toutes les tailles d’écran
- Détails de l’Extension - Récupère et affiche automatiquement le nom et l’icône de l’extension
Création du Modal
Une fois que tu as initialisé Mellowtel Elements (voir les guides d’intégration ci-dessus), tu peux créer et afficher le modal de support :Utilisation de Base
Exemples d’Utilisation
Dans les Scripts de Contenu
Sur les Sites Web
Affichage Conditionnel
Référence de l’API
createModal(inviteId, title?, body?)
Crée et affiche le modal de support.
Paramètres :
inviteId(string, requis) : Identifiant unique pour suivre les interactions avec le modaltitle(string, optionnel) : Titre personnalisé du modal (par défaut “Support with Mellowtel”)body(string, optionnel) : Texte personnalisé du corps du modal
Promise<void>
Comportement du Modal
Options de Mise en Veille
Les utilisateurs peuvent choisir parmi trois options de mise en veille :- 1 semaine : Le modal n’apparaîtra pas pendant 7 jours
- 2 semaines : Le modal n’apparaîtra pas pendant 14 jours
- Désactiver : Le modal n’apparaîtra plus jamais