使用新版付费墙编辑工具设计付费墙

我们很高兴推出新版付费墙编辑工具,兼容 Adapty SDK v3.0 及更高版本!

这款先进的无代码工具让创建自定义付费墙变得比以往更加直观和强大。您可以轻松打造精美、吸引人的付费墙——无需任何技术或设计专业知识!

新版付费墙编辑工具的主要功能

  • 扩展模板选择:从大量专业设计的模板中选择,快速启动付费墙创建。这些模板提供多种风格和布局,以满足不同需求和偏好。
  • 增强灵活性:通过使用设计图层以及轮播图、卡片、产品列表和页脚等新元素,享受更大的灵活性。这些增强功能赋予您创意自由,构建任何您想象的付费墙类型。
  • 改进现有元素:现有元素得到了显著改进,提供更多选项和功能,让您的付费墙创意得以实现。
  • 可扩展性:如果您管理多个应用,只需点击一下即可迁移可视化付费墙配置,而无需从头构建。

本节介绍新版付费墙编辑工具,该工具适用于 iOS、Android 和 React Native SDK 3.0 或更高版本,以及 Flutter 和 Unity SDK 3.3.0 或更高版本。有关兼容 Adapty SDK v2.x 或更早版本的旧版付费墙编辑工具的信息,请参阅使用旧版付费墙编辑工具设计付费墙

付费墙的结构

在新版 Adapty 付费墙编辑工具中,付费墙由以下部分组成:

  • 布局:付费墙的基础层,用于设置背景颜色并定义产品的显示方式以及顶部按钮的位置。
  • 主图:付费墙的主要图片。
  • 主区域:您可以在此放置各种元素,如产品块、轮播图、图片、卡片、文本、按钮和列表。
  • 页脚:与主区域类似,但它是一个始终固定在付费墙底部、叠加在主区域上方的容器。您可以添加任意数量的元素,它们将按照左侧面板中显示的顺序从上到下排列在页脚内。
  • 元素:放置在主区域或页脚中用于构建付费墙的基本构件。它们按照在左侧面板中出现的顺序从上到下堆叠。您可以将元素嵌套在彼此内部,将它们组合成卡片,或在轮播图中显示。

如何使用新版付费墙编辑工具开始设计付费墙

新版付费墙编辑工具仅适用于 iOS 和 Android,且需要 Adapty SDK v3.0 或更高版本。请确保您已参阅 升级至 Adapty SDK v.3.x ,以确保您的新付费墙正常运行!

使用 Adapty 付费墙编辑工具:

  1. 在 Adapty 主菜单中打开 Paywalls 部分。

  2. 打开现有付费墙或创建新付费墙

  3. 转到 Builder & Generator 选项卡。

  4. 如果尚未添加产品,请向付费墙添加产品。否则,点击 Build no-code paywall

  5. 选择模板并点击 Choose,或从其他应用迁移付费墙

  6. 点击 Choose 确认您的选择。

  7. 添加自定义付费墙元素。

要显示付费墙,您必须在付费墙编辑工具中打开 Show on device 开关。

design-paywall.gif

迁移旧版付费墙

目前,Adapty 中有两个版本的付费墙编辑工具并行运行:

  • 新版本:位于 Adapty 看板付费墙功能的 Builder & Generator 选项卡中。这是最新、最灵活的版本,提供了许多设计功能,帮助您构建完美的付费墙。

使用此版本设计的付费墙需要 Adapty SDK v3.0 或更高版本。

  • 旧版本:位于 Adapty 看板付费墙功能的 Legacy Builder 选项卡中。此版本已过时,仅应用于支持已安装 SDK 低于 v.3.х.х 的应用版本。我们不建议将其用于新付费墙,因为它很快将被弃用。

将付费墙从旧版付费墙编辑工具迁移到新版意味着将在 Builder & Generator 选项卡中创建付费墙的新版本。

此版本可以使用新版付费墙编辑工具进行编辑,并将显示在已安装 Adapty SDK v3.0 或更高版本的应用中。请参阅 迁移至 Adapty SDK v.3.x 指南 ,获取有关升级 Adapty SDK 的详细参考。

您现有的付费墙版本将保留在旧版编辑工具选项卡中。您可以继续使用旧版付费墙编辑工具对其进行调整,它将显示在已安装 Adapty SDK 2.x 或更早版本的应用中。

您的付费墙将以两种付费墙编辑工具格式并行且独立存在,直到您不再需要为止。针对一个版本的付费墙配置所做的更改不会影响为另一个版本构建的配置。

将付费墙迁移到新版付费墙编辑工具:

  1. 打开要迁移的付费墙。
  2. 打开 Builder & Generator 选项卡。
  3. 点击 Migrate paywall
migrate-paywall.png
  1. 迁移完成后,查看结果并确保付费墙看起来符合预期。如果不符合,请进行修正。
  2. 点击 Save 按钮。
  3. 如果存在任何问题,它们将以红色高亮显示,您将立即看到。修复问题后再次保存付费墙。
migration-issues.png

您可以逐一迁移付费墙,以便在必要时进行查看和修复。

付费墙元素

您添加到付费墙的元素将显示在付费墙窗口的左侧面板中。它们在此面板中的顺序反映了它们在付费墙上的顺序。

Adapty 中的付费墙元素分为简单元素和复合元素:

  • 简单元素:这些是无法包含其他元素的独立项目。示例包括文本、图片和按钮。
simple-elements.png
  • 复合元素:这些可以包含其他元素或具有自己的结构。示例包括:
compound-elements.png

您可以添加的增强功能包括:

  1. 产品信息的预定义标签变量
  2. 自定义标签
  3. 自定义字体
  4. 本地化

配置完成后,您可以将付费墙添加到版位,以在您的移动应用中显示它们。有关显示付费墙的更多详细信息,请参阅各平台专属文章:

自定义选项

您可以灵活设置每个元素:

  • Style 选项卡:调整元素的大小、外观、背景颜色或图片、边框和透明度。某些元素(如轮播图)还提供页面控制和幻灯片设置等附加选项。
  • Layout 选项卡:使用偏移(移动元素而不改变其大小或父元素大小)或内边距(在可能调整父元素大小以适应子元素大小和位置的情况下移动元素)来设置元素及其子元素的位置。
  • Contents 选项卡:配置复合元素的内容。

我们重视您的反馈

您的反馈对我们非常宝贵。如果您遇到任何问题或有改进建议,请随时联系我们。我们随时为您提供支持,并不断提升您使用新版付费墙编辑工具的体验。

📧 联系我们Adapty 支持

享受使用新版付费墙编辑工具构建付费墙的过程,借助我们增强的工具和功能,将您的变现策略提升到新的高度!