Skip to main content
Das Mellowtel Support-Modal ist ein unaufdringliches Modal, das Benutzer dazu ermutigt, deine Erweiterung oder Website durch die Support mit Mellowtel-Erweiterung zu unterstützen.

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-Interaktionen
  • title (string, optional): Benutzerdefinierter Modaltitel (Standard ist “Support mit Mellowtel”)
  • body (string, optional): Benutzerdefinierter Modaltext
Rückgabewert: 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