Mitgliederbereich mit KI und Stripe erstellen: Anleitung

Ein Mitgliederbereich ist eine Website, auf der zahlende Mitglieder hinter einem Login Inhalte oder Funktionen freischalten. Um einen mit KI zu erstellen, beschreiben Sie Ihre Stufen, Preise und was jede Stufe sieht. Der Builder erstellt Registrierung und Login, geschützte Seiten, einen per Webhook bestätigten Stripe-Checkout für Abos und einen Admin-Bereich. Zahlungen starten, sobald Sie Ihre Stripe-Schlüssel hinterlegen.

• Legen Sie Stufen, Preise und genau das, was jede Stufe freischaltet, fest, bevor Sie den Prompt schreiben. Die Zugriffsregeln sind der Kern des Builds.
• Mitglieder registrieren sich über die eigenen Konten der Website, und der Zugriff wird auf dem Server geprüft. Gesperrte Inhalte erreichen den Browser eines Nichtmitglieds also nie.
• Abos laufen über Ihr eigenes Stripe-Konto. Die Zahlung bestätigt ein verifizierter Webhook, nie die Erfolgsseite, und der Status wird im Datensatz jedes Mitglieds gespeichert.
• Hosten Sie Videos auf einer Videoplattform und betten Sie sie ein. Uploads sind auf 25 MB pro Datei begrenzt und zählen zu Ihrem Speicher.
• Planen Sie fehlgeschlagene Zahlungen und Kündigungen vom ersten Tag an ein; die Ereignisse von Stripe sagen der Website, wann sie warnen, erneut abbuchen oder den Zugang entziehen soll.
• Ein Mitgliederbereich muss dauerhaft online sein, betreiben Sie ihn also in einem kostenpflichtigen WisyLink-Tarif. Der kostenlose Tarif ist zum Bauen und Testen der ersten Version da.

Was ein Mitgliederbereich braucht

Mitgliedschaften werden oft aus fünf Tools zusammengesetzt: einem Website-Baukasten, einer Mitgliedschafts-Erweiterung, einem Zahlungsdienst, einem E-Mail-Dienst und einer Community-App. Jedes hat seinen eigenen Login, seine eigenen Gebühren und seine eigene Vorstellung davon, wer Mitglied ist. Als eine einzige App gebaut, besteht ein Mitgliederbereich aus diesen Teilen:

Öffentliche Seiten

Eine Verkaufsseite, die Preise und Vorschauen auf die Inhalte. Das sehen Suchmaschinen und neue Besucher.

Konten

Registrierung, Login, Zurücksetzen des Passworts und eine Kontoseite für Mitglieder.

Zugriffsregeln

Welche Stufe welche Seiten, Downloads und Funktionen sieht, geprüft bei jeder Anfrage.

Abrechnung

Checkout, Verlängerungen, Stufenwechsel, Kündigungen und fehlgeschlagene Zahlungen, über Ihren Zahlungsanbieter.

Inhalte

Artikel oder Lektionen, Downloads, eingebettete Videos und optional Kommentare oder Chat.

Admin

Eine Mitgliederliste mit Stufe und Status, manuelle Freischaltungen und ein Editor für Inhalte.

WisyLink baut all das aus Ihrer Beschreibung als eine App, unter einer eigenen Adresse mit HTTPS. Der Preis dafür ist Verantwortung: Die Zugriffslogik ist die Logik Ihrer App, also testen Sie sie so sorgfältig wie einen Checkout.

Das Modell: Stufen, monatlich oder jährlich, Testphasen

Beschränken Sie sich auf höchstens drei Stufen. Jede weitere Stufe ist eine zusätzliche Spalte in Ihren Zugriffsregeln und eine weitere Entscheidung für Besucher auf der Preisseite.

