自定义:你 VPN 的店铺
CreateYourVPN 的自定义板块:店铺地址与子域名、logo 与 favicon、强调色、支持联系方式,以及把店铺安装到手机上。
在上一课里,"店铺"这个词出现了好几次。是时候正式认识一下了:**店铺(storefront)就是你 VPN 的网站,供你的客户使用。"自定义"**板块负责的,是这个网站住在什么地址、长什么样子。
什么是店铺
CreateYourVPN 面板只有你能看到。客户看到的是店铺——一个属于你自己品牌的独立网站:
- email 登录——客户输入邮箱和邮件里的验证码,无需任何密码;
- 个人中心——订阅和 QR 码、应用安装按钮、带支付按钮的套餐、支持联系方式;
- 在付费套餐下——还会有一个落地页:你服务的一个完整主页。
上一课里那个你用 email 添加的客户,登录的正是这里——然后自己取走他的订阅。
店铺地址
在**"店铺地址"卡片里,你可以选择一个子域名:拉丁字母、数字和连字符。"检查"**按钮会立刻告诉你它是否还没被占用。基础域名取决于你是否开通了 Pro(关于 Pro——见结算那一课):
| 级别 | 店铺地址 | 包含内容 |
|---|---|---|
| 免费 | 你的slug.createyourvpn.com | 客户个人中心,没有落地页 |
| 付费(Pro) | 你的slug.subscriberhub.xyz | 落地页 + 个人中心 |
subscriberhub.xyz 是一个刻意保持中性的域名:从地址上既看不出平台,也看不出背后是一个 VPN。再加上落地页,这让店铺成为彻底的 white-label(白标):客户只看到你的品牌。
客户的订阅链接(https://你的店铺/sub/…)就挂在店铺地址上——这张卡片里的子域名,正是你的服务在应用和邮件里的"门面"。
品牌
**"品牌"**卡片决定店铺的外观:
- 品牌名称——你服务的名字,也就是客户看到的样子。
- 描述——店铺的副标题;它也会提供给搜索引擎和社交媒体预览图。
- Logo——上传任意一张图片(PNG、JPG、WebP……),系统会自动压缩并转换成所需的格式。系统会用 logo 自动生成 favicon(网站图标)、应用图标和社交媒体预览图。
- "店铺配色主题"——从 12 种色调的调色板里挑一个强调色:它会为个人中心、登录页和落地页的按钮与渐变上色。至于浅色还是深色版本,则由客户自己在店铺里选择。
社交媒体预览图会自动生成:你的品牌名称和描述,配上深色背景与强调色的光晕(如果上传了 logo——也会带上它)。把店铺链接丢进 Telegram 或任何即时通讯工具,立刻就显得很专业。
把店铺当成手机应用
店铺可以像应用一样安装到手机上:个人中心会建议客户把网站添加到主屏幕——带着你的图标和你的名字。于是你不用开发任何应用,就得到了一个"你 VPN 的应用":客户一点即开,里面有订阅、套餐和支持。如果还没上传 logo,图标就会是一块以强调色渐变为底、印着名称首字母的方块。
支持联系方式
**"支持 Email"和"支持 Telegram"**字段会展示给个人中心里的客户。至少填一个——客户就有了"不好用时该找谁"的答案。Telegram 可以随你怎么填:handle、@handle 或者 t.me/… 链接——系统都能识别。
改动何时生效
立刻生效:点击**"保存品牌设置"**——店铺几乎会瞬间更新,不需要"重新部署"任何东西。客户那边也什么都不用做。唯一的例外是 favicon、应用图标和社交媒体预览图:它们会被缓存,可能会晚几分钟才更新过来。
关键要点
- 店铺是给客户的网站:email 验证码登录、带订阅和套餐的个人中心;开通 Pro 后——还有落地页。
- 地址是一个子域名:免费套餐用
createyourvpn.com,Pro 用中性的subscriberhub.xyz。 - logo 会自动变成 favicon、应用图标和社交媒体预览图;强调色从调色板里选,浅色/深色由客户决定。
- 店铺可以像应用一样装到手机上——带着你的图标。
- 这个板块里的支持联系方式,会显示在每位客户的个人中心里。
下一课
店铺有了——该往上面摆货了。