CreateYourVPN Academy
Kursus: Sådan virker det

Tilpasning: din VPN's butiksfacade

Afsnittet «Tilpasning» i CreateYourVPN: butikkens tre adresser, dine egne domæner, logo og favicon, accentfarve, supportkontakter og installation af butikken på telefonen.

I forrige lektion dukkede ordet "butiksfacade" op et par gange. Nu skal vi hilse ordentligt på det: butiksfacaden er din VPN's website — det, dine klienter bruger. Afsnittet Tilpasning styrer, hvilken adresse det website bor på, og hvordan det ser ud.

Hvad butiksfacaden er

CreateYourVPN-panelet ser kun du. Klienterne ser butiksfacaden — et separat website under dit brand:

  • login med e-mail — klienten indtaster sin e-mail og en kode fra beskeden, ingen adgangskoder;
  • en personlig konto — abonnementet og QR, knapper til at installere apps, dine planer med en betalingsknap, supportkontakter;
  • med Max — også en landingsside: en fuldgyldig forside til din tjeneste.

Klienten fra forrige lektion, som du oprettede via e-mail, logger ind netop her — og henter selv sit abonnement.

Butikkens adresser

Butiksfacaden har tre adresser – én til hver opgave. Hver har sit eget navn, og du vælger selv alle tre:

FladeAdresseHvad der bor der
Landingssidedittnavn.subscriberhub.xyzDin offentlige side med pakker og betaling (Max)
Kundeportaldittnavn-app.subscriberhub.xyzHvor kunder logger ind, betaler og henter deres konfiguration
Abonnementslinksdittnavn-sub.subscriberhub.xyzAdressen, apps henter abonnementet fra

Hvert kort har sit eget navnefelt og knappen «Tjek», der straks siger, om navnet er ledigt. subscriberhub.xyz er et bevidst neutralt domæne: adressen afslører hverken platformen eller at der står en VPN bag.

Hvorfor tre og ikke én. Landingssiden er den del, der bliver indekseret, delt og blokeret først. Så længe den deler host med kundeportalen og abonnementslinkene, tager en blokering login og alle udstedte links med sig. På adskilte adresser fortsætter alt med at virke for dine kunder — kun landingssiden forsvinder.

Dit abonnement afgør, hvad du får, ikke hvor det bor:

PlanFlader
BasisKundeportal og abonnementslinks
MaxDerudover landingssiden og dine egne domæner

Hvis din storefront fandtes, før adresserne blev delt, er din gamle adresse nu din landingsside — selve navnet er ikke ændret. Login og kundeområdet er flyttet til kundeområdets adresse, og det er der, dine kunder logger ind fremover. Abonnementslinks, der allerede er udstedt på den gamle adresse, virker fortsat.

Dine egne domæner

På Max kan hver flade også bo på dit eget domæne — skift kortet til “Eget domæne”, og tilføj det. Adressen skriver du præcis, som den skal fungere — acme.com eller vpn.acme.com — og netop den vært betjenes: der føjes ikke noget til. Hver flade skal have sin egen adresse, så giv landingssiden, kundeområdet og abonnementslinkene forskellige.

Panelet viser, hvilke DNS-poster du skal oprette, og tjekker derefter selv ejerskabet og udsteder certifikatet — hos dig er der kun DNS tilbage.

At omdøbe en flade rører ikke ved dens eget domæne: navneskiftet flytter kun platformens underdomæne. Dit domæne styrer du selv — tilføj en ny vært, bekræft den og gør den aktiv; den forrige betjener fortsat alt, der allerede er udstedt.

Dine kunders abonnementslinks (https://din-abonnementsadresse/sub/…) bor på abonnementsadressen — den er din tjenestes «ansigt» inde i apps. Allerede udstedte links virker efter enhver ændring: gamle adresser tages aldrig fra dig.

Branding

Kortet "Branding" er butiksfacadens udseende:

  • Brandnavn — din tjenestes navn, som klienterne ser det.
  • Beskrivelse — butiksfacadens undertitel; den går også til søgemaskiner og til previews på sociale medier.
  • Logo — upload et hvilket som helst billede (PNG, JPG, WebP…), systemet komprimerer og konverterer det automatisk. Ud af logoet laves der automatisk et favicon, et app-ikon og et preview til sociale medier.
  • "Butiksfacadens farvetema" — en accentfarve fra en palet på 12 nuancer: den farvelægger knapper og gradienter i kontoen, login-siden og landingssiden. Om det er lyst eller mørkt, vælger klienten selv i butiksfacaden.

Previewet til sociale medier genereres automatisk: dit brandnavn og din beskrivelse på en mørk baggrund med et accent-skær (og dit logo også, hvis det er uploadet). Et link til butiksfacaden smidt i Telegram eller en messenger ser branded ud med det samme.

Butiksfacaden som app på telefonen

Butiksfacaden kan installeres på telefonen som en app: kontoen tilbyder klienten at føje websitet til hjemmeskærmen — med dit ikon og dit navn. Man får "din VPN's app" uden at udvikle en app: klienten åbner den med ét tryk, og indeni er abonnementet, planerne og supporten. Er der endnu ikke uploadet et logo, bliver ikonet en flise med det første bogstav i navnet på accent-gradienten.

Supportkontakter

Felterne "Support-e-mail" og "Support-Telegram" vises for klienterne i deres personlige konto. Udfyld mindst ét — så har klienterne et svar på "hvor skriver jeg, når noget ikke virker". Telegram kan indtastes, som det passer dig: handle, @handle eller som et link t.me/… — systemet forstår det.

Hvornår ændringer træder i kraft

Med det samme: du trykker "Gem branding" — og butiksfacaden opdateres næsten øjeblikkeligt, intet skal "redeployes". Klienterne skal heller ikke gøre noget. Den ene undtagelse er faviconet, app-ikonet og previewet til sociale medier: de caches og kan komme et par minutter bagefter.

Husk

  • Butiksfacaden er klienternes website: login med e-mail-kode, en konto med abonnement og planer; på Max — også en landingsside.
  • Tre adresser, én til hver opgave: landingssiden, kundeportalen og abonnementslinkene. En blokering af den ene tager ikke de andre med.
  • Planen afgør, hvad du får, ikke hvor det bor: Basis — kundeportal og abonnementslinks; Max — derudover landingssiden og dine egne domæner.
  • Logoet bliver automatisk til favicon, app-ikon og preview til sociale medier; accenten kommer fra en palet, lyst/mørkt vælger klienten.
  • Butiksfacaden installeres på telefonen som en app — med dit ikon.
  • Supportkontakterne fra dette afsnit er synlige i hver klients konto.

Op næste gang

Butiksfacaden er på plads — nu er det tid til at stille varer frem i den.

On this page