Anpassung: das Schaufenster deines VPN
Der Bereich «Anpassung» in CreateYourVPN: die drei Storefront-Adressen, eigene Domains, Logo und Favicon, Akzentfarbe, Support-Kontakte und die Installation der Storefront auf dem Handy.
In der vorherigen Lektion tauchte mehrmals das Wort „Schaufenster“ auf. Zeit für ein richtiges Kennenlernen: Das Schaufenster ist die Website deines VPN, die deine Kunden nutzen. Der Bereich „Anpassung“ bestimmt, unter welcher Adresse diese Website lebt und wie sie aussieht.
Was das Schaufenster ist
Das CreateYourVPN-Panel siehst nur du. Die Kunden sehen das Schaufenster — eine eigene Website unter deiner Marke:
- E-Mail-Anmeldung — der Kunde gibt seine E-Mail und einen Code aus der Nachricht ein, keine Passwörter;
- ein Kundenkonto — Abonnement und QR, Buttons zur App-Installation, deine Tarife mit Bezahl-Button, Support-Kontakte;
- mit Max — zusätzlich eine Landingpage: eine vollwertige Startseite für Ihren Dienst.
Der Kunde aus der vorherigen Lektion, den du per E-Mail angelegt hast, meldet sich genau hier an — und holt sich sein Abonnement selbst.
Die Adressen der Storefront
Die Storefront hat drei Adressen, eine je Aufgabe. Jede hat einen eigenen Namen, und alle drei wählen Sie selbst:
| Fläche | Adresse | Was dort lebt |
|---|---|---|
| Landingpage | ihrname.subscriberhub.xyz | Ihre öffentliche Seite mit Tarifen und Bezahlung (Max) |
| Kundenbereich | ihrname-app.subscriberhub.xyz | Wo Kunden sich anmelden, bezahlen und ihre Konfiguration abholen |
| Abo-Links | ihrname-sub.subscriberhub.xyz | Die Adresse, von der Apps das Abo beziehen |
Jede Karte hat ihr eigenes Namensfeld und die Schaltfläche «Prüfen», die sofort sagt, ob der Name frei ist. subscriberhub.xyz ist eine bewusst neutrale Domain: An der Adresse erkennt man weder die Plattform noch, dass ein VPN dahintersteht.
Warum drei und nicht eine. Die Landingpage wird zuerst indexiert, geteilt und gesperrt. Solange sie sich einen Host mit Kundenbereich und Abo-Links teilt, reißt eine Sperre die Anmeldung und alle ausgegebenen Links mit. Auf getrennten Adressen funktioniert für Ihre Kunden alles weiter — nur die Landingpage fehlt.
Der Tarif entscheidet, was Sie bekommen, nicht wo es liegt:
| Tarif | Flächen |
|---|---|
| Basis | Kundenbereich und Abo-Links |
| Max | Zusätzlich Landingpage und eigene Domains |
Bestand Ihre Storefront schon vor der Trennung der Adressen, ist die alte Adresse jetzt Ihre Landingpage — der Name selbst hat sich nicht geändert. Anmeldung und Kundenbereich sind auf die Kundenbereichs-Adresse umgezogen, dort melden sich Ihre Kunden ab sofort an. Bereits ausgegebene Abo-Links auf der alten Adresse funktionieren weiter.
Eigene Domains
Mit Max kann jede Oberfläche auch auf Ihrer eigenen Domain leben — stellen Sie die Karte auf „Eigene Domain“ und fügen Sie eine hinzu. Die Adresse geben Sie genau so ein, wie sie funktionieren soll — acme.com oder vpn.acme.com —, und genau dieser Host wird bedient: Es wird nichts angehängt. Jede Oberfläche braucht ihre eigene Adresse, geben Sie Landingpage, Kundenbereich und Abo-Links also unterschiedliche.
Das Panel zeigt die nötigen DNS-Einträge, prüft anschließend den Besitz und stellt das Zertifikat selbst aus — auf Ihrer Seite bleibt nur das DNS.
Das Umbenennen einer Fläche rührt ihre eigene Domain nicht an: Die Namensänderung bewegt nur die Plattform-Subdomain. Über Ihre Domain bestimmen Sie selbst — legen Sie einen neuen Host an, bestätigen Sie ihn und schalten Sie ihn aktiv; der bisherige bedient weiterhin alles bereits Ausgegebene.
Die Abo-Links Ihrer Kunden (https://ihre-abo-adresse/sub/…) liegen auf der
Abo-Adresse — sie ist das «Gesicht» Ihres Dienstes in den Apps. Bereits
ausgegebene Links funktionieren nach jeder Änderung weiter: Alte Adressen
nehmen wir nie weg.
Branding
Die Karte „Branding“ — das Erscheinungsbild des Schaufensters:
- Markenname — der Name deines Dienstes, wie ihn die Kunden sehen.
- Beschreibung — der Untertitel des Schaufensters; er geht außerdem an Suchmaschinen und in die Social-Media-Vorschau.
- Logo — lade ein beliebiges Bild hoch (PNG, JPG, WebP…), das System komprimiert und konvertiert es automatisch. Aus dem Logo entstehen automatisch das Favicon, das App-Icon und das Vorschaubild für soziale Netzwerke.
- „Farbthema des Schaufensters“ — eine Akzentfarbe aus einer Palette mit 12 Farbtönen: Sie färbt die Buttons und Verläufe des Kundenkontos, der Anmeldeseite und der Landing-Page. Ob hell oder dunkel, wählt der Kunde selbst im Schaufenster.
Die Social-Media-Vorschau wird automatisch erzeugt: dein Markenname und die Beschreibung auf dunklem Hintergrund mit einem Akzent-Leuchten (und dein Logo, falls hochgeladen). Ein Schaufenster-Link, den du in Telegram oder einen Messenger wirfst, sieht sofort markentypisch aus.
Das Schaufenster als App auf dem Handy
Das Schaufenster lässt sich als App auf dem Handy installieren: Das Kundenkonto bietet dem Kunden an, die Website zum Startbildschirm hinzuzufügen — mit deinem Icon und deinem Namen. So entsteht „die App deines VPN“ ohne App-Entwicklung: Der Kunde öffnet sie mit einem Tipp, drin sind Abonnement, Tarife und Support. Ist noch kein Logo hochgeladen, wird das Icon eine Kachel mit dem ersten Buchstaben des Namens auf dem Akzent-Verlauf.
Support-Kontakte
Die Felder „Support-E-Mail“ und „Support-Telegram“ werden den Kunden im Kundenkonto angezeigt. Fülle mindestens eines aus — dann haben die Kunden eine Antwort auf die Frage „Wohin schreibe ich, wenn etwas nicht geht“. Telegram kannst du eingeben, wie es dir passt: handle, @handle oder als Link t.me/… — das System versteht es.
Wann Änderungen wirksam werden
Sofort: Du drückst „Branding speichern“ — und das Schaufenster aktualisiert sich praktisch augenblicklich, nichts muss neu ausgerollt werden. Auch die Kunden müssen nichts tun. Die einzige Ausnahme sind Favicon, App-Icon und die Social-Media-Vorschau: Sie werden zwischengespeichert und können ein paar Minuten später nachziehen.
Zum Merken
- Das Schaufenster ist die Website für Kunden: Anmeldung per E-Mail-Code, ein Kundenkonto mit Abonnement und Tarifen; bei Max — zusätzlich eine Landing-Page.
- Drei Adressen, eine je Aufgabe: Landingpage, Kundenbereich und Abo-Links. Eine Sperre auf einer reißt die anderen nicht mit.
- Der Tarif entscheidet, was Sie bekommen, nicht wo es liegt: Basis — Kundenbereich und Abo-Links; Max — zusätzlich Landingpage und eigene Domains.
- Das Logo wird automatisch zu Favicon, App-Icon und Social-Media-Vorschau; der Akzent kommt aus einer Palette, hell/dunkel wählt der Kunde.
- Das Schaufenster lässt sich als App auf dem Handy installieren — mit deinem Icon.
- Die Support-Kontakte aus diesem Bereich sind im Kundenkonto jedes Kunden sichtbar.
Als Nächstes
Das Schaufenster steht — Zeit, Waren ins Schaufenster zu stellen.
Der Bereich „Nutzer“: die Kunden deines VPN
Wie du mit dem Bereich „Nutzer“ in CreateYourVPN arbeitest: Status und Limits, Abonnement-Link und QR, Tarife manuell vergeben, Traffic zurücksetzen und Abonnements neu ausstellen.
Tarife: was du verkaufst
Der Bereich „Tarife“ in CreateYourVPN: Tarifpläne für das Schaufenster, die Modi der Selbstregistrierung — manuell, offen und monetarisiert — und was ein Kunde beim Kauf bekommt.