Support-Widget – Demo

Diese Seite bindet das Widget genau so ein, wie es eine Host-Applikation tun würde: zuerst wird window.digitalemenschen_support gesetzt, dann das Script geladen. Das Widget erscheint unten rechts.

<script>
  window.digitalemenschen_support = {
    apiKey: 'DEV-API-KEY',
    apiBaseUrl: 'https://support-api.digitalemenschen.app',
    appName: 'Demo-App',
    user: { id: '42', email: 'max@example.com', name: 'Max Muster' },
    position: { bottom: 24, right: 24 },
    primaryColor: '#2B0040',          // beliebige HEX-Farbe, Rest wird abgeleitet
    title: 'Support kontaktieren',
    subtitle: 'Beschreibe dein Anliegen – wir melden uns.',
    environment: 'localhost',         // Umgebung der Host-App → landet im Ticket
    metadata: { mandant: 'ACME AG', plan: 'Enterprise', version: '2.4.1' }, // frei befüllbar
  };
  // Loader mit gerundetem Timestamp (Cache-Busting + Caching im Zeitfenster):
  (function () {
    var cacheWindowMs = 60 * 60 * 1000;            // 1 Stunde – Intervall anpassbar
    var v = Math.floor(Date.now() / cacheWindowMs);
    var s = document.createElement('script');
    s.src = 'https://support.digitalemenschen.app/support-widget.js?v=' + v;
    s.defer = true;
    document.head.appendChild(s);
  })();
</script>

Den user musst du in der Host-Applikation befüllen, sobald eine Session besteht.

Bei metadata kannst du beliebige eigene Infos reinmachen, welche 1:1 mitgeschickt werden.