Skip to main content
Il Mellowtel Support Modal è un modal non invasivo che incoraggia gli utenti a supportare la tua estensione o sito web tramite l’estensione Support with Mellowtel.

Prerequisiti

Prima di utilizzare il modal, assicurati di aver configurato Mellowtel Elements nel tuo progetto:

Integrazione Estensione

Configurazione per estensioni del browser

Integrazione Sito Web

Configurazione per siti web usando NPM o CDN

Caratteristiche Principali

  • Cross-Platform - Funziona su siti web e script di contenuto delle estensioni
  • Smart Snoozing - Gli utenti possono sospendere per 1 settimana, 2 settimane o disabilitare permanentemente
  • Chrome Storage - Utilizza l’API di archiviazione di Chrome quando disponibile, altrimenti ricorre a localStorage
  • Shadow DOM - L’isolamento dello stile previene conflitti con gli stili della pagina ospite
  • Mobile Responsive - Ottimizzato per tutte le dimensioni dello schermo
  • Dettagli Estensione - Recupera e visualizza automaticamente il nome e l’icona dell’estensione

Creare il Modal

Una volta inizializzati i Mellowtel Elements (vedi le guide di integrazione sopra), puoi creare e visualizzare il support modal:

Uso Base

Esempi di Utilizzo

Negli Script di Contenuto

Su Siti Web

Visualizzazione Condizionale

Riferimento API

createModal(inviteId, title?, body?)

Crea e visualizza il support modal. Parametri:
  • inviteId (string, required): Identificatore univoco per tracciare le interazioni con il modal
  • title (string, optional): Titolo personalizzato del modal (predefinito “Support with Mellowtel”)
  • body (string, optional): Testo personalizzato del corpo del modal
Ritorna: Promise<void>

Comportamento del Modal

Opzioni di Sospensione

Gli utenti possono scegliere tra tre opzioni di sospensione:
  • 1 settimana: Il modal non apparirà per 7 giorni
  • 2 settimane: Il modal non apparirà per 14 giorni
  • Disabilita: Il modal non apparirà mai più