• Kostenlos und bezahlt. Eine kostenlose Stufe mit Konto und ein paar Lektionen wirkt als Lead-Magnet; bezahlte Stufen schalten den Rest frei. Auch kostenlose Mitglieder sind Konten, die Sie speichern und schützen, und sie zählen zu Ihrer Datenbank.
• Nur bezahlt. Einfacher zu betreiben und zu erklären. Gut, wenn Ihr Publikum Sie bereits kennt.
• Zwei bezahlte Stufen. Inhalte in der unteren Stufe, Zugang zu Ihnen in der oberen: Live-Fragerunden, Feedback, ein Mitglieder-Chat.

Können Sie monatliche und jährliche Preise anbieten? Ja. In Stripe bekommt jede Stufe einfach zwei Preise, einen monatlich und einen jährlich abgerechneten, und die Website speichert, welchen jedes Mitglied gewählt hat. Monatlich passt zu einem stetigen Strom neuer Inhalte; jährlich passt zu einer Bibliothek, die Menschen in ihrem eigenen Tempo durcharbeiten. Ein Rabatt für die Vorauszahlung verbessert Ihre Liquidität und hält Mitglieder ein ganzes Jahr.

Stripe unterstützt auch kostenlose und vergünstigte Testphasen. Bieten Sie eine an, entscheiden Sie, ob Mitglieder zum Start eine Karte hinterlegen müssen und was am Ende passiert. Stripe schickt ein Ereignis zum Ende der Testphase, standardmäßig drei Tage vorher, das die Website für eine Erinnerung nutzen kann.

Bauen: Schritte und eine Prompt-Vorlage

1. Schreiben Sie eine einseitige Zugriffsmatrix: Stufen untereinander, Inhalte und Funktionen nebeneinander, ein Häkchen, wo Zugriff erlaubt ist.
2. Öffnen Sie einen neuen WisyLink-Chat und fügen Sie den Prompt unten ein, angepasst an Ihre Stufen, Preise und Inhalte.
3. Lesen Sie nach dem Build die Abschlussnotiz. Sie sagt, wie Sie in den Admin-Bereich kommen und welche Integrationen auszufüllen sind: meist Ihre Stripe-Schlüssel und das Webhook-Signaturgeheimnis, dazu SMTP für E-Mails. Zahlungen und E-Mails bleiben bis dahin inaktiv. Fügen Sie Schlüssel nie in den Chat ein.
4. Tragen Sie zuerst Ihre Stripe-Testschlüssel ein. Integrationen zeigt eine Schritt-für-Schritt-Anleitung, einschließlich der Webhook-Adresse, die Sie in Stripe registrieren.
5. Spielen Sie die ganze Strecke mit den Testkarten von Stripe durch: registrieren, abonnieren, eine gesperrte Lektion öffnen, die Stufe wechseln, kündigen und eine abgelehnte Verlängerung simulieren.
6. Wechseln Sie zu Ihren Live-Schlüsseln, kaufen Sie Ihre günstigste Stufe mit einer echten Karte und erstatten Sie den Betrag.
7. Wechseln Sie in einen kostenpflichtigen WisyLink-Tarif, bevor Sie Mitglieder einladen. Kostenlose Links bestehen 30 Tage plus eine Woche zur Löschung markiert, Mitgliederkonten eingeschlossen.

Erstelle einen Mitgliederbereich namens Die Sauerteigschule für meine Online-Backkurse.

Öffentlich: eine Startseite, die die Mitgliedschaft verkauft, eine Preisseite und eine Lektionsbibliothek, in der alle den Titel jeder Lektion und eine Vorschau mit zwei Absätzen sehen.

Stufen: Kostenlos (nur Konto, die ersten 3 Lektionen), Bäcker (12 € im Monat oder 120 € im Jahr: alle Lektionen und Rezeptkarten als PDF), Profi-Bäcker (29 € im Monat oder 290 € im Jahr: alles aus Bäcker plus monatliche Seiten für Live-Fragerunden und ein Mitglieder-Chat).

Konten: Registrierung mit E-Mail und Passwort, Login, Zurücksetzen des Passworts per E-Mail und eine Kontoseite mit Stufe, Status, Verlängerungsdatum und einem Button „Abo verwalten“, der das Stripe-Kundenportal öffnet.

