这是最常见的付费墙模板。可以单独使用，也可以放在多页面流程的末尾。 一个标准的付费墙页面包含标题、价值描述、功能列表、产品列表、购买按钮，以及页脚中的恢复购买链接、使用条款链接和隐私政策链接。

开始之前

• 在 Adapty 看板中创建产品。
• 将 Adapty 连接到 App Store 和 Google Play。

1. 设置可复用样式

可复用样式让你只需点击一下，就能在每个屏幕上统一应用相同的字体排版和颜色。每个新流程都自带一套默认文字样式（H1、正文、按钮标签等）——在开始添加元素之前，先把它们调整成符合你设计的样式。同时为整个屏幕中会用到的品牌色添加颜色样式。

详细说明请参阅元素样式——可复用样式。

设置样式的步骤：

1. 在左侧面板中，打开 Styles 面板。
2. 在 Text 标签页中，点击已有样式来编辑其字体、字重、大小和颜色。只有在默认样式无法满足需求时，才需要添加新样式。

3. 在 Colors 标签页中，点击 Create style，添加你计划在整个屏幕中复用的颜色。

2. 设置屏幕布局

屏幕本身是你添加的所有内容的容器。请先配置其布局、背景和内边距，这样后续添加的元素才能正确排列。

有关屏幕属性的完整列表，请参阅屏幕与图层 — 屏幕设置。

配置屏幕的步骤：

1. 点击画布空白区域以选中该屏幕。右侧面板将切换为屏幕设置。
2. 在 System UI 下，关闭 Safe area，使内容延伸至屏幕边缘。
3. 在 Layout 下，将方向设置为 Vertical ，将分布方式设置为 Space evenly。

4. 在 Fill 下，选择背景类型——纯色、渐变或图片。本示例使用带有两个色标的 Gradient 。

3. 添加关闭按钮

关闭按钮用于关闭付费墙。Close 预设已预先配置好，无需额外设置操作。

1. 在画布上，点击 +。
2. 选择 Buttons > Close。

4. 添加标题并与关闭按钮配对

H1 标题位于屏幕顶部，紧靠关闭按钮。要让它们水平对齐，需要将两者放入一个水平容器中。

添加标题的步骤：

1. 点击 + > Text > H1。
2. 选中 H1 后，在右侧面板中打开 Design 标签页，在 Content 字段中编辑文本内容。

将标题与关闭按钮分组：

1. 在 Layers 面板中，点击关闭按钮图层上的三点菜单 ，选择 Wrap > Wrap in Horizontal Container。

2. 将 H1 图层拖入新建的水平容器中。

对齐这两个元素：

1. 调整关闭按钮的大小和 H1 的字体大小，使它们能够舒适地并排显示在同一行。
2. 选中水平容器后，在右侧面板中设置对齐方式和分布方式，确保元素正确排列。

5. 添加价值描述

在标题下方添加一行简短的正文，向用户说明订阅所带来的权益。

1. 点击 + > Text > Body。
2. 选中正文元素后，在 Design 标签页的 Content 字段中编辑文本内容。

6. 添加功能列表

功能列表用于突出显示订阅解锁后包含的内容。每一行都有一个图标、功能标题和简短描述。

完整的列表预设，请参阅元素 — 列表。

添加功能列表的步骤：

1. 点击 + > List，然后选择一个列表预设。Icon List 是付费墙中最常用的样式。
2. 选中每一行后，在 Content 字段中编辑标题和描述。
3. 如需添加或删除行，请选中列表，然后在 Layers 面板中使用行控制选项。

7. 添加产品列表

产品列表展示用户可选择的订阅选项。产品元素会为分配给该页面的每个产品渲染一张卡片，其中一张卡片会被自动标记为默认选项。

有关产品管理的更多信息，请参阅设置购买选项。

要添加和配置产品：

1. 点击 + > Products，选择一个布局预设。最常用的是 Vertical List。
2. 在画布上选择每张产品卡片，然后在 Design 标签页的下拉菜单中选择对应产品。下拉菜单会列出所有在 Adapty 看板中配置的产品。
3. 如需更改默认选中项，选择目标卡片，然后在 Design 标签页中启用 Set as default product。
4. 如需自定义折扣徽章，在 Layers 面板中展开产品卡片，选择徽章图层，在 Content 字段中编辑文本。通过点击其他卡片上各徽章图层旁的眼睛图标 来隐藏对应徽章。

8. 添加购买按钮

购买按钮会对用户当前选中的产品发起应用内购买。products.selectedProduct 变量始终指向屏幕上当前选中的产品。

添加购买按钮的步骤：

1. 点击 + > Buttons，选择一个按钮预设。
2. 选中按钮后，在右侧面板中打开 Interactions 标签页。
3. 点击 Add trigger > On tap，然后点击 Add action。
4. 将 Action 设置为 Purchase，将 Product 设置为 products.selectedProduct。

9. 添加页脚链接

页脚包含服务条款和隐私政策的链接（应用商店要求），以及一个恢复先前购买记录的按钮。

添加页脚链接的方法：

1. 点击 + > Buttons > Links。这会添加一行，包含 Restore Purchases、Terms of Use 和 Privacy Policy 按钮。
2. 在 Layers 面板中，选择 Terms of Use 按钮。打开 Interactions 标签页——Open URL 动作已预先关联。点击该动作并输入目标 URL。
3. 对 Privacy Policy 按钮重复上述步骤，填入您的隐私政策 URL。
4. Restore Purchases 按钮保持不变，其动作已预先配置好。

后续步骤

• 保存并发布您的流程。
• 将流程添加到版位，开始向用户展示。