Skip to main content
Le Modal de Support Mellowtel est un modal non intrusif qui encourage les utilisateurs à soutenir votre extension ou site web via l’extension Support with Mellowtel.

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 modal
  • title (string, optionnel) : Titre personnalisé du modal (par défaut “Support with Mellowtel”)
  • body (string, optionnel) : Texte personnalisé du corps du modal
Retourne : 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