[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f-scIacNQ0gUddPq3rslC-GNYLKQo9L9jbN68Qm3AHug":3,"$fG91H0FDD3CAFuK-YOL8kl5neaXL1I49nQHChF_QgrjE":14},{"slug":4,"locale":5,"title":6,"section":7,"orderIndex":8,"blocks":9,"seoTitle":7,"seoDescription":7,"updatedAt":13},"61-popup-widget","de","61 — Popup-Widget für Tenant-Sites",null,61,[10],{"type":11,"value":12},"markdown","# 61 — Popup-Widget für Tenant-Sites\n\nDas Popup-Widget ist ein einfaches JavaScript-Snippet, das auf der **Tenant-eigenen Webseite** läuft und Besucher zum Affiliate-Programm einlädt.\n\n## Was tut es?\n\nAuf der Tenant-Webseite erscheint zu einem konfigurierbaren Trigger (Zeit \u002F Scroll \u002F Exit-Intent) ein **Popup mit Tenant-Branding**, das den Besucher zum Programm einlädt. Klick führt zu `\u003Ctenant>.partnerdesk.io\u002Frecruit` oder direkt zum Self-Signup.\n\n## Einbinden\n\n```html\n\u003Cscript src=\"https:\u002F\u002F\u003Ctenant>.partnerdesk.io\u002Fpartnerdesk-widget.js\" async>\u003C\u002Fscript>\n```\n\nEine Zeile — fertig. Konfiguration im Admin-Portal.\n\n## Trigger-Modi\n\n| Modus | Wann wird Popup gezeigt |\n|-------|--------------------------|\n| `delay` | N Sekunden nach Seitenaufruf |\n| `scroll` | Bei X % Scroll-Tiefe |\n| `exit-intent` | Bei Mauszeiger Richtung Browser-Tab (Verlassen-Intent) |\n\n## Konfiguration\n\nAdmin → **„Werbemittel\"** → **„Popup-Widget\"**:\n\n| Feld | Funktion |\n|------|----------|\n| **Enabled** | Master-Switch |\n| **Headline** | z. B. „Werde Partner und verdiene 25 % Provision\" |\n| **Subline** | Erläuterungstext |\n| **CTA-Text** | Button-Beschriftung |\n| **Trigger-Mode** | `delay` \u002F `scroll` \u002F `exit-intent` |\n| **Delay-Sekunden** (bei delay) | z. B. 10 s |\n| **Scroll-Percent** (bei scroll) | z. B. 50 % |\n| **Cooldown-Days** | Wie viele Tage nach Klick-Weg keine erneute Anzeige (Default 7) |\n\n## Cooldown via LocalStorage\n\nPro Tenant speichert das Widget einen LocalStorage-Eintrag, wann es zuletzt angezeigt wurde. Innerhalb des Cooldowns wird es **nicht** erneut gezeigt. So nervt es Besucher nicht.\n\n## Tracking\n\nPro Widget zählt PartnerDesk:\n\n- **Impressions** (Popup wurde angezeigt).\n- **Klicks** (CTA wurde geklickt).\n\nBeacons werden an `\u002Fapi\u002Fwidget\u002F{slug}\u002Fpopup\u002Fevent` gesendet.\n\n## Style-Isolation\n\nDas Widget nutzt **Inline-Styles** (kein externes CSS). Damit gibt es **keinen Konflikt** mit der Host-Site-CSS — der Tenant kann das Widget einbinden, ohne Style-Anpassungen vornehmen zu müssen.\n\nOptional via Shadow DOM, falls die Host-Site sehr CSS-aggressiv ist.\n\n## Datenschutz\n\n- **Kein Cookie** wird gesetzt (nur LocalStorage für Cooldown).\n- Beacons sind anonym.\n- Wenn der Tenant einen DSGVO-Consent-Mechanismus hat: das Widget kann hinter dem Consent-Check eingebunden werden — Tenant entscheidet selbst.\n\n## Beispiel-Setup\n\nAuf `mein-shop.de` möchte der Tenant das Widget zeigen:\n\n1. PartnerDesk-Admin → **Widget konfigurieren** mit Texten + Trigger `exit-intent` + Cooldown 7 Tage.\n2. Mein-shop.de: `\u003Cscript src=\"https:\u002F\u002Fmeinshop.partnerdesk.io\u002Fpartnerdesk-widget.js\" async>\u003C\u002Fscript>` ans Ende des Body's.\n3. Besucher kommt, schaut sich um, bewegt Maus Richtung Tab → **Popup erscheint**: „Werde Affiliate, verdiene 20 % auf jeden Sale\".\n4. Klick → Redirect zu Recruit-Page oder Self-Signup.\n\n## Verwandte Kapitel\n\n- **[60 — Marketing-Site](60-marketing-site.md)** (eigene Apex)\n- **[63 — Lead-Affiliate-Programm](63-lead-aff.md)** (Viral-Loop)\n- **[..\u002F134-recruitment-page.md](..\u002F134-recruitment-page.md)** (Recruit-Page-Backend)\n\n---\n\n**Technische Tiefen-Doku**: [`..\u002F097-popup-widget.md`](..\u002F097-popup-widget.md)\n","2026-06-01T21:39:08+02:00",{"data":15},[16,20,24,28,32,36,40,44,48,52,56,60,64,68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144,148,152,156,160,164,165,169,173,177,181,185,189,193,197,201,205,209,213,217,221,225,229,233,237,241,245,249,253,257,261,265,269],{"slug":17,"locale":5,"title":18,"section":7,"orderIndex":19},"01-ueberblick","01 — Kurzüberblick & Architektur",1,{"slug":21,"locale":5,"title":22,"section":7,"orderIndex":23},"02-schnellstart","02 — Schnellstart für neue Tenants",2,{"slug":25,"locale":5,"title":26,"section":7,"orderIndex":27},"03-rollen","03 — Rollen & Berechtigungen",3,{"slug":29,"locale":5,"title":30,"section":7,"orderIndex":31},"10-kampagnen","10 — Kampagnen verwalten",10,{"slug":33,"locale":5,"title":34,"section":7,"orderIndex":35},"11-provisionen","11 — Provisionsmodelle (Tiers & Gruppen)",11,{"slug":37,"locale":5,"title":38,"section":7,"orderIndex":39},"12-mlm","12 — MLM-Struktur & Downline",12,{"slug":41,"locale":5,"title":42,"section":7,"orderIndex":43},"13-bonus","13 — Bonusprogramme",13,{"slug":45,"locale":5,"title":46,"section":7,"orderIndex":47},"14-holdback-reserve","14 — Reifezeit & Reserve (Schutz vor Rückbuchungen)",14,{"slug":49,"locale":5,"title":50,"section":7,"orderIndex":51},"15-programm-bewertungen","15 — Programm-Bewertungen im Marktplatz",15,{"slug":53,"locale":5,"title":54,"section":7,"orderIndex":55},"16-externe-bewertungen","16 — Externe Bewertungen verbinden (Anbieter)",16,{"slug":57,"locale":5,"title":58,"section":7,"orderIndex":59},"17-joint-venture-partner","17 — Joint-Venture-Partner",17,{"slug":61,"locale":5,"title":62,"section":7,"orderIndex":63},"18-vertriebsmitarbeiter","18 — Vertriebsmitarbeiter (VM)",18,{"slug":65,"locale":5,"title":66,"section":7,"orderIndex":67},"19-profitabilitaet","19 — Profitabilität einer Kampagne",19,{"slug":69,"locale":5,"title":70,"section":7,"orderIndex":71},"20-partner-anlegen","20 — Partner anlegen",20,{"slug":73,"locale":5,"title":74,"section":7,"orderIndex":75},"21-partner-status","21 — Partner-Status & Lifecycle",21,{"slug":77,"locale":5,"title":78,"section":7,"orderIndex":79},"22-partner-profile","22 — Partner-Profile & Stammdaten",22,{"slug":81,"locale":5,"title":82,"section":7,"orderIndex":83},"23-customers","23 — Customers (Endkunden)",23,{"slug":85,"locale":5,"title":86,"section":7,"orderIndex":87},"24-partner-merge","24 — Doppelte Partner zusammenführen",24,{"slug":89,"locale":5,"title":90,"section":7,"orderIndex":91},"30-webhooks","30 — Webhook-Übersicht",30,{"slug":93,"locale":5,"title":94,"section":7,"orderIndex":95},"31-stripe","31 — Stripe-Integration",31,{"slug":97,"locale":5,"title":98,"section":7,"orderIndex":99},"32-digistore24","32 — Digistore24-Integration",32,{"slug":101,"locale":5,"title":102,"section":7,"orderIndex":103},"33-copecart","33 — CopeCart-Integration",33,{"slug":105,"locale":5,"title":106,"section":7,"orderIndex":107},"34-ablefy","34 — Ablefy-Integration (vormals elopage)",34,{"slug":109,"locale":5,"title":110,"section":7,"orderIndex":111},"35-easybill","35 — easybill-Integration",35,{"slug":113,"locale":5,"title":114,"section":7,"orderIndex":115},"36-lexoffice","36 — lexoffice-Integration",36,{"slug":117,"locale":5,"title":118,"section":7,"orderIndex":119},"37-custom-webhook","37 — Custom Webhook (Zapier, Make, n8n, eigene Systeme)",37,{"slug":121,"locale":5,"title":122,"section":7,"orderIndex":123},"40-auszahlungen","40 — Auszahlungs-Workflow",40,{"slug":125,"locale":5,"title":126,"section":7,"orderIndex":127},"41-gutschriften","41 — Gutschriften (§14 UStG)",41,{"slug":129,"locale":5,"title":130,"section":7,"orderIndex":131},"42-sepa","42 — SEPA-XML-Export",42,{"slug":133,"locale":5,"title":134,"section":7,"orderIndex":135},"43-stripe-connect","43 — Stripe Connect (Express-Auszahlungen)",43,{"slug":137,"locale":5,"title":138,"section":7,"orderIndex":139},"44-buchhaltung-sync","44 — Externe Buchhaltung-Sync (easybill \u002F lexoffice)",44,{"slug":141,"locale":5,"title":142,"section":7,"orderIndex":143},"50-tracking","50 — Tracking-Cookie & Klick-Erfassung",50,{"slug":145,"locale":5,"title":146,"section":7,"orderIndex":147},"51-attribution","51 — Attribution-Modelle",51,{"slug":149,"locale":5,"title":150,"section":7,"orderIndex":151},"52-utm-subid","52 — UTM, Sub-IDs & Fingerprint",52,{"slug":153,"locale":5,"title":154,"section":7,"orderIndex":155},"53-werbemittel","53 — Werbemittel: Banner & Coupons",53,{"slug":157,"locale":5,"title":158,"section":7,"orderIndex":159},"54-links-landingpages","54 — Short-Links & Landing-Pages",54,{"slug":161,"locale":5,"title":162,"section":7,"orderIndex":163},"60-marketing-site","60 — Marketing-Site (Apex-Domain)",60,{"slug":4,"locale":5,"title":6,"section":7,"orderIndex":8},{"slug":166,"locale":5,"title":167,"section":7,"orderIndex":168},"62-cross-promotion","62 — PartnerDesk Cross-Promotion (PartnerDesk empfehlen)",62,{"slug":170,"locale":5,"title":171,"section":7,"orderIndex":172},"63-lead-aff","63 — Lead-Affiliate-Programm (Partner werben Partner)",63,{"slug":174,"locale":5,"title":175,"section":7,"orderIndex":176},"70-notifications","70 — Notification-System",70,{"slug":178,"locale":5,"title":179,"section":7,"orderIndex":180},"71-email-whitelabel","71 — Email-Whitelabel",71,{"slug":182,"locale":5,"title":183,"section":7,"orderIndex":184},"72-email-templates","72 — Email-Templates",72,{"slug":186,"locale":5,"title":187,"section":7,"orderIndex":188},"73-lifecycle-mails","73 — Lifecycle-Mails",73,{"slug":190,"locale":5,"title":191,"section":7,"orderIndex":192},"80-akademie","80 — Akademie: Kurse & Lektionen",80,{"slug":194,"locale":5,"title":195,"section":7,"orderIndex":196},"81-quiz","81 — Quiz-System",81,{"slug":198,"locale":5,"title":199,"section":7,"orderIndex":200},"82-zertifikate","82 — Zertifikate nach Kurs-Komplettierung",82,{"slug":202,"locale":5,"title":203,"section":7,"orderIndex":204},"90-2fa","90 — Two-Factor-Authentication (2FA)",90,{"slug":206,"locale":5,"title":207,"section":7,"orderIndex":208},"91-rate-limiting","91 — Rate-Limiting",91,{"slug":210,"locale":5,"title":211,"section":7,"orderIndex":212},"92-audit-log","92 — Audit-Log",92,{"slug":214,"locale":5,"title":215,"section":7,"orderIndex":216},"93-dsgvo","93 — DSGVO-Tools",93,{"slug":218,"locale":5,"title":219,"section":7,"orderIndex":220},"94-legal","94 — Legal-Pages",94,{"slug":222,"locale":5,"title":223,"section":7,"orderIndex":224},"95-cookie-consent","95 — Cookie-Consent",95,{"slug":226,"locale":5,"title":227,"section":7,"orderIndex":228},"100-billing-plaene","100 — Stripe-Billing-Pläne",100,{"slug":230,"locale":5,"title":231,"section":7,"orderIndex":232},"101-trial","101 — Trial & Subscription-Status",101,{"slug":234,"locale":5,"title":235,"section":7,"orderIndex":236},"102-customer-portal","102 — Stripe Customer-Portal",102,{"slug":238,"locale":5,"title":239,"section":7,"orderIndex":240},"110-superadmin","110 — Plattform-Admin (Superadmin)",110,{"slug":242,"locale":5,"title":243,"section":7,"orderIndex":244},"111-health","111 — Health-Endpoints",111,{"slug":246,"locale":5,"title":247,"section":7,"orderIndex":248},"112-webhook-event-log","112 — Webhook-Event-Log",112,{"slug":250,"locale":5,"title":251,"section":7,"orderIndex":252},"113-failed-messages","113 — Failed-Messages",113,{"slug":254,"locale":5,"title":255,"section":7,"orderIndex":256},"120-pwa-partner","120 — PWA Partner-Portal",120,{"slug":258,"locale":5,"title":259,"section":7,"orderIndex":260},"121-cross-tenant-hub","121 — Cross-Tenant-Hub",121,{"slug":262,"locale":5,"title":263,"section":7,"orderIndex":264},"130-public-api","130 — Public-API (für Tenant-Integratoren)",130,{"slug":266,"locale":5,"title":267,"section":7,"orderIndex":268},"131-outgoing-webhooks","131 — Outgoing-Webhooks",131,{"slug":270,"locale":5,"title":271,"section":7,"orderIndex":272},"132-exports","132 — Datenexporte (CSV, PDF-Report)",132]