Zahlungen: Stripe Checkout für Abos, bestätigt nur durch einen verifizierten Stripe-Webhook. Speichere Stufe, Status und Ende des aktuellen Abrechnungszeitraums beim Mitglied. Schlägt eine Zahlung fehl, zeige ein Banner mit der Bitte, die Karte zu aktualisieren; entziehe den bezahlten Zugang, wenn das Abo gekündigt oder unbezahlt ist.

Inhalte: Lektionen sind gespeicherte Datensätze mit Titel, Slug, Stufe, Vorschau, Text und optionaler URL für ein eingebettetes Video. Rezeptkarten sind private PDF-Downloads ab der Stufe Bäcker.

Admin: ein durch Login geschützter Bereich, um Lektionen anzulegen und zu bearbeiten, Mitglieder nach Stufe und Status zu sehen und kostenlosen Zugang mit Enddatum zu vergeben.

E-Mail: Willkommens-E-Mail und Hinweis bei fehlgeschlagener Zahlung über mein SMTP-Konto. Design: warm, redaktionell, auf Smartphones gut lesbar.

Im kostenlosen Community-Tarif füllt ein Build das 5-Stunden-Fenster, und Builds zielen auf eine funktionierende erste Version. Ein Mitgliederbereich ist eine große App; bauen Sie ihn also in Etappen: zuerst Konten, Stufen und geschützte Lektionen, dann Zahlungen, zuletzt Chat und Extras. Kostenpflichtige Tarife erlauben umfangreichere Builds und kürzere Wartezeiten dazwischen. Wie Sie größere Anfragen gliedern, zeigen die Prompt-Vorlagen für KI-Websites.

Konten, Rollen und geschützte Seiten

WisyLink-Websites betreiben ihre eigenen Konten. Passwörter werden gehasht gespeichert, Sitzungen liegen in einem sicheren Cookie, und Rollen wie Mitglied und Admin sind Teil Ihrer App. Einen gemeinsamen Plattform-Login für Ihre Besucher gibt es nicht; Ihre Mitglieder gehören zu Ihrer Website. Die Anmeldung mit Google oder ähnlichen Anbietern ist mit Ihren eigenen OAuth-Zugangsdaten unter Integrationen möglich. Mit Single Sign-on für Unternehmen sollten Sie nicht planen.

Ob eine Seite gesperrt ist, entscheidet der Server bei jeder Anfrage. Öffnet ein Nichtmitglied eine Bäcker-Lektion, bekommt es die Vorschau und einen Hinweis zum Upgrade; der vollständige Text steckt nie in der Seite, die es erhält. Das ist wichtig: Bezahlschranken, die Inhalte nur per Styling verstecken, lassen sie für jeden lesbar im Quelltext stehen. Mitgliederseiten sind außerdem so gekennzeichnet, dass sie nie aus einem gemeinsamen Cache an jemand anderen ausgeliefert werden.

Zwei praktische Hinweise. Erstens der Admin-Login: Die Abschlussnotiz des Builds sagt Ihnen, wie Sie hineinkommen, entweder mit Zugangsdaten, die der Build angelegt hat, oder indem das erste registrierte Konto zum Admin wird. Im zweiten Fall registrieren Sie Ihr Konto, bevor Sie den Link teilen. Zweitens sehen Suchmaschinen, was ein abgemeldeter Besucher sieht. Schreiben Sie also Vorschauen, die für sich stehen und es wert sind, zu ranken.

Soll jeder Kunde nur seine eigenen Dokumente, Rechnungen oder Projektdateien sehen statt einer gemeinsamen Bibliothek, bauen Sie eher ein Portal; siehe Kundenportal ohne Code erstellen.

Stripe-Abos: Webhooks, Kündigungen, fehlgeschlagene Zahlungen

Abos laufen über Ihr eigenes Stripe-Konto; WisyLink verwahrt weder Ihr Geld noch Ihr Stripe-Konto. Der Ablauf, den der Build einrichtet:

