Кастомізація: вітрина вашого VPN
Розділ «Кастомізація» у CreateYourVPN: три адреси вітрини, власні домени, логотип і фавікон, акцентний колір, контакти підтримки та встановлення вітрини на телефон.
У минулому уроці кілька разів майнуло слово «вітрина». Час познайомитися як слід: вітрина — це сайт вашого VPN, яким користуються клієнти. Розділ «Кастомізація» відповідає за те, за якою адресою цей сайт живе і як виглядає.
Що таке вітрина
Панель CreateYourVPN бачите тільки ви. Клієнти бачать вітрину — окремий сайт під вашим брендом:
- вхід за email — клієнт вводить пошту й код із листа, жодних паролів;
- особистий кабінет — підписка і QR, кнопки встановлення застосунків, ваші тарифи з кнопкою оплати, контакти підтримки;
- на Max — ще й лендинг: повноцінна головна сторінка вашого сервісу.
Клієнт із минулого уроку, якого ви завели за email, входить саме сюди — і сам забирає свою підписку.
Адреси вітрини
У вітрини три адреси, по одній на задачу. У кожної своє ім'я, і всі три ви обираєте самі:
| Поверхня | Адреса | Що там живе |
|---|---|---|
| Лендинг | вашеімя.subscriberhub.xyz | Публічна сторінка з тарифами й оплатою (Max) |
| Кабінет клієнта | вашеімя-app.subscriberhub.xyz | Де клієнти входять, платять і забирають конфігурацію |
| Посилання на підписку | вашеімя-sub.subscriberhub.xyz | Адреса, з якої застосунки отримують підписку |
У кожної картки своє поле імені та кнопка «Перевірити» — вона одразу скаже, чи вільне воно. subscriberhub.xyz — навмисно нейтральний домен: за адресою не вгадати ні платформу, ні те, що за нею саме VPN.
Чому три, а не одна. Лендинг — та частина, яку індексують, пересилають і блокують першою. Поки він живе на одному хості з кабінетом і посиланнями, його блокування забирає з собою і вхід, і всі видані підписки. На різних адресах у клієнтів усе продовжує працювати — зникає лише лендинг.
Тариф вирішує, що вам доступно, а не де це живе:
| Тариф | Поверхні |
|---|---|
| Базовий | Кабінет і посилання на підписку |
| Max | Плюс лендинг і власні домени |
Якщо ваша вітрина існувала до розділення адрес, попередня адреса стала вашим лендингом — саме ім’я не змінювалося. Вхід і кабінет клієнта переїхали на адресу кабінету, тож входити клієнти будуть там. Передплатні посилання, уже видані на попередній адресі, продовжують працювати.
Власні домени
На Max кожна поверхня може жити й на вашому домені — перемкніть картку на «Власний домен» і додайте його. Адреса вводиться саме такою, якою має працювати — acme.com або vpn.acme.com, — вона й обслуговуватиметься: нічого до неї не дописується. У кожної поверхні своя адреса, тож лендингу, кабінету й підписним посиланням дайте різні.
Панель показує, які DNS-записи завести, а далі сама перевіряє володіння й випускає сертифікат — з вашого боку потрібен лише DNS.
Перейменування поверхні кастом-домен не чіпає: зміна імені рухає лише платформений піддомен. Своїм доменом розпоряджаєтесь ви — додайте новий хост, підтвердьте його й зробіть активним; попередній продовжить обслуговувати все вже видане.
Посилання на підписку клієнтів (https://ваша-підписочна-адреса/sub/…) живуть
на підписочній адресі — це «обличчя» вашого сервісу всередині застосунків. Уже
видані посилання працюють після будь-яких змін: попередні адреси ми не
забираємо.
Брендинг
Картка «Брендинг» — зовнішній вигляд вітрини:
- Назва бренду — ім'я вашого сервісу, яким його бачать клієнти.
- Опис — підзаголовок вітрини; він же йде пошуковикам і в прев'ю для соцмереж.
- Логотип — завантажте будь-яку картинку (PNG, JPG, WebP…), система сама стисне її та приведе до потрібного формату. З логотипа автоматично роблять фавікон, іконку застосунку і прев'ю для соцмереж.
- «Колірна тема вітрини» — акцентний колір із палітри в 12 відтінків: він фарбує кнопки та градієнти кабінету, сторінки входу й лендинга. А світлу чи темну версію клієнт обирає сам у вітрині.
Прев'ю для соцмереж генерується автоматично: назва вашого бренду та опис на темному тлі з акцентним підсвічуванням (а якщо завантажений логотип — то і він). Посилання на вітрину, кинуте в Telegram чи месенджер, одразу виглядає фірмово.
Вітрина як застосунок на телефоні
Вітрина вміє встановлюватися на телефон як застосунок: кабінет пропонує клієнту додати сайт на головний екран — із вашою іконкою та вашою назвою. Виходить «застосунок вашого VPN» без розробки застосунку: клієнт відкриває його одним тапом, усередині — підписка, тарифи й підтримка. Якщо логотип ще не завантажений, іконкою стане плитка з першою літерою назви на акцентному градієнті.
Контакти підтримки
Поля «Email підтримки» та «Telegram підтримки» показуються клієнтам в особистому кабінеті. Заповніть хоча б одне — у клієнтів з'явиться відповідь на питання «куди писати, якщо не працює». Telegram можна вводити як зручно: handle, @handle чи посиланням t.me/… — система зрозуміє.
Коли застосовуються зміни
Одразу: натиснули «Зберегти брендинг» — і вітрина оновлюється практично миттєво, нічого «передеплоювати» не потрібно. Клієнтам теж нічого робити не треба. Один виняток — фавікон, іконка застосунку та прев'ю для соцмереж: вони кешуються і можуть підтягнутися на кілька хвилин пізніше.
Запам'ятати
- Вітрина — сайт для клієнтів: вхід за email-кодом, кабінет із підпискою та тарифами; на Max — ще й лендинг.
- Три адреси, по одній на задачу: лендинг, кабінет і посилання на підписку. Блокування однієї не забирає решту.
- Тариф вирішує, що вам доступно, а не де це живе: Базовий — кабінет і посилання на підписку, Max — плюс лендинг і власні домени.
- Логотип автоматично перетворюється на фавікон, іконку застосунку і прев'ю для соцмереж; акцент — із палітри, світле/темне обирає клієнт.
- Вітрина ставиться на телефон як застосунок — із вашою іконкою.
- Контакти підтримки з цього розділу видно в кабінеті кожного клієнта.
Далі
Вітрина є — час виставити на неї товар.
Розділ «Користувачі»: клієнти вашого VPN
Як працювати з розділом «Користувачі» в CreateYourVPN: статуси та ліміти, посилання підписки і QR, ручна видача тарифів, скидання трафіку та перевипуск підписки.
Тарифи: що ви продаєте
Розділ «Тарифи» в CreateYourVPN: тарифні плани для вітрини, режими самореєстрації — ручний, відкритий і монетизований — і що отримує клієнт при купівлі.