Personalisatie: de etalage van uw VPN
Het onderdeel «Aanpassing» in CreateYourVPN: de drie adressen van de etalage, je eigen domeinen, logo en favicon, accentkleur, supportcontacten en de etalage als app op de telefoon.
In de vorige les viel een paar keer het woord "etalage". Tijd om echt kennis te maken: de etalage is de website van uw VPN, die uw klanten gebruiken. De sectie Personalisatie bepaalt op welk adres die site leeft en hoe hij eruitziet.
Wat de etalage is
Alleen u ziet de CreateYourVPN-panel. Klanten zien de etalage — een aparte site onder uw merk:
- inloggen met e-mail — de klant voert zijn e-mail in en een code uit het bericht, geen wachtwoorden;
- een persoonlijk klantportaal — het abonnement en de QR, installatieknoppen voor apps, uw tarieven met een betaalknop, supportcontacten;
- met Max — ook een landingspagina: een volwaardige homepage voor je dienst.
De klant uit de vorige les, die u op e-mail heeft aangemaakt, logt precies hier in — en haalt zijn abonnement zelf op.
De adressen van de etalage
De storefront heeft drie adressen, één per taak. Elk heeft een eigen naam, en alle drie kies je zelf:
| Oppervlak | Adres | Wat daar leeft |
|---|---|---|
| Landingspagina | jouwnaam.subscriberhub.xyz | Je openbare pagina met pakketten en betaling (Max) |
| Klantomgeving | jouwnaam-app.subscriberhub.xyz | Waar klanten inloggen, betalen en hun configuratie ophalen |
| Abonnementslinks | jouwnaam-sub.subscriberhub.xyz | Het adres waarvan apps het abonnement ophalen |
Elke kaart heeft een eigen naamveld en een knop «Controleren» die meteen zegt of de naam vrij is. subscriberhub.xyz is een bewust neutraal domein: aan het adres zie je noch het platform, noch dat er een VPN achter zit.
Waarom drie en niet één. De landingspagina wordt als eerste geïndexeerd, gedeeld en geblokkeerd. Zolang die dezelfde host deelt met de klantomgeving en de abonnementslinks, sleept een blokkade het inloggen en alle uitgegeven links mee. Op aparte adressen blijft voor je klanten alles werken — alleen de landingspagina verdwijnt.
Je tarief bepaalt wat je krijgt, niet waar het staat:
| Tarief | Oppervlakken |
|---|---|
| Basis | Klantomgeving en abonnementslinks |
| Max | Daarnaast de landingspagina en je eigen domeinen |
Bestond je storefront al vóór het splitsen van de adressen, dan is je oude adres nu je landingspagina — de naam zelf is niet veranderd. Inloggen en het klantportaal zijn verhuisd naar het adres van het klantportaal; daar loggen je klanten voortaan in. Abonnementslinks die al op het oude adres zijn uitgegeven, blijven werken.
Je eigen domeinen
Met Max kan elke oppervlakte ook op uw eigen domein leven — zet de kaart op ‘Eigen domein’ en voeg er een toe. U typt het adres precies zoals het moet werken — acme.com of vpn.acme.com — en dat is de host die we bedienen: er wordt niets aan toegevoegd. Elke oppervlakte heeft een eigen adres nodig, geef de landingspagina, het klantportaal en de abonnementslinks dus verschillende.
Het paneel laat zien welke DNS-records je moet aanmaken, controleert daarna zelf het eigendom en geeft het certificaat uit — aan jouw kant blijft alleen DNS over.
Het hernoemen van een oppervlakte raakt uw eigen domein niet: de naamswijziging verplaatst alleen het platformsubdomein. Uw domein beheert u zelf — voeg een nieuwe host toe, verifieer die en maak hem actief; de vorige blijft alles bedienen wat al is uitgegeven.
De abonnementslinks van je klanten (https://jouw-abonnementsadres/sub/…)
leven op het abonnementsadres — dat is het «gezicht» van je dienst binnen de
apps. Reeds uitgegeven links blijven na elke wijziging werken: oude adressen
worden nooit afgenomen.
Branding
De kaart "Branding" bepaalt het uiterlijk van de etalage:
- Merknaam — de naam van uw dienst zoals klanten die zien.
- Beschrijving — de ondertitel van de etalage; die gaat ook naar zoekmachines en socialmediavoorbeelden.
- Logo — upload een willekeurige afbeelding (PNG, JPG, WebP…), het systeem comprimeert en converteert die automatisch. Uit het logo worden automatisch de favicon, het app-icoon en het voorbeeld voor sociale media gemaakt.
- "Kleurthema van de etalage" — een accentkleur uit een palet van 12 tinten: die kleurt de knoppen en verlopen van het klantportaal, de inlogpagina en de landingspagina. Of de klant een lichte of donkere versie ziet, kiest hij zelf in de etalage.
Het voorbeeld voor sociale media wordt automatisch gegenereerd: uw merknaam en beschrijving op een donkere achtergrond met een accentgloed (en uw logo erbij, als dat is geüpload). Een etalagelink die u in Telegram of een messenger plakt, ziet er meteen professioneel uit.
De etalage als app op de telefoon
De etalage kan als app op de telefoon worden geïnstalleerd: het klantportaal stelt de klant voor om de site aan het startscherm toe te voegen — met uw icoon en uw naam. Zo krijgt u "de app van uw VPN" zonder een app te bouwen: de klant opent hem met één tik en vindt binnenin het abonnement, de tarieven en support. Is er nog geen logo geüpload, dan wordt het icoon een tegel met de eerste letter van uw merknaam op het accentverloop.
Supportcontacten
De velden "Support-e-mail" en "Support-Telegram" worden aan klanten getoond in hun klantportaal. Vul er ten minste één in — dan hebben klanten een antwoord op "waar schrijf ik naartoe als iets niet werkt". Telegram mag u invoeren zoals u wilt: handle, @handle of als link t.me/… — het systeem begrijpt het.
Wanneer wijzigingen ingaan
Meteen: druk op "Branding opslaan" en de etalage werkt vrijwel onmiddellijk bij, er valt niets te "herdeployen". Klanten hoeven ook niets te doen. De enige uitzondering zijn de favicon, het app-icoon en het voorbeeld voor sociale media: die worden gecachet en kunnen een paar minuten later bijtrekken.
Onthouden
- De etalage is de site voor klanten: inloggen met een e-mailcode, een klantportaal met het abonnement en de tarieven; op Max — ook een landingspagina.
- Drie adressen, één per taak: de landingspagina, de klantomgeving en de abonnementslinks. Een blokkade op één sleept de andere niet mee.
- Het tarief bepaalt wat je krijgt, niet waar het staat: Basis — klantomgeving en abonnementslinks; Max — daarnaast de landingspagina en je eigen domeinen.
- Het logo wordt automatisch de favicon, het app-icoon en het voorbeeld voor sociale media; de accentkleur komt uit een palet, licht/donker is de keuze van de klant.
- De etalage installeert zich als app op de telefoon — met uw icoon.
- De supportcontacten uit deze sectie zijn zichtbaar in het klantportaal van elke klant.
Volgende les
De etalage staat er — tijd om er de koopwaar in te leggen.
De sectie Gebruikers: de klanten van uw VPN
Werken met de sectie Gebruikers in CreateYourVPN: statussen en limieten, de abonnementslink en QR, tarieven handmatig toekennen, verkeer resetten en abonnementen opnieuw uitgeven.
Tarieven: wat u verkoopt
De sectie Tarieven in CreateYourVPN: tariefplannen voor de etalage, modi van zelfregistratie — handmatig, open en gemonetiseerd — en wat de klant bij aankoop krijgt.