Customization: your VPN's storefront
The Customization section in CreateYourVPN: the three storefront addresses, your own domains, logo and favicon, accent color, support contacts, and installing the storefront on a phone.
The word "storefront" came up a few times in the previous lesson. Time for a proper introduction: the storefront is your VPN's website — the one your clients use. The Customization section controls what address it lives at and how it looks.
What the storefront is
Only you see the CreateYourVPN panel. Clients see the storefront — a separate site under your brand:
- email sign-in — the client enters their email and a code from the message, no passwords;
- a personal cabinet — the subscription and QR, app install buttons, your plans with a payment button, support contacts;
- on Max — also a landing page: a full-fledged home page for your service.
The client from the previous lesson, whom you added by email, signs in right here — and picks up their subscription on their own.
The storefront addresses
The storefront has three addresses, one per job. Each of them is a separate name, and you pick all three yourself:
| Surface | Address | What lives there |
|---|---|---|
| Landing page | yourname.subscriberhub.xyz | Your public page with plans and checkout (Max) |
| Customer cabinet | yourname-app.subscriberhub.xyz | Where clients sign in, pay, and download their configuration |
| Subscription links | yourname-sub.subscriberhub.xyz | The address apps fetch subscriptions from |
Each card has its own name field and a "Check" button that instantly tells you whether the name is free. subscriberhub.xyz is a deliberately neutral domain: the address gives away neither the platform nor the fact that a VPN is behind it.
Why three and not one. The landing page is the part that gets indexed, shared, and blocked first. When it shares a host with the cabinet and the subscription links, blocking it takes down sign-in and every issued link along with it. On separate addresses your clients keep working while only the landing page is gone.
Your platform tier decides what you get, not where it lives:
| Tier | Surfaces |
|---|---|
| Base | Cabinet and subscription links |
| Max | Also the landing page and your own domains |
If your storefront existed before the addresses were split, your old address is now your landing page — the name itself did not change. Sign-in and the client cabinet moved to the cabinet address, so from now on your clients sign in there. Subscription links already issued on the old address keep working.
Your own domains
On Max each surface can also live on your own domain — switch the card to "Own domain" and add one. You type the address exactly as it should work — acme.com or vpn.acme.com — and that is the host we serve; nothing is appended to what you typed. Each surface needs its own address, so give the landing page, the cabinet and the subscription links different ones.
The panel shows the exact DNS records to create, then verifies ownership and issues the certificate itself — nothing to configure on your side beyond DNS.
Renaming a surface does not touch its custom domain: the name change only moves the platform subdomain. Your own domain is yours to manage — add a new host, verify it and make it active; the previous one keeps serving everything already issued.
Your clients' subscription links (https://your-subscription-address/sub/…)
live on the subscription address — it is your service's "face" inside apps.
Links issued earlier keep working after any change: the old addresses are never
taken away.
Branding
The "Branding" card is the storefront's look:
- Brand name — your service's name as clients see it.
- Description — the storefront's subtitle; it also goes to search engines and social previews.
- Logo — upload any image (PNG, JPG, WebP…), the system compresses and converts it automatically. The logo automatically becomes the favicon, the app icon, and the social preview image.
- "Storefront color theme" — an accent color from a palette of 12 shades: it colors the buttons and gradients of the cabinet, the sign-in page, and the landing. Light or dark mode is the client's own choice in the storefront.
The social preview is generated automatically: your brand name and description on a dark background with an accent glow (and your logo too, if uploaded). A storefront link dropped into Telegram or any messenger looks branded right away.
The storefront as a phone app
The storefront can be installed on a phone as an app: the cabinet offers the client to add the site to their home screen — with your icon and your name. You get "your VPN's app" without building an app: the client opens it with one tap and finds the subscription, plans, and support inside. If no logo is uploaded yet, the icon is a tile with the first letter of your brand name on the accent gradient.
Support contacts
The "Support email" and "Support Telegram" fields are shown to clients in their cabinet. Fill in at least one — clients get an answer to "where do I write when something breaks". Telegram can be entered any way you like: handle, @handle, or a t.me/… link — the system figures it out.
When changes apply
Immediately: press "Save branding" — and the storefront updates almost instantly, nothing to redeploy. Clients don't need to do anything either. The one exception is the favicon, the app icon, and the social preview: they're cached and may catch up a few minutes later.
Remember
- The storefront is the clients' site: email-code sign-in, a cabinet with the subscription and plans; on Max — a landing page too.
- Three addresses, one per job: the landing page, the cabinet, and the subscription links. A block on one doesn't take the others down.
- The tier decides what you get, not where it lives: Base — cabinet and subscription links; Max — also the landing page and your own domains.
- The logo automatically becomes the favicon, app icon, and social preview; the accent comes from a palette, light/dark is the client's choice.
- The storefront installs on a phone as an app — with your icon.
- Support contacts from this section are visible in every client's cabinet.
Next
The storefront is ready — time to put goods on display.