Vereisten
Voordat je de modal gebruikt, zorg ervoor dat je Mellowtel Elements hebt ingesteld in je project:Extensie-integratie
Setup voor browserextensies
Website-integratie
Setup voor websites met NPM of CDN
Belangrijkste Kenmerken
- Cross-Platform - Werkt op websites en in extensie-content-scripts
- Slim Snoozen - Gebruikers kunnen snoozen voor 1 week, 2 weken, of permanent uitschakelen
- Chrome Opslag - Gebruikt Chrome opslag-API indien beschikbaar, valt terug op localStorage
- Shadow DOM - Stijlisolatie voorkomt conflicten met stijlen van de hostpagina
- Mobiel Responsief - Geoptimaliseerd voor alle schermformaten
- Extensie Details - Haalt automatisch de naam en het pictogram van de extensie op en toont deze
De Modal Maken
Zodra je Mellowtel Elements hebt geïnitieerd (zie integratiegidsen hierboven), kun je de support modal maken en weergeven:Basisgebruik
Gebruiksvoorbeelden
In Content Scripts
Op Websites
Voorwaardelijke Weergave
API Referentie
createModal(inviteId, title?, body?)
Maakt en toont de support modal.
Parameters:
inviteId(string, verplicht): Unieke identificatie voor het bijhouden van modal-interactiestitle(string, optioneel): Aangepaste modaltitel (standaard “Support met Mellowtel”)body(string, optioneel): Aangepaste modaltekst
Promise<void>
Modal Gedrag
Snooze Opties
Gebruikers kunnen kiezen uit drie snooze-opties:- 1 week: Modal verschijnt 7 dagen niet
- 2 weken: Modal verschijnt 14 dagen niet
- Uitschakelen: Modal verschijnt nooit meer