客製化:您 VPN 的店面
CreateYourVPN 中的「自訂」區塊:門市的三個網址、你自己的網域、Logo 與 favicon、強調色、支援聯絡方式,以及把門市裝到手機上。
在上一課中,"店面"這個詞出現了好幾次。現在該好好認識它了:店面就是您 VPN 的網站,供您的客戶使用。**"客製化"**區塊負責決定這個網站位於哪個位址,以及它看起來如何。
什麼是店面
CreateYourVPN 面板只有您看得到。客戶看到的是店面——一個掛在您品牌之下的獨立網站:
- 以 email 登入——客戶輸入電子郵件與信件中的驗證碼,完全不需要密碼;
- 個人中心——訂閱與 QR、應用程式安裝按鈕、您帶有付款按鈕的方案,以及支援聯絡方式;
- 在 Max 上——還有 著陸頁:你服務的完整首頁。
您在上一課用 email 建立的那位客戶,登入的正是這裡——並自行領取他的訂閱。
門市的網址
門市有 三個網址,各司其職。每個都有自己的名稱,三個都由你自己挑:
| 面 | 網址 | 那裡承載什麼 |
|---|---|---|
| 著陸頁 | yourname.subscriberhub.xyz | 你的公開頁面,含方案與付款(Max) |
| 客戶中心 | yourname-app.subscriberhub.xyz | 客戶登入、付款並取得設定的地方 |
| 訂閱連結 | yourname-sub.subscriberhub.xyz | 應用程式取得訂閱的位址 |
每張卡片都有自己的名稱欄位和 「檢查」 按鈕,會立刻告訴你該名稱是否可用。subscriberhub.xyz 是刻意選用的中性網域:從網址上既看不出平台,也看不出背後是 VPN。
為什麼是三個而不是一個。 著陸頁是最先被收錄、被轉傳,也最先被封的部分。只要它和客戶中心、訂閱連結共用同一台主機,封鎖就會連同登入和所有已發出的連結一起帶走。分開的網址下,客戶那端一切照常運作——消失的只有著陸頁。
方案決定的是 你能用什麼,而不是它住在哪裡:
| 方案 | 面 |
|---|---|
| 基本版 | 客戶中心與訂閱連結 |
| Max | 另加著陸頁和你自己的網域 |
如果你的店面在位址拆分之前就已存在,舊位址現在就是你的到達頁——名稱本身沒有改變。登入與客戶面板已遷移到面板位址,今後客戶在那裡登入。先前在舊位址發放的訂閱連結仍可繼續使用。
你自己的網域
在 Max 上,每個面也可以放在 你自己的網域 上——把卡片切到「自有網域」並新增即可。位址請依實際要使用的樣子填寫——acme.com 或 vpn.acme.com——填寫的就是我們提供服務的主機,不會再往後附加任何內容。每個面都需要各自的位址,因此請給到達頁、客戶端與訂閱連結分別設定不同的位址。
面板會顯示需要建立哪些 DNS 記錄,之後由它自行驗證擁有權並簽發憑證——你這邊只剩下 DNS。
重新命名某個面不會影響它的自有網域:改名只會移動平台子網域。 自有網域由你自己管理——新增主機、完成驗證並設為使用中;先前的主機會繼續服務所有已經發出的內容。
客戶的訂閱連結(https://your-subscription-address/sub/…)位於訂閱網址上——它是你
的服務在各種應用程式中的「門面」。已經發出的連結在任何變更之後仍可使用:原本的網址
永遠不會被收回。
品牌
**"品牌"**卡片——店面的外觀:
- 品牌名稱——您服務的名稱,也就是客戶看到的樣子。
- 描述——店面的副標題;它同時也會傳給搜尋引擎與社群媒體預覽。
- 標誌——上傳任何圖片(PNG、JPG、WebP…),系統會自動壓縮並轉換成需要的格式。系統會自動用標誌製作網站圖示、應用程式圖示與社群媒體預覽圖。
- "店面色彩主題"——從 12 種色調的調色盤中選一個強調色:它會為個人中心、登入頁面與著陸頁的按鈕和漸層上色。至於淺色或深色版本,則由客戶自己在店面中選擇。
社群媒體預覽圖會自動產生:您的品牌名稱與描述,置於帶有強調色光暈的深色背景上 (若已上傳標誌,也會一併放上)。把店面連結貼到 Telegram 或任何通訊軟體, 立刻就顯得很有品牌感。
把店面當成手機應用程式
店面可以作為應用程式安裝到手機上:個人中心會邀請客戶把網站加入主畫面——帶著您的圖示與您的名稱。這樣一來,不必開發應用程式,就有了"您 VPN 的應用程式":客戶一點就能打開它,裡面有訂閱、方案與支援。如果尚未上傳標誌,圖示就會是一塊帶有名稱首字母、置於強調色漸層上的方塊。
支援聯絡方式
**"支援 Email"和"支援 Telegram"**欄位會顯示在客戶的個人中心裡。至少填寫一項——客戶就能知道"如果不能用,該找誰"。Telegram 可以用任何方便的方式輸入:handle、@handle 或 t.me/… 連結——系統都看得懂。
變更何時生效
立即生效:按下**"儲存品牌設定"**——店面幾乎會即刻更新,不需要重新部署任何東西。客戶也不需要做任何事。唯一的例外是網站圖示、應用程式圖示與社群媒體預覽圖:它們會被快取,可能會晚個幾分鐘才更新。
重點回顧
- 店面是給客戶的網站:以 email 驗證碼登入、帶有訂閱與方案的個人中心;在 Max 上——還有著陸頁。
- 三個網址,各司其職:著陸頁、客戶中心與訂閱連結。其中一個被封不會拖累其他兩個。
- 方案決定你能用什麼,而不是它住在哪裡:基本版——客戶中心與訂閱連結;Max——另加著陸頁和你自己的網域。
- 標誌會自動變成網站圖示、應用程式圖示與社群媒體預覽圖;強調色來自調色盤,淺色/深色則由客戶選擇。
- 店面可以作為應用程式安裝到手機上——帶著您的圖示。
- 這個區塊裡的支援聯絡方式,會顯示在每位客戶的個人中心中。
接下來
店面有了——是時候把商品擺上去了。