1. Ein Mitglied wählt eine Stufe. Die Website hält den Versuch mit der ID des Mitglieds fest und öffnet Stripe Checkout.
2. Stripe nimmt die Zahlung auf seiner eigenen gehosteten Seite entgegen.
3. Stripe schickt einen Webhook an Ihre Website. Die Website prüft dessen Signatur mit Ihrem Signaturgeheimnis, findet das Mitglied und speichert Stufe, Status und Verlängerungsdatum.
4. Die Seiten prüfen diesen gespeicherten Status. Die Erfolgsseite, auf der ein Mitglied nach dem Bezahlen landet, beweist für sich genommen nichts, denn jeder kann diese URL öffnen.

Der Leitfaden von Stripe zu Abo-Webhooks beschreibt die Ereignisse, die Sie verarbeiten sollten. Die wichtigsten:

Kündigungen und Stufenwechsel. Können Mitglieder selbst kündigen oder die Stufe wechseln? Ja: Lassen Sie sich einen Button „Abo verwalten“ einbauen, der das Kundenportal von Stripe öffnet. Das ist eine von Stripe gehostete Seite, die Sie in Ihrem Stripe-Dashboard aktivieren und auf der Kunden Karten aktualisieren, die Stufe wechseln, Rechnungen einsehen und kündigen, sofort oder zum Ende des Zeitraums. Änderungen dort kommen als die oben genannten Ereignisse bei Ihrer Website an. Schließen Verbraucher in Deutschland Ihr Abo online ab, verlangt § 312k BGB zudem einen gut sichtbaren Kündigungsbutton, etwa mit der Beschriftung „Verträge hier kündigen“; prüfen Sie, ob Ihr Ablauf diese Vorgaben erfüllt.

Fehlgeschlagene Zahlungen. Scheitert eine Verlängerung, wird das Abo überfällig, und Stripe kann die Zahlung erneut versuchen; aktivieren Sie dafür Smart Retries in Ihren Stripe-Einstellungen. Legen Sie Ihre Kulanzregel vorher fest. Üblich ist, den Zugang während der Wiederholungsversuche mit sichtbarer Warnung zu behalten und ihn zu entziehen, wenn Stripe das Abo als gekündigt oder unbezahlt markiert, wie es auch der Leitfaden von Stripe empfiehlt.

Erstattungen und Rückbuchungen. Legen Sie fest, ob eine Erstattung den Zugang sofort beendet und ob eine Zahlungsanfechtung das Konto einfriert. Wechseln Sie später Ihre Domain, prüfen Sie, ob die in Stripe registrierte Webhook-Adresse die Website noch erreicht.

Einzelne Produkte neben der Mitgliedschaft verkaufen Sie genauso, mit einmaligen Checkout-Zahlungen; siehe den Leitfaden zum Online-Shop.

Inhalte ausliefern: Artikel, Downloads und Videos

Die Grenzen für Speicher, Datenbank und Bandbreite hängen von Ihrem WisyLink-Tarif ab, und der Bereich „Ressourcen“ zeigt, wie stark jedes Kontingent ausgelastet ist. Bei Konten, die dauerhaft über der Kapazität liegen, können Links gesperrt werden. Lagern Sie schwere Medien also auf die Plattformen aus, die dafür gebaut sind.

Community-Funktionen: Kommentare und Live-Chat

Die Community ist oft der Grund, warum Menschen ihr Abo behalten, nachdem sie die Inhalte durchgearbeitet haben.

• Kommentare unter Lektionen sind gespeicherte Datensätze, die mit dem Mitglied verknüpft sind, das sie geschrieben hat. Lassen Sie das Posten auf Mitglieder beschränken, ein Limit pro Mitglied setzen und sich Buttons zum Ausblenden und Löschen geben.
• Live-Chat nutzt Echtzeitkanäle. Private Kanäle erfordern ein angemeldetes Mitglied, und die Website gibt den Chat nur für Stufen frei, die ihn enthalten. Live-Nachrichten sind flüchtig; lassen Sie daher jede Nachricht auch speichern, damit Mitglieder den Verlauf nachlesen können.
• Threads funktionieren wie ein kleines Forum: Themen, Antworten und Mitgliederprofile. „Community-Forum“ ist einer der Anwendungsfälle, die WisyLink nennt.
• Benachrichtigungen über Antworten werden per E-Mail über Ihr SMTP-Konto verschickt.

