CreateYourVPN Academy
课程:工作原理

自定义:你 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、应用图标和社交媒体预览图;强调色从调色板里选,浅色/深色由客户决定。
  • 店铺可以像应用一样装到手机上——带着你的图标。
  • 这个板块里的支持联系方式,会显示在每位客户的个人中心里。

下一课

店铺有了——该往上面摆货了。

On this page