カスタマイズ: あなたのVPNのストアフロント
CreateYourVPNの「カスタマイズ」セクション: ストアフロントのアドレスとサブドメイン、ロゴとファビコン、アクセントカラー、サポート連絡先、そしてストアフロントのスマホへのインストール。
前のレッスンでは、「ストアフロント」という言葉が何度か登場しました。そろそろきちんと紹介しましょう: ストアフロントとは、あなたのVPNのサイトであり、クライアントが利用するものです。**「カスタマイズ」**セクションは、このサイトがどのアドレスに置かれ、どう見えるかを担います。
ストアフロントとは
CreateYourVPNのパネルを見るのは、あなただけです。クライアントが見るのはストアフロント — あなたのブランドの独立したサイトです。
- メールでのサインイン — クライアントはメールアドレスと、メールに届いたコードを入力するだけ。パスワードは不要です;
- マイページ — サブスクリプションとQR、アプリのインストールボタン、支払いボタン付きのあなたのプラン、サポート連絡先;
- 有料プランでは、さらにランディングページも: あなたのサービスの本格的なトップページ。
前のレッスンで、あなたがメールで登録したクライアントは、まさにここにサインインし — 自分のサブスクリプションを自ら受け取ります。
ストアフロントのアドレス
**「ストアフロントのアドレス」カードで、サブドメインを選びます: 半角英字、数字、ハイフンが使えます。「確認」**ボタンを押せば、それが空いているかどうかがすぐにわかります。ベースドメインは、Proを接続しているかどうかで変わります（Proについては支払いのレッスンで）。
| プラン | ストアフロントのアドレス | 含まれるもの |
|---|---|---|
| 無料 | あなたのスラグ.createyourvpn.com | クライアントのマイページ、ランディングページなし |
| 有料（Pro） | あなたのスラグ.subscriberhub.xyz | ランディングページ + マイページ |
subscriberhub.xyz は、あえて中立的なドメインです: このアドレスからは、プラットフォームも、その背後にあるのがVPNだということも読み取れません。ランディングページと合わさることで、ストアフロントは本格的なホワイトレーベルになります: クライアントに見えるのは、あなたのブランドだけです。
クライアントのサブスクリプションリンク（https://あなたのストアフロント/sub/…）は、
ストアフロントのアドレス上に置かれます — このカードで決めたサブドメインこそが、
アプリやメールにおけるあなたのサービスの「顔」です。
ブランディング
**「ブランディング」**カードは、ストアフロントの見た目です。
- ブランド名 — クライアントに見える、あなたのサービスの名前。
- 説明 — ストアフロントのサブタイトル; 検索エンジンやSNSプレビューにも使われます。
- ロゴ — 任意の画像（PNG、JPG、WebP…）をアップロードすれば、システムが自動的に圧縮し、必要な形式に整えます。ロゴからは、ファビコン、アプリアイコン、SNSプレビューが自動的に作られます。
- 「ストアフロントのカラーテーマ」 — 12色のパレットから選ぶアクセントカラー: マイページ、サインインページ、ランディングページのボタンやグラデーションを彩ります。ライトかダークかは、クライアントがストアフロントで自分で選びます。
SNSプレビューは自動的に生成されます: 暗い背景にアクセントカラーの光を添えた、 あなたのブランド名と説明（ロゴがアップロードされていれば、それも）。Telegramや メッセンジャーに貼られたストアフロントのリンクは、その場でブランドらしく見えます。
スマホアプリとしてのストアフロント
ストアフロントは、アプリとしてスマホにインストールできます: マイページが、サイトをホーム画面に追加するようクライアントに提案します — あなたのアイコンと、あなたの名前で。アプリを開発することなく「あなたのVPNのアプリ」ができあがります: クライアントはワンタップでそれを開き、中にはサブスクリプション、プラン、サポートがあります。ロゴがまだアップロードされていない場合、アイコンはアクセントのグラデーションの上に名前の最初の1文字を載せたタイルになります。
サポート連絡先
**「サポートメール」と「サポートTelegram」**のフィールドは、クライアントのマイページに表示されます。少なくとも1つは入力しておきましょう — そうすれば、「動かないときはどこに連絡すればいいか」という疑問への答えがクライアントに用意されます。Telegramは好きな形で入力できます: handle、@handle、または t.me/… のリンク — システムが解釈します。
変更が反映されるタイミング
すぐにです: **「ブランディングを保存」**を押せば、ストアフロントはほぼ即座に更新されます。何かを「再デプロイ」する必要はありません。クライアント側も、何もする必要はありません。1つだけ例外があります — ファビコン、アプリアイコン、SNSプレビューです: これらはキャッシュされるため、数分遅れて反映されることがあります。
要点まとめ
- ストアフロントはクライアント向けのサイト: メールコードでのサインイン、サブスクリプションとプランのあるマイページ; Proではさらにランディングページも。
- アドレスはサブドメイン: 無料プランでは
createyourvpn.com、Proでは中立的なsubscriberhub.xyz。 - ロゴは自動的にファビコン、アプリアイコン、SNSプレビューになる; アクセントはパレットから、ライト/ダークはクライアントが選ぶ。
- ストアフロントはアプリとしてスマホにインストールできる — あなたのアイコンで。
- このセクションのサポート連絡先は、すべてのクライアントのマイページに表示される。
次のレッスン
ストアフロントは整いました — 次は、そこに商品を並べましょう。