Кастомизация: витрина вашего VPN

В прошлом уроке несколько раз мелькнуло слово «витрина». Пора познакомиться как следует: витрина — это сайт вашего VPN, которым пользуются клиенты. Раздел «Кастомизация» отвечает за то, по какому адресу этот сайт живёт и как выглядит.

Что такое витрина

Панель CreateYourVPN видите только вы. Клиенты видят витрину — отдельный сайт под вашим брендом:

• вход по email — клиент вводит почту и код из письма, никаких паролей;
• личный кабинет — подписка и QR, кнопки установки приложений, ваши тарифы с кнопкой оплаты, контакты поддержки;
• на Max — ещё и лендинг: полноценная главная страница вашего сервиса.

Клиент из прошлого урока, которого вы завели по email, входит именно сюда — и сам забирает свою подписку.

Адреса витрины

У витрины три адреса, по одному на задачу. У каждого своё имя, и все три вы выбираете сами:

У каждой карточки своё поле имени и кнопка «Проверить» — она сразу скажет, свободно ли оно. subscriberhub.xyz — нарочно нейтральный домен: по адресу не угадать ни платформу, ни то, что за ним стоит именно VPN.

Почему три, а не один. Лендинг — та часть, которую индексируют, пересылают и блокируют первой. Пока он живёт на одном хосте с кабинетом и ссылками, его блокировка уносит с собой и вход, и все выданные подписки. На разных адресах у клиентов всё продолжает работать — пропадает только лендинг.

Тариф решает, что вам доступно, а не где это живёт:

Свои домены

На Max каждая поверхность может жить и на вашем домене — переключите карточку на «Свой домен» и добавьте его. Адрес вводится ровно таким, каким он должен работать — acme.com или vpn.acme.com, — он и будет обслуживаться: ничего к нему не приписывается. У каждой поверхности свой адрес, поэтому лендингу, кабинету и подписочным ссылкам дайте разные.

Панель показывает, какие DNS-записи завести, а дальше сама проверяет владение и выпускает сертификат — со своей стороны вам нужен только DNS.

Брендинг

Карточка «Брендинг» — внешний вид витрины:

• Название бренда — имя вашего сервиса, каким его видят клиенты.
• Описание — подзаголовок витрины; он же уходит поисковикам и в превью для соцсетей.
• Логотип — загрузите любую картинку (PNG, JPG, WebP…), система сама сожмёт её и приведёт к нужному формату. Из логотипа автоматически делаются фавикон, иконка приложения и превью для соцсетей.
• «Цветовая тема витрины» — акцентный цвет из палитры в 12 оттенков: он окрашивает кнопки и градиенты кабинета, страницы входа и лендинга. А светлую или тёмную версию клиент выбирает сам в витрине.

Витрина как приложение на телефоне

Витрина умеет устанавливаться на телефон как приложение: кабинет предлагает клиенту добавить сайт на главный экран — с вашей иконкой и вашим названием. Получается «приложение вашего VPN» без разработки приложения: клиент открывает его одним тапом, внутри — подписка, тарифы и поддержка. Если логотип ещё не загружен, иконкой станет плитка с первой буквой названия на акцентном градиенте.

Контакты поддержки

Поля «Email поддержки» и «Telegram поддержки» показываются клиентам в личном кабинете. Заполните хотя бы одно — у клиентов появится ответ на вопрос «куда писать, если не работает». Telegram можно вводить как удобно: handle, @handle или ссылкой t.me/… — система поймёт.

Когда применяются изменения

Сразу: нажали «Сохранить брендинг» — и витрина обновляется практически мгновенно, ничего «передеплоивать» не нужно. Клиентам тоже ничего делать не надо. Одно исключение — фавикон, иконка приложения и превью для соцсетей: они кэшируются и могут подтянуться на несколько минут позже.

Запомнить

• Витрина — сайт для клиентов: вход по email-коду, кабинет с подпиской и тарифами; на Max — ещё и лендинг.
• Три адреса, по одному на задачу: лендинг, кабинет и подписочные ссылки. Блокировка одного не уносит остальные.
• Тариф решает, что вам доступно, а не где это живёт: Базовый — кабинет и подписочные ссылки, Max — плюс лендинг и свои домены.
• Логотип автоматически превращается в фавикон, иконку приложения и превью для соцсетей; акцент — из палитры, светлое/тёмное выбирает клиент.
• Витрина ставится на телефон как приложение — с вашей иконкой.
• Контакты поддержки из этого раздела видны в кабинете каждого клиента.

Дальше

Витрина есть — пора выставить на неё товар.