Klären Sie, wer moderiert, bevor Sie die Türen öffnen. Ein Melden-Button, der in eine Moderationsliste im Admin-Bereich führt, kostet einen Satz im Prompt und spart später Stunden.

Im Betrieb: Verwaltung, E-Mails, Abwanderung, Datenschutz

• Mitgliederverwaltung. Filtern Sie Mitglieder nach Stufe und Status und suchen Sie jemanden über die genaue E-Mail-Adresse; eine Volltextsuche über große Mitgliederlisten gibt es nicht. Lassen Sie sich manuelle Freischaltungen mit Enddatum einbauen, für Stipendien, Partner oder als Kulanz.
• E-Mails. Willkommens-E-Mails, Passwort-Links und Hinweise zu fehlgeschlagenen Zahlungen laufen über Ihr SMTP-Konto. Stripe kann Belege und Rechnungen selbst verschicken; verschicken Sie diese also nicht doppelt.
• Abwanderung. Das Stripe-Portal kann Kündigungsgründe abfragen und Kündigungswilligen einen Gutschein anbieten. Auf Ihrer Seite speichern Sie den letzten Login jedes Mitglieds, listen die Mitglieder auf, die seit 30 Tagen nicht mehr da waren, und melden sich bei ihnen, bevor sie kündigen. Ein Hintergrundjob, der alle 30 bis 60 Minuten läuft, kann Ihnen eine wöchentliche Übersicht mailen.
• Datenschutz. Sie erheben Namen, E-Mail-Adressen und Zahlungsstatus und brauchen deshalb eine Datenschutzerklärung. Die Mitgliedschaft zu erbringen, für die jemand bezahlt hat, und Werbe-E-Mails zu verschicken, beruhen auf unterschiedlichen Rechtsgrundlagen; die Übersicht der Europäischen Kommission zu den Rechtsgrundlagen erklärt Vertrag und Einwilligung. Lassen Sie eine separate, nicht angekreuzte Checkbox für den Newsletter einbauen und eine Möglichkeit für Mitglieder, ihr Konto zu löschen. Das sind allgemeine Hinweise, keine Rechtsberatung.
• Kosten. Planen Sie Ihren WisyLink-Tarif, die Gebühren von Stripe, einen Videohoster und gegebenenfalls einen E-Mail-Dienst ein und vergleichen Sie das mit den Kosten für einen Entwickler; siehe Was kostet eine Web-App?

Um die kostenlose Stufe wachsen zu lassen, kombinieren Sie die Mitgliedschaft mit einem Lead-Magnet; ein Quiz, das E-Mail-Adressen sammelt, funktioniert gut für Kurse.

Ihren Mitgliederbereich mit WisyLink erstellen

Schreiben Sie Ihre Zugriffsmatrix und beschreiben Sie dann Stufen, Preise und Inhalte in einer Nachricht. WisyLink baut Konten, geschützte Seiten, den Stripe-Abo-Ablauf und den Admin-Bereich als eine gehostete App, und Sie verfeinern sie weiter per Chat. Testen Sie die ganze Strecke im Testmodus von Stripe, bevor auch nur ein Mitglied bezahlt.

Starten Sie kostenlos mit dem Community-Tarif, ohne Kreditkarte, und bauen Sie Ihre erste Version. Bevor Sie Mitglieder einladen, vergleichen Sie die kostenpflichtigen Tarife: Sie halten die Website online, solange Ihr Abo läuft, und erlauben umfangreichere Builds; Ihre eigene Domain funktioniert in jedem Tarif.