创建付费墙(可选)

10 min

付费墙是鼓励用户购买您产品的屏幕。RevenueCat 的付费墙系统建立在服务端驱动 UI 之上,允许您使用 付费墙编辑器 即时更新布局,无需发布新的应用版本。

付费墙编辑器界面

这允许您的团队专注于 A/B 测试、优化 Offering 和优化消息以提高订阅量,所有这些都无需应用更新的延迟。

前提条件:Offering 设置

在创建付费墙之前,您必须至少配置一个包含 Package 的 Offering。付费墙将链接到 Offering,该 Offering 中的 Package 决定向用户显示哪些产品。

重要:如果您还没有创建 Offering,请先返回创建 Offering步骤。没有 Offering 的付费墙无法显示任何可购买的产品。

付费墙与 Offering 的关系

理解付费墙和 Offering 之间的关系非常重要:

  • Offering = 包含 Package(产品)的容器
  • 付费墙 = 显示这些 Package 的视觉展示层
  • 一个 Offering 一次只能有一个活跃的付费墙
  • 当您为付费墙选择 Offering 时,它会自动获得该 Offering 中所有 Package 的访问权限

创建新付费墙

要开始构建,请转到项目的 Paywalls 页面并点击 + New Paywall

创建新付费墙

选择起点

您有三个选项可以开始:

  1. 预构建模板(推荐)- 从专业设计的模板开始并进行自定义
  2. 从头开始 - 从空白画布构建付费墙
  3. 从 Figma 导入 - 直接从 Figma 导入设计
付费墙模板选择

使用付费墙编辑器

付费墙编辑器由三个主要区域组成:

  • 左侧边栏 - 添加组件、查看图层层次结构、管理品牌和媒体资源
  • 中央预览 - 付费墙的实时可视化
  • 右侧面板 - 配置所选组件的属性(大小、样式、行为)

关键配置步骤

  1. 设置付费墙名称 - 为付费墙提供描述性名称(例如:"主订阅付费墙")
  2. 选择 Offering - 选择此付费墙将显示的 Offering。标识符将付费墙链接到您的 Offering。
  3. 配置组件 - 添加和排列文本、图像、图标、Package 选择器和购买按钮
  4. 设计样式 - 自定义颜色、字体、间距和图像以匹配您的应用品牌
  5. 设置购买按钮 - 确保购买按钮已连接以触发所选 Package 的结账
编辑付费墙设计

可用组件

RevenueCat 为您的付费墙提供各种构建块:

  • 文本和图像 - 标题、描述、功能列表和视觉资源
  • Package 选择器 - 显示链接 Offering 中的订阅选项
  • 购买按钮 - 触发所选 Package 的购买流程
  • 页脚 - 服务条款、隐私政策和恢复购买链接
  • 堆栈和容器 - 用于组织其他元素的布局组件
  • 轮播 - 可滑动的内容部分

预览选项

使用编辑器的预览控件测试您的付费墙:

  • 浅色模式和深色模式之间切换
  • 在不同的设备尺寸(iPhone、iPad)之间切换
  • 如果有本地化内容,预览不同的语言环境

草稿 vs 已发布

付费墙有两种状态:

状态描述对用户可见
草稿进行中的工作,已保存但未激活
已发布上线状态,通过 SDK 提供给用户

工作流程:

  1. 进行更改并点击"保存为草稿"以保存工作而不影响在线用户
  2. 准备好后,点击"发布更改"使付费墙上线
  3. 您可以随时将已发布的付费墙切换回非活跃状态
提示:在发布给生产用户之前,务必使用 SDK 的调试功能在草稿模式下测试您的付费墙。

您已完成设置 App Store 产品和 RevenueCat 仪表板的所有配置步骤!接下来,让我们设置沙盒测试以验证一切正常工作。