CreateYourVPN Academy
Curso: Como Funciona

Personalização: a vitrine da sua VPN

A secção «Personalização» no CreateYourVPN: os três endereços da montra, os seus próprios domínios, logótipo e favicon, cor de destaque, contactos de suporte e instalação da montra no telemóvel.

Na aula anterior, a palavra "vitrine" apareceu algumas vezes. Hora de conhecê-la direito: a vitrine é o site da sua VPN — o que os seus clientes usam. A seção Personalização cuida de qual endereço esse site tem e de como ele se parece.

O que é a vitrine

Só você vê o painel do CreateYourVPN. Os clientes veem a vitrine — um site separado sob a sua marca:

  • login por e-mail — o cliente digita o e-mail e um código da mensagem, sem senhas;
  • uma área do cliente — a assinatura e o QR, botões de instalação de aplicativos, seus planos com um botão de pagamento, contatos de suporte;
  • com Max — também uma página de vendas: uma verdadeira página inicial do seu serviço.

O cliente da aula anterior, que você criou por e-mail, entra exatamente aqui — e pega a própria assinatura sozinho.

Os endereços da montra

A vitrine tem três endereços, um para cada tarefa. Cada um tem o seu próprio nome e os três são escolhidos por você:

SuperfícieEndereçoO que vive lá
Página de vendasoseunome.subscriberhub.xyzA sua página pública com planos e pagamento (Max)
Área do clienteoseunome-app.subscriberhub.xyzOnde os clientes entram, pagam e obtêm a configuração
Links de assinaturaoseunome-sub.subscriberhub.xyzO endereço de onde as aplicações obtêm a assinatura

Cada cartão tem o seu próprio campo de nome e um botão «Verificar» que diz de imediato se o nome está livre. subscriberhub.xyz é um domínio propositadamente neutro: o endereço não revela nem a plataforma nem que por trás está uma VPN.

Porquê três e não um. A página de vendas é a parte que primeiro é indexada, partilhada e bloqueada. Enquanto partilhar o host com a área do cliente e os links de assinatura, o seu bloqueio leva consigo o início de sessão e todos os links já entregues. Em endereços separados, para os seus clientes tudo continua a funcionar — desaparece apenas a página de vendas.

O plano decide o que tem, não onde isso vive:

PlanoSuperfícies
BaseÁrea do cliente e links de assinatura
MaxAlém disso, a página de vendas e os seus próprios domínios

Se a sua montra já existia antes da separação dos endereços, o endereço antigo passou a ser a sua página inicial — o nome em si não mudou. O início de sessão e a área de cliente mudaram-se para o endereço da área de cliente, é aí que os seus clientes entram a partir de agora. As ligações de subscrição já emitidas no endereço antigo continuam a funcionar.

Os seus próprios domínios

No Max cada superfície pode viver também no seu próprio domínio — mude o cartão para «Domínio próprio» e adicione-o. O endereço escreve-se tal como deve funcionar — acme.com ou vpn.acme.com — e é esse o host servido: nada lhe é acrescentado. Cada superfície precisa do seu endereço, por isso dê endereços diferentes à página inicial, à área de cliente e às ligações de subscrição.

O painel mostra que registos DNS criar e depois verifica a propriedade e emite o certificado sozinho — do seu lado fica apenas o DNS.

Mudar o nome de uma superfície não mexe no seu domínio próprio: a mudança move apenas o subdomínio da plataforma. O seu domínio é gerido por si — adicione um novo host, verifique-o e torne-o ativo; o anterior continua a servir tudo o que já foi emitido.

Os links de assinatura dos seus clientes (https://o-seu-endereco-de-assinatura/sub/…) vivem no endereço de assinatura — é a «cara» do seu serviço dentro das aplicações. Os links já entregues continuam a funcionar após qualquer alteração: os endereços anteriores nunca são retirados.

Branding

O cartão "Branding" é a aparência da vitrine:

  • Nome da marca — o nome do seu serviço como os clientes o veem.
  • Descrição — o subtítulo da vitrine; ele também vai para os buscadores e para as prévias de redes sociais.
  • Logo — envie qualquer imagem (PNG, JPG, WebP…), o sistema a comprime e converte automaticamente. Do logo são criados automaticamente o favicon, o ícone do aplicativo e a prévia para redes sociais.
  • "Tema de cores da vitrine" — uma cor de destaque de uma paleta de 12 tons: ela colore os botões e gradientes da área do cliente, da página de login e da landing page. Já a versão clara ou escura o cliente escolhe sozinho na vitrine.

A prévia para redes sociais é gerada automaticamente: o nome da sua marca e a descrição sobre um fundo escuro com um brilho de destaque (e o seu logo também, se enviado). Um link da vitrine jogado no Telegram ou em qualquer mensageiro já aparece com a sua identidade.

A vitrine como aplicativo no celular

A vitrine sabe se instalar no celular como um aplicativo: a área do cliente propõe ao cliente adicionar o site à tela inicial — com o seu ícone e o seu nome. Você ganha "o aplicativo da sua VPN" sem desenvolver um aplicativo: o cliente o abre com um toque, e dentro estão a assinatura, os planos e o suporte. Se o logo ainda não foi enviado, o ícone será um bloco com a primeira letra do nome sobre o gradiente de destaque.

Contatos de suporte

Os campos "E-mail de suporte" e "Telegram de suporte" são mostrados aos clientes na área do cliente. Preencha ao menos um — os clientes terão uma resposta para "onde escrever quando algo não funciona". O Telegram pode ser digitado como preferir: handle, @handle ou como link t.me/… — o sistema entende.

Quando as mudanças entram em vigor

Na hora: você aperta "Salvar branding" — e a vitrine se atualiza quase instantaneamente, sem precisar "reimplantar" nada. Os clientes também não precisam fazer nada. A única exceção são o favicon, o ícone do aplicativo e a prévia para redes sociais: eles são armazenados em cache e podem atualizar alguns minutos depois.

Para lembrar

  • A vitrine é o site para os clientes: login por código de e-mail, uma área do cliente com a assinatura e os planos; no Max — também uma landing page.
  • Três endereços, um para cada função: a página de vendas, a área do cliente e os links de assinatura. Bloquear um não leva os outros.
  • O plano decide o que tem, não onde isso vive: Base — área do cliente e links de assinatura; Max — além disso, a página de vendas e os seus próprios domínios.
  • O logo vira automaticamente o favicon, o ícone do aplicativo e a prévia para redes sociais; a cor de destaque vem de uma paleta, claro/escuro é escolha do cliente.
  • A vitrine se instala no celular como um aplicativo — com o seu ícone.
  • Os contatos de suporte desta seção são visíveis na área do cliente de cada cliente.

A seguir

A vitrine está pronta — hora de expor a mercadoria nela.

On this page