PayPal: falsche Angabe zur Webhook-ID berichtigt, Abo-Plan-Weg ergaenzt

Filipe: "webhook id faengt bei mir nicht mit w an und wo finde ich plan
fuer betreung"

Er hat recht, ich hatte unrecht. An der Quelle nachgeprueft:

  Webhook-ID:   0NH55953DH663215D        -- OHNE Vorsilbe, ~17 Zeichen
  Ereignis-ID:  WH-3F562076HD293871E-... -- DIE beginnt mit WH-

Meine Anleitung und der Hinweistext im Formular behaupteten beide
"beginnt mit WH-". Wer sich daran haelt, sucht an der falschen Stelle
oder traegt eine Ereignis-Kennung ein -- und die Signaturpruefung
scheitert dann bei der ersten echten Zahlung, mit einer Meldung, die
nicht auf die Ursache zeigt.

Beide Stellen berichtigt, in der Anleitung mit ausdruecklichem Hinweis,
dass dort vorher etwas Falsches stand. Wer sie schon gelesen hat, soll
den Widerspruch erklaert bekommen und nicht stillschweigend eine andere
Fassung vorfinden.

ABO-PLAN: Der Grund fuer die Frage ist ein echter Stolperstein --
Abo-Plaene werden NICHT im Entwicklerbereich angelegt, sondern im
normalen Geschaeftskonto. Unter developer.paypal.com sucht man vergeblich.

Jetzt mit direkter Adresse (paypal.com/billing/plans), dem Weg ueber das
Menue und dem Schritt, den man am ehesten vergisst: den Plan nach dem
Speichern auch AKTIVIEREN. Ein gespeicherter, aber nicht aktivierter
Plan sieht fertig aus und funktioniert nicht.

Ausserdem klargestellt, dass dieser ganze Schritt entfaellt, wenn kein
monatliches Abo verkauft wird -- Anzahlung und Restbetrag laufen ohne.

Versionsstempel und Cache auf v15.

Co-Authored-By: Claude Opus 5 <[email protected]>

PAYPAL-EINRICHTEN.md

@@ -132,23 +132,38 @@ https://postfach.dogfather-universe.com/webdesign/paypal-webhook
    > echten Problem später unnötig schwer.
 
 5. **Save**
-6. Danach erscheint in der Liste eine **Webhook ID** (beginnt meist mit
+6. Danach erscheint in der Liste eine **Webhook ID**. Die brauchst du
-   `WH-`). **Die brauche ich auch.**
+   für Schritt 6.
+
+> **Achtung, hier stand vorher etwas Falsches:** Die Webhook-ID beginnt
+> **nicht** mit `WH-`. Sie sieht aus wie `0NH55953DH663215D` — rund
+> 17 Zeichen, Buchstaben und Ziffern gemischt, ohne Vorsilbe.
+>
+> Das `WH-` steht auf den **Ereignis**-Kennungen, also den einzelnen
+> Meldungen, die PayPal später schickt (`WH-3F562076HD293871E-…`). Die
+> braucht man hier nicht.
 
 ---
 
 ## Schritt 5 — Nur falls du die monatliche Betreuung anbieten willst
 
-Für einmalige Zahlungen (Anzahlung, Restbetrag, Zusatzleistungen) bist
+Für einmalige Zahlungen — Anzahlung, Restbetrag, Zusatzleistungen — bist
-du hier fertig. Das monatliche Betreuungs-Abo braucht zusätzlich einen
+du hier fertig. **Überspring diesen Schritt, wenn du kein monatliches
-Plan:
+Abo verkaufst.** Du kannst ihn jederzeit nachholen.
 
-1. Links auf **Products & Plans** (oder direkt unter *Subscriptions*)
+> **Wichtig:** Abo-Pläne legst du **nicht** im Entwicklerbereich an,
-2. **Create Product** → Name `Dogfather Betreuung`, Type `Service`
+> sondern in deinem normalen PayPal-Geschäftskonto. Deshalb findest du
-3. Dann **Create Plan** → monatlich, Preis eintragen
+> sie unter developer.paypal.com nicht.
-4. Die **Plan ID** (beginnt mit `P-`) notieren
 
-Das kannst du auch später nachholen — die Einmalzahlungen laufen ohne.
+1. Gehe auf **https://www.paypal.com/billing/plans**
+   (oder: paypal.com anmelden → Menü **Zahlungen** bzw.
+   **Bezahlen & bezahlt werden** → **Abonnements**)
+2. **Plan erstellen** / *Create Plan*
+3. Produkt anlegen: Name `Dogfather Betreuung`, Art **Dienstleistung**
+4. Preis und Rhythmus: **monatlich**, dein Betreuungspreis
+5. Speichern, dann **Plan aktivieren** (*Turn on plan*) — ohne das
+   ist er nicht nutzbar
+6. Die **Plan-ID** notieren. Sie beginnt mit `P-`
 
 ---
 

