在 Adapty 的付费墙编辑工具中选择模板后，您可以自定义付费墙的视觉外观以匹配您的品牌风格。布局设置提供了多种控件，用于调整付费墙的布局、背景及整体外观。让我们来了解这些设置：布局设置控制付费墙的基本方面，包括模板、背景颜色、默认字体、购买流程、内容布局和顶部按钮。

购买流程

决定用户完成购买的方式。有两个选项：

• 产品列表 + 购买按钮：用户先选择产品，然后点击购买按钮开始购买。

• 产品即购买按钮：每个产品都是一个按钮，用户点击产品按钮时即开始购买。

背景颜色

通过为付费墙设置默认背景来保持视觉一致性。在 Layout settings 中使用 Background color 字段。点击彩色方块打开配置窗口，您可以在不同选项卡中选择纯色或渐变色。

付费墙的字体设置

保持付费墙与应用其他部分的视觉一致性非常重要——字体是最大的视觉因素之一。您可以选择为付费墙使用系统字体（iOS 为 SF Pro，Android 为 Roboto）、使用可用的通用字体之一，或上传自定义字体：

Layout settings 中的字体设置默认应用于所有付费墙组件。您可以在单独编辑特定元素（如文本框或列表）时覆盖这些设置。如果您在 Layout settings 中更改了默认字体，不会影响已设置独立字体的元素。了解如何上传自定义字体，请点击此处。

内容布局

您无需为付费墙的每个内容元素手动调整边距和宽度。前往 Content layout 可一次性调整所有内容元素的以下设置：

• Default child margin：定义每个子元素周围的间距。
• Spacing：定义布局内元素之间的间距。
• Max width：设置元素的最大宽度，以优化 iPad 上的布局。我们建议设置为 600pt，以获得简洁、平衡的布局。

若要调整特定元素的布局——例如为页脚设置最大宽度——请前往 App Icon、Header、Feature List、Products 或 Footer 下的 Layout 部分。

顶部按钮

为付费墙添加最多 2 个顶部按钮，为用户提供关闭付费墙等选项。自定义其外观和行为的方法如下：

1. 启用 Top Button 或 Top Button 2 开关。
2. 选择按钮的外观和位置。预览将即时更新。

按钮设置	说明
Action	选择用户点击此按钮时付费墙应执行的操作。如果选择标准操作，付费墙将生成一个标准事件，您可以在移动应用代码中以标准方式处理。 如果选择自定义操作，您需要在移动应用代码中通过其 CustomActionID 处理该操作。
Style	选择按钮是显示为图标还是文字。如果选择图标，请在相应选项中选择图标类型。

3. 若要延迟按钮的出现时间，请调整 Show after delay 滑块。