创建付费墙(可选)

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 仪表板的所有配置步骤!接下来,让我们测试应用内购买(可选)以验证一切正常工作。