产品列表是付费墙的核心元素，它以有条理、吸引人的方式展示您的产品。该列表对于引导用户完成购买至关重要。

Content 标签页包含将在付费墙中展示的产品。这些产品与您在创建付费墙时添加的产品相同。

您可以调整产品列表，这将影响付费墙 General 标签页中的产品列表。

查看产品列表后：

1. 在 Selected product 字段中选择默认预选的产品。
2. 在 Products 部分的 Style 标签页中，定义产品在选中或未选中状态下的显示效果。
3. 在 Layout 标签页中配置模块的整体视图，或添加产品分组以组合布局。

产品视图自定义

提升特定产品的视觉吸引力可以显著重新分配用户的注意力。突出显示某个产品或特别优惠，可以引导用户将注意力集中在该产品上。下面介绍一些强大的自定义选项。

产品徽章

产品徽章是可添加到产品上的小标签，可提供额外的促销信息并引导用户的选择。徽章大小会自动调整以适应文本，其位置也针对您的付费墙布局进行了优化。

添加产品徽章的步骤：

1. 在特定产品的设置中，打开 Product badge 开关。

2. 根据您的设计需求，自定义徽章的外观和文字。

已选产品

对于产品列表 + 购买按钮的购买流程，您可以预选一个产品，以便温和地引导用户选择它。这对于引导用户选择尤为有效。

如果您添加了多个产品分组，相同的 Selected product 选项将应用于所有分组。

预选产品的步骤：

1. 打开 Products 元素。

2. 在 Content 标签页中，从 Selected product 下拉列表中选择要预选的产品。
3. 如有需要，在 Style 标签页中调整已选产品及其他产品默认状态的视图效果。

突出显示产品

对于产品作为购买按钮的购买流程，您可以突出显示首选产品，使其成为主要选项，立即吸引用户注意。

突出显示产品的步骤：

1. 在左侧面板中，选择要突出显示的产品。

2. 在 Style 子部分中，调整设计以使产品更加突出。

产品优惠

每个产品可以在 Text 子部分为优惠配置不同的文本。Default 标签页包含在无优惠时显示的文本。

这里非常适合使用：

• 标签变量，用于动态本地化内容
• 自定义标签，用于您自己的动态内容

输入尖括号开始输入时，Adapty 会建议可用的标签变量，以便插入来自商店的本地化数据。

通过试用开关在两个产品集之间切换

为了创建多样化的用户体验，您可以允许用户使用开关在两组产品之间切换。这对于区分标准产品和试用产品尤为有用。

添加开关的步骤：

1. 在 Products 元素中，将 Products grouping 选项更改为 Toggle (for free trials and other offers)。这将添加两个子部分：Toggle on 和 Toggle off。

2. 将产品添加到两个子部分，以创建开关打开或关闭时的视图。
3. 在 Toggle 元素中，设置 Default state 以选择付费墙中开关的初始状态（开启或关闭）。

通过标签页在产品集之间切换

付费墙标签页可让您将产品分组归类，向用户展示所有可能的选项。在以下情况下尤为有用：

• 您的应用提供多种按周、按月或按年的订阅方案
• 您有不同等级，如 Plus、Gold 或 Premium

您还可以在标签页中添加功能列表等元素，帮助用户了解不同等级之间的差异。

添加标签页的步骤：

1. 在 Products 元素中，将 Products grouping 设置为 Tabs (for comparing plan groups)。这将把您的产品拆分为两个初始标签组。

   

2. 如需更多标签页，点击 Add tab group。

   

3. 在这些标签页中组织您的产品。

   

4. 打开第一个标签组，在 Tab title 中输入将显示在付费墙上的名称。

   

5. 在单独的字段中输入内部标签名称，以便于参考。此名称不会在付费墙上显示，但可帮助您在列表中识别该标签页。

   

6. 对每个标签页重复步骤 4-5。

7. 选择用户打开付费墙时默认激活的标签页。前往 Tab control，从 Selected tab 列表中选择默认标签页。

   

在按钮下方显示更多产品

为保持付费墙简洁，您可以将部分产品或产品组隐藏在按钮后面（如”查看更多方案”或您喜欢的任何标签）。

这样可以让用户首先专注于您的主要选项，同时仍然允许他们在感兴趣时探索其他方案。

这是使付费墙更整洁、提升转化率的好方法。

操作步骤如下：

1. 在 Products 元素中，将 Products grouping 选项设置为 Button (for more alternative plans)。这将把您的产品拆分为两组：Shown 和 More plans。

2. 将产品分配到这两个组中。Shown 用于您希望立即显示的产品；More plans 用于隐藏在按钮后面、仅在用户点击时显示的产品。

   

3. 在 View more plans 元素中，根据您的需求自定义按钮的文本和布局。

   

这些选项帮助您构建清晰、视觉吸引力强的产品列表，引导用户完成购买。

在底部弹窗中显示更多方案

为简化付费墙，您可以隐藏部分产品，仅在用户点击按钮（如”查看更多方案”或您选择的任何标签）时显示它们。

此操作将打开一个滑出式底部弹窗，其中包含隐藏的产品。

这种设置有助于用户首先关注您的主要选项，同时让他们可以灵活地探索其他方案（如果感兴趣的话）。

这是简化付费墙并有效提升转化率的有效方法。

操作步骤如下：

1. 在 Products 元素中，将 Products grouping 选项设置为 Bottom Sheet (for more alternative plans)。这将把您的产品拆分为两组：Shown 和 More plans。

2. 将产品分配到这两个组中。Shown 用于您希望立即显示的产品；More plans 用于最初隐藏、仅在用户点击按钮时显示的产品。

   

3. 在 View More Plans 元素中，根据您的设计和文案需求自定义按钮的文本和布局。

   

4. 底部弹窗将自动采用与主付费墙相同的产品列表显示格式，无论产品是作为独立购买按钮还是每个产品本身作为按钮。您可以自定义底部弹窗的布局、文本、样式和默认产品选择。

这些选项帮助您创建简洁、用户友好的产品列表。

添加产品分组

如果您想对不同产品同时应用垂直和水平布局，或在产品之间添加文本，可以添加另一个产品分组。

添加产品分组的步骤：

1. 点击 Footer 上的 Add element 或 +。
2. 选择 Products。
3. 添加产品。由于同一产品不能出现在不同分组中，您需要先从另一个分组中删除该产品。