webdesign/ablauf.html

@@ -13,8 +13,8 @@
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 <meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd15" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd15" />
 <style>
   /* Zeitstrahl: die Linie verbindet die Nummernkreise. Sie liegt hinter
      den Kreisen (z-index) und endet beim letzten Schritt, damit sie nicht
@@ -183,7 +183,7 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-ablauf.js?v=20260823wd14"></script>
+<script src="/assets/js/i18n-wd-ablauf.js?v=20260823wd15"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd14"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd15"></script>
 </body>
 </html>

webdesign/anfrage.html

@@ -13,8 +13,8 @@
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 <meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd15" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd15" />
 <style>
   /* ---------- Schrittanzeige ----------
      Zeigt alle vier Schritte gleichzeitig statt nur "3 von 4". Man sieht
@@ -418,8 +418,8 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-anfrage.js?v=20260823wd14"></script>
+<script src="/assets/js/i18n-wd-anfrage.js?v=20260823wd15"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd14"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd15"></script>
-<script src="/assets/js/wd-anfrage.js?v=20260823wd14"></script>
+<script src="/assets/js/wd-anfrage.js?v=20260823wd15"></script>
 </body>
 </html>

webdesign/faq.html

@@ -13,8 +13,8 @@
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 <meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd15" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd15" />
 <style>
   .fq-thema { scroll-margin-top: 90px; }
   .fq-thema + .fq-thema { margin-top: clamp(2rem, 4vw, 3rem); }
@@ -195,7 +195,7 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-faq.js?v=20260823wd14"></script>
+<script src="/assets/js/i18n-wd-faq.js?v=20260823wd15"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd14"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd15"></script>
 </body>
 </html>

webdesign/index.html

@@ -16,8 +16,8 @@
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 <meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd15" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd15" />
 <style>
   /* ---------- Nur auf der Startseite gebraucht ---------- */
 
@@ -407,8 +407,8 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-index.js?v=20260823wd14"></script>
+<script src="/assets/js/i18n-wd-index.js?v=20260823wd15"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd14"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd15"></script>
 <script>
 /* ---------------------------------------------------------------------
    Marken-Intro (Masterplan S.3, Schritt 02: "Nach erfolgreichem Code

webdesign/leistungen.html

@@ -13,8 +13,8 @@
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 <meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd15" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd15" />
 <style>
   /* Sprungmarken.
      Frueher eine waagerecht wischbare Leiste. Rueckmeldung 22.08.2026:
@@ -331,7 +331,7 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-leistungen.js?v=20260823wd14"></script>
+<script src="/assets/js/i18n-wd-leistungen.js?v=20260823wd15"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd14"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd15"></script>
 </body>
 </html>

webdesign/portal.html

@@ -12,8 +12,8 @@
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 <meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd15" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd15" />
 <style>
   .po-login { max-width: 440px; margin: clamp(1.5rem,6vh,4rem) auto; }
 
@@ -134,8 +134,8 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-portal.js?v=20260823wd14"></script>
+<script src="/assets/js/i18n-wd-portal.js?v=20260823wd15"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd14"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd15"></script>
-<script src="/assets/js/wd-portal.js?v=20260823wd14"></script>
+<script src="/assets/js/wd-portal.js?v=20260823wd15"></script>
 </body>
 </html>

webdesign/portfolio.html

@@ -13,8 +13,8 @@
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 <meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd15" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd15" />
 <style>
   .pfo-projekt { overflow: hidden; padding: 0; margin-bottom: clamp(1.4rem, 3vw, 2.2rem); }
   .pfo-bild {
@@ -192,7 +192,7 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-portfolio.js?v=20260823wd14"></script>
+<script src="/assets/js/i18n-wd-portfolio.js?v=20260823wd15"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd14"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd15"></script>
 </body>
 </html>

webdesign/preise.html

@@ -13,8 +13,8 @@
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 <meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd15" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd15" />
 <style>
   .pr-preis-gross { font-family: var(--font-head); font-weight: 800; color: var(--wd-blau); white-space: nowrap; }
 
@@ -196,7 +196,7 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-preise.js?v=20260823wd14"></script>
+<script src="/assets/js/i18n-wd-preise.js?v=20260823wd15"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd14"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd15"></script>
 </body>
 </html>

webdesign/rechtliches.html

@@ -8,8 +8,8 @@
 <link rel="icon" type="image/png" href="/assets/img/favicon.png" />
 <link rel="manifest" href="/webdesign/app.webmanifest" />
 <meta name="theme-color" content="#05070b" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd15" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd15" />
 </head>
 <body class="wd">
 <div id="wd-kopf"></div>
@@ -400,6 +400,6 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/wd-core.js?v=20260823wd14"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd15"></script>
 </body>
 </html>

webdesign/sw.js

@@ -34,7 +34,7 @@
    Start alle alten Zwischenspeicher weg. Muss bei jeder Änderung an den
    Dateien unten hochgezählt werden, sonst hängen Nutzer auf einem alten
    Stand fest. */
