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 modaltitle(string, optional): Titolo personalizzato del modal (predefinito “Support with Mellowtel”)body(string, optional): Testo personalizzato del corpo del modal
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ù