CreateYourVPN Academy
Corso: come funziona

Personalizzazione: la vetrina della tua VPN

La sezione «Personalizzazione» in CreateYourVPN: i tre indirizzi della vetrina, i tuoi domini, logo e favicon, colore d'accento, contatti di supporto e installazione della vetrina sul telefono.

Nella lezione precedente è comparsa più volte la parola «vetrina». È ora di fare le presentazioni per bene: la vetrina è il sito della tua VPN, quello che usano i clienti. La sezione «Personalizzazione» governa a quale indirizzo vive questo sito e come appare.

Cos'è la vetrina

Il pannello CreateYourVPN lo vedi solo tu. I clienti vedono la vetrina — un sito separato con il tuo brand:

  • accesso via email — il cliente inserisce l'email e un codice ricevuto via messaggio, nessuna password;
  • un cabinet personale — l'abbonamento e il QR, i pulsanti per installare le app, i tuoi piani con un pulsante di pagamento, i contatti di supporto;
  • con Max — anche una pagina di vendita: una vera home page del tuo servizio.

Il cliente della lezione precedente, che hai inserito tramite email, accede proprio qui — e ritira da solo il suo abbonamento.

Gli indirizzi della vetrina

La vetrina ha tre indirizzi, uno per compito. Ognuno ha un nome proprio e li scegli tutti e tre tu:

SuperficieIndirizzoChe cosa ci vive
Pagina di venditailtuonome.subscriberhub.xyzLa tua pagina pubblica con piani e pagamento (Max)
Area clientiiltuonome-app.subscriberhub.xyzDove i clienti accedono, pagano e ritirano la configurazione
Link di abbonamentoiltuonome-sub.subscriberhub.xyzL'indirizzo da cui le app scaricano l'abbonamento

Ogni scheda ha il proprio campo del nome e il pulsante «Verifica», che dice subito se il nome è libero. subscriberhub.xyz è un dominio volutamente neutro: dall'indirizzo non si intuisce né la piattaforma né che dietro ci sia una VPN.

Perché tre e non uno. La pagina di vendita è la parte che viene indicizzata, condivisa e bloccata per prima. Finché condivide l'host con l'area clienti e i link di abbonamento, il suo blocco si porta via anche l'accesso e tutti i link già consegnati. Su indirizzi separati per i tuoi clienti continua a funzionare tutto: sparisce solo la pagina di vendita.

Il piano decide che cosa hai, non dove vive:

PianoSuperfici
BaseArea clienti e link di abbonamento
MaxIn più la pagina di vendita e i tuoi domini

Se la tua vetrina esisteva prima della separazione degli indirizzi, il vecchio indirizzo è ora la tua landing page: il nome in sé non è cambiato. L’accesso e l’area cliente si sono spostati sull’indirizzo dell’area cliente, ed è lì che d’ora in poi entrano i tuoi clienti. I link di abbonamento già emessi sul vecchio indirizzo continuano a funzionare.

I tuoi domini

Su Max ogni superficie può vivere anche sul tuo dominio — porta la scheda su «Dominio personale» e aggiungilo. L'indirizzo si inserisce esattamente come deve funzionare — acme.com oppure vpn.acme.com — ed è proprio quell'host a essere servito: non viene aggiunto nulla. Ogni superficie ha bisogno del proprio indirizzo, quindi assegnane di diversi a landing, area clienti e link di abbonamento.

Il pannello mostra quali record DNS creare, poi verifica la proprietà ed emette il certificato da solo: da parte tua resta solo il DNS.

Rinominare una superficie non tocca il suo dominio personale: il cambio di nome sposta solo il sottodominio della piattaforma. Il tuo dominio lo gestisci tu: aggiungi un nuovo host, verificalo e rendilo attivo; il precedente continua a servire tutto ciò che è già stato emesso.

I link di abbonamento dei tuoi clienti (https://il-tuo-indirizzo-abbonamento/sub/…) vivono sull'indirizzo di abbonamento: è il «volto» del tuo servizio dentro le app. I link già consegnati continuano a funzionare dopo qualsiasi modifica: i vecchi indirizzi non vengono mai tolti.

Branding

La scheda «Branding» è l'aspetto della vetrina:

  • Nome del brand — il nome del tuo servizio, così come lo vedono i clienti.
  • Descrizione — il sottotitolo della vetrina; lo stesso va ai motori di ricerca e alle anteprime per i social.
  • Logo — carica qualsiasi immagine (PNG, JPG, WebP…), il sistema la comprime e la converte da solo nel formato giusto. Dal logo vengono creati automaticamente la favicon, l'icona dell'app e l'anteprima per i social.
  • «Tema colore della vetrina» — un colore d'accento da una palette di 12 sfumature: colora i pulsanti e i gradienti del cabinet, la pagina di accesso e la landing. La versione chiara o scura, invece, la sceglie il cliente stesso nella vetrina.

L'anteprima per i social viene generata automaticamente: il nome del tuo brand e la descrizione su sfondo scuro con un bagliore d'accento (e anche il logo, se caricato). Un link alla vetrina lanciato in Telegram o in un messenger appare subito con il tuo marchio.

La vetrina come app sul telefono

La vetrina sa installarsi sul telefono come un'app: il cabinet propone al cliente di aggiungere il sito alla schermata principale — con la tua icona e il tuo nome. Ottieni «l'app della tua VPN» senza sviluppare un'app: il cliente la apre con un tocco e dentro trova abbonamento, piani e supporto. Se il logo non è ancora stato caricato, l'icona sarà una tessera con la prima lettera del nome su un gradiente d'accento.

Contatti di supporto

I campi «Email di supporto» e «Telegram di supporto» sono mostrati ai clienti nel cabinet personale. Compilane almeno uno — i clienti avranno una risposta alla domanda «a chi scrivo se non funziona». Il Telegram lo puoi inserire come preferisci: handle, @handle o come link t.me/… — il sistema capisce.

Quando si applicano le modifiche

Subito: premi «Salva branding» — e la vetrina si aggiorna quasi all'istante, non serve «ri-deployare» nulla. Anche i clienti non devono fare niente. L'unica eccezione sono favicon, icona dell'app e anteprima per i social: vengono messi in cache e possono comparire qualche minuto più tardi.

Da ricordare

  • La vetrina è il sito per i clienti: accesso con codice via email, cabinet con abbonamento e piani; su Max — anche una landing.
  • Tre indirizzi, uno per compito: pagina di vendita, area clienti e link di abbonamento. Il blocco di uno non si porta via gli altri.
  • Il piano decide che cosa hai, non dove vive: Base — area clienti e link di abbonamento; Max — in più la pagina di vendita e i tuoi domini.
  • Il logo si trasforma automaticamente in favicon, icona dell'app e anteprima per i social; l'accento viene da una palette, chiaro/scuro lo sceglie il cliente.
  • La vetrina si installa sul telefono come un'app — con la tua icona.
  • I contatti di supporto di questa sezione sono visibili nel cabinet di ogni cliente.

Prossima lezione

La vetrina c'è — è ora di metterci la merce in mostra.

On this page