Tilpasning: storefronten til VPN-en din

Ordet «storefront» dukket opp et par ganger i forrige leksjon. På tide med en skikkelig introduksjon: storefronten er nettstedet til VPN-en din — det kundene dine bruker. Tilpasning-seksjonen styrer hvilken adresse det ligger på og hvordan det ser ut.

Hva en storefront er

Bare du ser CreateYourVPN-panelet. Kundene ser storefronten — et eget nettsted under din merkevare:

• e-postinnlogging — kunden skriver inn e-post og en kode fra meldingen, ingen passord;
• en personlig kundeportal — abonnementet og QR, knapper for å installere apper, planene dine med en betalingsknapp, støttekontakter;
• med Max — også en landingsside: en fullverdig forside for tjenesten din.

Kunden fra forrige leksjon, som du la til via e-post, logger inn nettopp her — og henter abonnementet sitt selv.

Butikkens adresser

Butikkfronten har tre adresser – én per oppgave. Hver har sitt eget navn, og alle tre velger du selv:

Hvert kort har sitt eget navnefelt og knappen «Sjekk», som straks sier om navnet er ledig. subscriberhub.xyz er et bevisst nøytralt domene: adressen røper verken plattformen eller at det står en VPN bak.

Hvorfor tre og ikke én. Landingssiden er delen som indekseres, deles og blokkeres først. Så lenge den deler vert med kundeportalen og abonnementslenkene, tar en blokkering med seg innloggingen og alle utstedte lenker. På atskilte adresser fortsetter alt å virke for kundene dine — bare landingssiden forsvinner.

Planen avgjør hva du får, ikke hvor det bor:

Egne domener

På Max kan hver flate også bo på ditt eget domene — sett kortet til «Eget domene» og legg det til. Adressen skriver du nøyaktig slik den skal fungere — acme.com eller vpn.acme.com — og det er den verten vi betjener: ingenting legges til. Hver flate trenger sin egen adresse, så gi landingssiden, kundeområdet og abonnementslenkene forskjellige.

Panelet viser hvilke DNS-oppføringer du må opprette, og sjekker deretter eierskapet selv og utsteder sertifikatet — hos deg gjenstår bare DNS.

Merkevarebygging

Kortet «Merkevarebygging» — utseendet til storefronten:

• Merkenavn — navnet på tjenesten din slik kundene ser det.
• Beskrivelse — storefrontens undertittel; den går også til søkemotorer og forhåndsvisninger for sosiale medier.
• Logo — last opp et hvilket som helst bilde (PNG, JPG, WebP…), systemet komprimerer og konverterer det automatisk. Logoen blir automatisk til favikon, appikon og forhåndsvisningsbilde for sosiale medier.
• «Fargetema for storefront» — en aksentfarge fra en palett med 12 nyanser: den farger knappene og gradientene i kundeportalen, innloggingssiden og landingssiden. Lyst eller mørkt tema er kundens eget valg i storefronten.

Storefronten som app på telefonen

Storefronten kan installeres på telefonen som en app: kundeportalen tilbyr kunden å legge nettstedet til på startskjermen — med ikonet og navnet ditt. Du får «appen til VPN-en din» uten å bygge en app: kunden åpner den med ett trykk og finner abonnementet, planene og støtte inni. Er ingen logo lastet opp ennå, blir ikonet en flis med den første bokstaven i merkenavnet ditt på aksentgradienten.

Støttekontakter

Feltene «Støtte-e-post» og «Støtte-Telegram» vises for kundene i kundeportalen. Fyll ut minst ett — da får kundene svar på «hvor skriver jeg hvis noe ikke virker». Telegram kan skrives inn som du vil: handle, @handle, eller som en t.me/…-lenke — systemet forstår det.

Når endringer trer i kraft

Umiddelbart: trykk «Lagre merkevarebygging» — og storefronten oppdateres nærmest øyeblikkelig, ingenting å «redeploye». Kundene trenger heller ikke gjøre noe. Ett unntak er favikonet, appikonet og forhåndsvisningen for sosiale medier: de bufres og kan komme etter noen minutter senere.

Husk dette

• Storefronten er kundenes nettsted: innlogging med e-postkode, en kundeportal med abonnement og planer; på Max — også en landingsside.
• Tre adresser, én for hver oppgave: landingssiden, kundeportalen og abonnementslenkene. En blokkering av én tar ikke med seg de andre.
• Planen avgjør hva du får, ikke hvor det bor: Basis — kundeportal og abonnementslenker; Max — i tillegg landingssiden og egne domener.
• Logoen blir automatisk til favikon, appikon og forhåndsvisning for sosiale medier; aksenten kommer fra en palett, lyst/mørkt er kundens valg.
• Storefronten installeres på telefonen som en app — med ikonet ditt.
• Støttekontaktene fra denne seksjonen vises i kundeportalen til hver kunde.

Neste steg

Storefronten er klar — på tide å stille ut varene.