Voraussetzungen
Bevor du das Modal verwendest, stelle sicher, dass du Mellowtel Elements in deinem Projekt eingerichtet hast:Erweiterungsintegration
Einrichtung für Browser-Erweiterungen
Website-Integration
Einrichtung für Websites mit NPM oder CDN
Hauptmerkmale
- Plattformübergreifend - Funktioniert auf Websites und in Erweiterungsinhalts-Skripten
- Intelligentes Schlummern - Benutzer können für 1 Woche, 2 Wochen schlummern oder dauerhaft deaktivieren
- Chrome-Speicher - Verwendet die Chrome-Speicher-API, wenn verfügbar, fällt auf localStorage zurück
- Shadow DOM - Stil-Isolation verhindert Konflikte mit den Stilen der Host-Seite
- Mobil anpassbar - Optimiert für alle Bildschirmgrößen
- Erweiterungsdetails - Ruft automatisch den Namen und das Symbol der Erweiterung ab und zeigt sie an
Erstellen des Modals
Sobald du Mellowtel Elements initialisiert hast (siehe Integrationsanleitungen oben), kannst du das Support-Modal erstellen und anzeigen:Grundlegende Verwendung
Verwendungsbeispiele
In Inhalts-Skripten
Auf Websites
Bedingte Anzeige
API-Referenz
createModal(inviteId, title?, body?)
Erstellt und zeigt das Support-Modal an.
Parameter:
inviteId(string, erforderlich): Eindeutiger Bezeichner zur Nachverfolgung von Modal-Interaktionentitle(string, optional): Benutzerdefinierter Modaltitel (Standard ist “Support mit Mellowtel”)body(string, optional): Benutzerdefinierter Modaltext
Promise<void>
Modalverhalten
Schlummeroptionen
Benutzer können aus drei Schlummeroptionen wählen:- 1 Woche: Modal erscheint 7 Tage lang nicht
- 2 Wochen: Modal erscheint 14 Tage lang nicht
- Deaktivieren: Modal erscheint nie wieder