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

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

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

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

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

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

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

В карточке «Адрес витрины» вы выбираете поддомен: латиница, цифры и дефис. Кнопка «Проверить» сразу скажет, свободен ли он. Базовый домен зависит от того, подключён ли у вас Pro (о нём — в уроке про оплату):

subscriberhub.xyz — нарочно нейтральный домен: по адресу не угадать ни платформу, ни то, что за ним стоит именно VPN. Вместе с лендингом это делает витрину полноценным white-label: клиенты видят только ваш бренд.

Брендинг

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

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

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

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

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

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

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

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

Запомнить

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

Дальше

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