Personalização: a vitrine da sua VPN

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;
• no nível pago — também uma landing page: uma página inicial completa 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.

O endereço da vitrine

No cartão "Endereço da vitrine" você escolhe um subdomínio: letras latinas, dígitos e hifens. O botão "Verificar" diz na hora se ele está livre. O domínio base depende do seu nível de plataforma:

subscriberhub.xyz é um domínio propositalmente neutro: pelo endereço não dá para adivinhar nem a plataforma, nem o fato de haver uma VPN por trás. Junto com a landing page, isso faz da vitrine um white-label de verdade: os clientes veem só a sua marca. Mais sobre o Pro — na aula sobre cobrança.

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 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 Pro — também uma landing page.
• O endereço é um subdomínio: createyourvpn.com no nível gratuito, o neutro subscriberhub.xyz no Pro.
• 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.