CreateYourVPN Academy
Kurs: jak to działa

Personalizacja: witryna Twojego VPN

Sekcja «Personalizacja» w CreateYourVPN: trzy adresy witryny, własne domeny, logo i favicon, kolor akcentu, kontakty wsparcia oraz instalacja witryny na telefonie.

W poprzedniej lekcji kilka razy przewinęło się słowo „witryna”. Czas poznać ją jak należy: witryna to strona Twojego VPN, z której korzystają klienci. Sekcja Personalizacja odpowiada za to, pod jakim adresem ta strona żyje i jak wygląda.

Czym jest witryna

Panel CreateYourVPN widzisz tylko Ty. Klienci widzą witrynę — osobną stronę pod Twoją marką:

  • logowanie przez e-mail — klient wpisuje e-mail i kod z wiadomości, żadnych haseł;
  • panel klienta — subskrypcja i QR, przyciski instalacji aplikacji, Twoje plany z przyciskiem płatności, kontakty wsparcia;
  • w Max — dodatkowo strona sprzedażowa: pełnoprawna strona główna Twojej usługi.

Klient z poprzedniej lekcji, którego założyłeś przez e-mail, loguje się właśnie tutaj — i sam odbiera swoją subskrypcję.

Adresy witryny

Witryna ma trzy adresy, po jednym na zadanie. Każdy ma własną nazwę, a wszystkie trzy wybierasz sam:

PowierzchniaAdresCo tam mieszka
Strona sprzedażowatwojanazwa.subscriberhub.xyzPubliczna strona z pakietami i płatnością (Max)
Panel klientatwojanazwa-app.subscriberhub.xyzGdzie klienci się logują, płacą i odbierają konfigurację
Linki subskrypcjitwojanazwa-sub.subscriberhub.xyzAdres, z którego aplikacje pobierają subskrypcję

Każda karta ma własne pole nazwy i przycisk «Sprawdź», który od razu powie, czy nazwa jest wolna. subscriberhub.xyz to celowo neutralna domena: po adresie nie poznasz ani platformy, ani tego, że stoi za nim VPN.

Dlaczego trzy, a nie jeden. Strona sprzedażowa jest tą częścią, którą indeksuje się, udostępnia i blokuje najpierw. Dopóki dzieli hosta z panelem klienta i linkami subskrypcji, jej blokada zabiera ze sobą także logowanie i wszystkie wydane linki. Na osobnych adresach u Twoich klientów wszystko działa dalej — znika tylko strona sprzedażowa.

Plan decyduje o tym, co masz, a nie gdzie to mieszka:

PlanPowierzchnie
PodstawowyPanel klienta i linki subskrypcji
MaxDodatkowo strona sprzedażowa i własne domeny

Jeśli Twoja witryna istniała przed rozdzieleniem adresów, dawny adres jest teraz Twoją stroną główną — sama nazwa się nie zmieniła. Logowanie i panel klienta przeniosły się na adres panelu, więc od teraz klienci logują się tam. Linki subskrypcyjne wydane wcześniej na dawnym adresie nadal działają.

Własne domeny

Na Max każda powierzchnia może żyć też na Twojej własnej domenie — przełącz kartę na „Własna domena” i dodaj ją. Adres wpisujesz dokładnie w takiej postaci, w jakiej ma działać — acme.com albo vpn.acme.com — i właśnie ten host obsługujemy: nic do niego nie dopisujemy. Każda powierzchnia potrzebuje własnego adresu, więc stronie głównej, panelowi i linkom subskrypcji nadaj różne.

Panel pokazuje, jakie rekordy DNS założyć, a dalej sam sprawdza własność i wystawia certyfikat — po Twojej stronie zostaje wyłącznie DNS.

Zmiana nazwy powierzchni nie rusza jej własnej domeny: przenosi tylko subdomenę platformy. Własną domeną zarządzasz Ty — dodaj nowy host, potwierdź go i ustaw jako aktywny; poprzedni nadal obsługuje wszystko, co już wydano.

Linki subskrypcji Twoich klientów (https://twoj-adres-subskrypcji/sub/…) mieszkają na adresie subskrypcji — to «twarz» Twojej usługi wewnątrz aplikacji. Już wydane linki działają po każdej zmianie: dotychczasowych adresów nigdy nie odbieramy.

Branding

Karta „Branding” to wygląd witryny:

  • Nazwa marki — nazwa Twojego serwisu, jaką widzą klienci.
  • Opis — podtytuł witryny; trafia też do wyszukiwarek i podglądów dla mediów społecznościowych.
  • Logo — wgraj dowolny obraz (PNG, JPG, WebP…), system sam go skompresuje i dostosuje do potrzebnego formatu. Z logo automatycznie tworzone są favicon, ikona aplikacji i podgląd dla mediów społecznościowych.
  • „Motyw kolorystyczny witryny” — kolor akcentu z palety 12 odcieni: koloruje przyciski i gradienty panelu klienta, strony logowania i strony docelowej. Wersję jasną lub ciemną klient wybiera sam na witrynie.

Podgląd dla mediów społecznościowych generowany jest automatycznie: nazwa Twojej marki i opis na ciemnym tle z akcentową poświatą (a jeśli wgrano logo — to również ono). Link do witryny wrzucony na Telegram lub komunikator od razu wygląda firmowo.

Witryna jako aplikacja na telefonie

Witryna potrafi zainstalować się na telefonie jak aplikacja: panel klienta proponuje klientowi dodać stronę do ekranu głównego — z Twoją ikoną i Twoją nazwą. Wychodzi „aplikacja Twojego VPN” bez tworzenia aplikacji: klient otwiera ją jednym dotknięciem, a w środku — subskrypcja, plany i wsparcie. Jeśli logo nie zostało jeszcze wgrane, ikoną stanie się kafelek z pierwszą literą nazwy na akcentowym gradiencie.

Kontakty wsparcia

Pola „E-mail wsparcia” i „Telegram wsparcia” pokazywane są klientom w panelu klienta. Wypełnij choć jedno — klienci dostaną odpowiedź na pytanie „gdzie pisać, gdy coś nie działa”. Telegram możesz wpisać jak Ci wygodnie: handle, @handle albo linkiem t.me/… — system zrozumie.

Kiedy zmiany wchodzą w życie

Od razu: naciskasz „Zapisz branding” — i witryna aktualizuje się niemal natychmiast, niczego nie trzeba „ponownie wdrażać”. Klienci też nie muszą nic robić. Jeden wyjątek to favicon, ikona aplikacji i podgląd dla mediów społecznościowych: są buforowane i mogą podciągnąć się kilka minut później.

Zapamiętaj

  • Witryna to strona dla klientów: logowanie kodem e-mail, panel klienta z subskrypcją i planami; w Max — dodatkowo strona docelowa.
  • Trzy adresy, po jednym na zadanie: strona sprzedażowa, panel klienta i linki subskrypcji. Blokada jednego nie zabiera pozostałych.
  • Plan decyduje o tym, co masz, a nie gdzie to mieszka: Podstawowy — panel klienta i linki subskrypcji; Max — dodatkowo strona sprzedażowa i własne domeny.
  • Logo automatycznie staje się faviconem, ikoną aplikacji i podglądem dla mediów społecznościowych; kolor akcentu — z palety, jasny/ciemny wybiera klient.
  • Witryna instaluje się na telefonie jak aplikacja — z Twoją ikoną.
  • Kontakty wsparcia z tej sekcji są widoczne w panelu klienta każdego klienta.

Co dalej

Witryna jest — czas wystawić na niej towar.

On this page