-const CACHE_NAME = "dogfather-webdesign-v14";
+const CACHE_NAME = "dogfather-webdesign-v15";
 
 /* Bausteine, die die Oberfläche zum Anzeigen braucht. Bewusst KEINE
    HTML-Datei in dieser Liste. */

webdesign/ueber.html

@@ -13,8 +13,8 @@
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 <meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd15" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd15" />
 <style>
   .ue-kopf { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(1.5rem, 4vw, 3rem); align-items: center; }
   /* Auf dem Handy zuerst der Text, dann das Bild: sonst schiebt ein
@@ -127,7 +127,7 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-ueber.js?v=20260823wd14"></script>
+<script src="/assets/js/i18n-wd-ueber.js?v=20260823wd15"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd14"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd15"></script>
 </body>
 </html>

webdesign/verwaltung.html

@@ -11,8 +11,8 @@
 <link rel="apple-touch-icon" href="/assets/img/wd-app-180.png" />
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-title" content="DF Verwaltung" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd15" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd15" />
 <style>
   /* =====================================================================
      Verwaltungsbereich — bewusst NUR AUF DEUTSCH.
@@ -761,7 +761,7 @@
   <div class="vw-detail-blatt" id="vw-detail-blatt"></div>
 </div>
 
-<script src="/assets/js/wd-core.js?v=20260823wd14"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd15"></script>
 <script>
 /* =====================================================================
    Verwaltung: Anfragen ansehen, Status ändern, Notizen, Archivieren.
@@ -2094,10 +2094,18 @@
       hilfe: "developer.paypal.com → Apps & Credentials → deine App" },
     { k: "PAYPAL_CLIENT_SECRET", titel: "Secret", art: "geheim",
       hilfe: "Dort daneben auf „Show“ klicken. Wird nach dem Speichern nie wieder angezeigt." },
+    /* Die Webhook-Kennung hat KEINE Vorsilbe -- sie sieht aus wie
+       0NH55953DH663215D. Das "WH-" steht auf den Ereignis-Kennungen
+       (WH-3F562076HD293871E-...), nicht auf der Webhook-Kennung selbst.
+       In der ersten Fassung stand hier "Beginnt mit WH-"; Filipe hat zu
+       Recht nachgefragt, weil seine anders aussah. */
     { k: "PAYPAL_WD_WEBHOOK_ID", titel: "Webhook-Kennung", art: "text",
-      hilfe: "Beginnt mit WH-. Entsteht, wenn du den Webhook anlegst." },
+      hilfe: "Steht bei developer.paypal.com unter deiner App bei „Webhooks“. Etwa 17 Zeichen, "
+        + "z. B. 0NH55953DH663215D — ohne Vorsilbe." },
     { k: "PAYPAL_WD_PLAN_BASIS", titel: "Plan für die Betreuung", art: "text",
-      hilfe: "Beginnt mit P-. Nur nötig für monatliche Betreuungs-Abos." },
+      hilfe: "Nur nötig für monatliche Betreuungs-Abos. Wird NICHT im Entwicklerbereich "
+        + "angelegt, sondern auf paypal.com unter „Abonnements“ (paypal.com/billing/plans). "
+        + "Beginnt mit P-." },
   ];
 
   /* Zeigt einen Fehler SICHTBAR an, statt den Ladehinweis stehen zu

webdesign/widerruf.html

@@ -9,8 +9,8 @@
 <link rel="icon" type="image/png" href="/assets/img/favicon.png" />
 <link rel="manifest" href="/webdesign/app.webmanifest" />
 <meta name="theme-color" content="#05070b" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd15" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd15" />
 </head>
 <body class="wd">
 <div id="wd-kopf"></div>
@@ -137,8 +137,8 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-widerruf.js?v=20260823wd14"></script>
+<script src="/assets/js/i18n-wd-widerruf.js?v=20260823wd15"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd14"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd15"></script>
-<script src="/assets/js/wd-widerruf.js?v=20260823wd14"></script>
+<script src="/assets/js/wd-widerruf.js?v=20260823wd15"></script>
 </body>
 </html>

webdesign/zugang.html

@@ -21,8 +21,8 @@
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 <meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd15" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd14" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd15" />
 <style>
   /* =====================================================================
      Zugangswand — nur hier gebraucht, deshalb bewusst NICHT in
@@ -177,8 +177,8 @@
   </div>
 </main>
 
-<script src="/assets/js/i18n-wd-zugang.js?v=20260823wd14"></script>
+<script src="/assets/js/i18n-wd-zugang.js?v=20260823wd15"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd14"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd15"></script>
 <script>
 (function () {
   "use strict";