11---
22title : " 添加付费墙以销售产品"
3- description : " 在 Adapty 中创建和设计付费墙,然后将其添加到版位以向特定受众展示有针对性的商店页面 。"
3+ description : " 在 Adapty 中创建和设计付费墙,然后将其添加到版位,向特定目标受众展示定制化的商店页面 。"
44metadataTitle : " 添加付费墙以销售产品 | Adapty 文档"
55---
66
@@ -10,28 +10,56 @@ import Zoom from 'react-medium-image-zoom';
1010import ' react-medium-image-zoom/dist/styles.css' ;
1111
1212:::info
13- 在继续本指南之前,请确保您已完成[ 商店集成] ( integrate-payments.md ) ,并按照上一篇[ 添加产品指南] ( quickstart-products.md ) 创建了至少一个产品。
13+ 在继续本指南之前,请确保您已完成[ 商店集成] ( integrate-payments ) ,并按照上一篇[ 添加产品指南] ( quickstart-products ) 创建了至少一个产品。
1414:::
1515
16- 在 Adapty 中,** 付费墙是通过应用向用户提供产品的唯一方式** 。这样您就可以轻松追踪不同产品组合在各用户群中的表现,并管理产品的视觉呈现方式。
16+ :::tip
17+ 需要以编程方式设置 Adapty?您可以使用 [ Developer CLI] ( developer-cli-quickstart ) 完成此步骤。
18+ :::
19+
20+ 在 Adapty 中,** 付费墙是通过应用向用户提供产品的唯一方式** 。这样您可以轻松追踪不同产品组合在各用户群体中的表现,并管理产品的视觉呈现方式。
1721
18- 为了充分发挥 Adapty 的优势,本指南将帮助您创建一个付费墙,用于销售上一步添加的产品 。
22+ 为了充分发挥 Adapty 的优势,本指南将引导您创建一个付费墙,以销售您在上一步骤中添加的产品 。
1923
2024工作原理:
21- - ** 付费墙** :付费墙是一个或多个产品的容器。它可以包含在付费墙构建器中创建的可视化付费墙 、产品信息,或供代码使用的 JSON 配置。了解更多关于 [ 付费墙] ( paywalls.md ) 的内容 。
22- - ** 版位** :版位是应用中展示付费墙、引导页或 A/B 测试的特定位置。版位允许您向特定[ 受众 ] ( audience.md ) 展示付费墙。了解更多关于 [ 版位] ( placements.md ) 的内容 。
25+ - ** 付费墙** :付费墙是一个或多个产品的容器。它可以包含在付费墙编辑工具中创建的可视化付费墙 、产品信息,或供代码使用的 JSON 配置。详细了解 [ 付费墙] ( paywalls ) 。
26+ - ** 版位** :版位是应用中展示付费墙、用户引导流程或 A/B 测试的特定位置。版位允许您向特定[ 目标受众 ] ( audience ) 展示付费墙。详细了解 [ 版位] ( placements ) 。
2327
2428:::note
25- 即使您不使用 Adapty 设计付费墙,也仍然需要完成本指南并创建一个付费墙 。这样,您才能将产品放入其中并追踪货币化分析数据 。
29+ 即使您不使用 Adapty 设计付费墙,仍然需要完成本指南并创建一个付费墙 。这样,您才能将产品放入其中并追踪变现分析数据 。
2630:::
2731
28- ## 1. 构建付费墙 \{ #1 -build-paywall\}
32+ <div style = { {
33+ maxWidth: ' 560px' ,
34+ margin: ' 0 auto 2rem' ,
35+ position: ' relative' ,
36+ aspectRatio: ' 16/9' ,
37+ width: ' 100%'
38+ }} >
39+ <iframe
40+ style = { {
41+ position: ' absolute' ,
42+ top: 0 ,
43+ left: 0 ,
44+ width: ' 100%' ,
45+ height: ' 100%'
46+ }}
47+ src = " https://www.youtube.com/embed/e4o7Z2tUGL8?si=ipwbW3VVN0fIg0R0"
48+ title = " YouTube video player"
49+ frameBorder = " 0"
50+ allow = " accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
51+ referrerPolicy = " strict-origin-when-cross-origin"
52+ allowFullScreen
53+ />
54+ </div >
55+
56+ ## 1. 创建付费墙 \{ #1 -build-paywall\}
2957
3058创建付费墙只需几次点击:
3159
32- 1 . 在 Adapty 主菜单中进入 [ ** Paywalls** ] ( https://app.adapty.io/paywalls ) 。
60+ 1 . 在 Adapty 主菜单中前往 [ ** Paywalls** ] ( https://app.adapty.io/paywalls ) 。
33612 . 点击 ** Create paywall** 。
34- 3 . 输入 ** Paywall name** 。这是 Adapty 控制台中的内部标识符。
62+ 3 . 输入** 付费墙名称 ** ( ** Paywall name** ) 。这是 Adapty 控制台中的内部标识符。
35634 . 点击 ** Add product** ,选择要在付费墙上展示的产品。
36645 . 点击 ** Create as a draft** 。
3765
@@ -48,14 +76,14 @@ import 'react-medium-image-zoom/dist/styles.css';
4876
4977### 设计付费墙 \{ #design-paywall\}
5078
51- 设计付费墙最简单的方式是使用 Adapty 无代码构建器,无需任何设计或编程技能。您可以从大量专业设计模板中选择,或构建完全自定义的付费墙,以适配您的应用 。
79+ 设计付费墙最简单的方式是使用 Adapty 无代码编辑工具,无需任何设计或编码技能。您可以从大量专业设计模板中进行选择,或构建完全自定义的付费墙以适配您的应用 。
5280
5381:::note
54- 如果您不想使用付费墙构建器,可以通过 [ 远程配置] ( customize-paywall-with-remote-config.md ) 和自定义 JSON 数据手动实现付费墙。了解更多关于 <InlineTooltip tooltip = " implementing paywalls manually" >Follow the guide for your platform: [ iOS] ( ios-implement-paywalls-manually.md ) , [ Android] ( android-implement-paywalls-manually.md ) , [ React Native] ( react-native-implement-paywalls-manually.md ) , [ Flutter] ( flutter-implement-paywalls-manually.md ) , [ Unity] ( unity-implement-paywalls-manually.md ) . </InlineTooltip >的内容 。
82+ 如果您不想使用付费墙编辑工具,可以使用带有自定义 JSON 有效负载的 [ 远程配置] ( customize-paywall-with-remote-config ) 手动实现付费墙。详细了解 <InlineTooltip tooltip = " implementing paywalls manually" >请参考您所使用平台的指南: [ iOS] ( ios-implement-paywalls-manually ) 、 [ Android] ( android-implement-paywalls-manually ) 、 [ React Native] ( react-native-implement-paywalls-manually ) 、 [ Flutter] ( flutter-implement-paywalls-manually ) 、 [ Unity] ( unity-implement-paywalls-manually ) 。 </InlineTooltip >。
5583:::
5684
5785:::tip
58- 如果您的应用已发布在 App Store,您可以在几秒钟内为应用生成一个独特且高转化率的付费墙。使用 ** Builder & Generator** 标签页中的 AI 生成器。
86+ 如果您的应用已发布在 App Store 上,您可以在几秒钟内创建一个专为您的应用量身定制的高转化率付费墙。请使用 ** Builder & Generator** 标签页中的 AI 生成器。
5987:::
6088
6189<Zoom >
@@ -69,33 +97,33 @@ import 'react-medium-image-zoom/dist/styles.css';
6997/>
7098</Zoom >
7199
72- 让我们来设计您的第一个付费墙。您可以轻松打造引人入胜的付费墙 :
100+ 让我们来设计您的第一个付费墙。您可以轻松创建引人入胜的付费墙 :
73101
741021 . 在付费墙页面打开 ** Builder & Generator** 。
751032 . 点击 ** Build no-code paywall** 。
761043 . 选择一个模板并确认您的选择。
771054 . 根据需要添加和自定义元素。
781065 . 点击 ** Save** 。
79107
80- 了解更多内容,请查看关于 [ 付费墙构建器 ] ( adapty-paywall-builder.md #paywall-elements ) 的详细文章。
108+ 如需了解更多,请参阅关于 [ 付费墙编辑工具 ] ( adapty-paywall-builder#paywall-elements ) 的详细文章。
81109
82110## 2. 将付费墙添加到版位 \{ #2 -add-paywall-to-placement\}
83111
84- 现在您需要创建一个 <InlineTooltip tooltip = " placement" >A placement is a specific point in your app where you show a paywall, onboarding flow, or A/B test. Placements let you target specific [ audiences ] ( audience.md ) with your paywall. Learn more about [ placements ] ( placements.md ) . </InlineTooltip >,并将刚刚创建的付费墙添加进去 。
112+ 现在您需要为刚刚创建的付费墙创建一个 <InlineTooltip tooltip = " placement" >版位是应用中展示付费墙、用户引导流程或 A/B 测试的特定位置。版位允许您向特定 [ 目标受众 ] ( audience ) 展示付费墙。详细了解 [ 版位 ] ( placements ) 。 </InlineTooltip >。
85113
86- 我们从最核心的引导页版位开始 。之后,您可以在用户旅程中添加更多[ 有意义的版位] ( choose-meaningful-placements.md ) 。
114+ 我们先从最核心的版位开始——用户引导版位 。之后,您可以在用户旅程中添加更多[ 有意义的版位] ( choose-meaningful-placements ) 。
87115
88- 1 . 在 Adapty 主菜单中进入 [ ** Placements** ] ( https://app.adapty.io/placements/paywalls ) 。
116+ 1 . 在 Adapty 主菜单中前往 [ ** Placements** ] ( https://app.adapty.io/placements/paywalls ) 。
891172 . 点击 ** Create placement** 。
90- 3 . 输入 ** Placement name** (例如 ` main ` 或 ` onboarding ` )。这是 Adapty 控制台中的内部标识符。
91- 4 . 输入 ** Placement ID** 。您将在 Adapty SDK 中使用此 ID 来加载该版位的付费墙 。
118+ 3 . 输入** 版位名称 ** ( ** Placement name** ) (例如 ` main ` 或 ` onboarding ` )。这是 Adapty 控制台中的内部标识符。
119+ 4 . 输入** 版位 ID ** ( ** Placement ID** ) 。您将在 Adapty SDK 中使用此 ID 来加载版位对应的付费墙 。
921205 . 点击 ** Run Paywall** ,选择您想要展示的付费墙。
931216 . 点击 ** Save & publish** 。
94122
95- 在应用代码中,您只需硬编码版位 ID。其他所有内容均在 Adapty 控制台中配置,随时可以更改 ,无需更新应用。
123+ 在您的应用代码中,只需硬编码版位 ID。其他所有内容均在 Adapty 控制台中配置,随时可以修改 ,无需更新应用。
96124
97125:::tip
98- Adapty 为您提供灵活性,可以向不同用户群展示不同付费墙并分析其表现。了解更多关于 [ 受众 ] ( audience.md ) 和 [ A/B 测试] ( ab-tests.md ) 的内容 。
126+ Adapty 提供灵活性,可向不同用户群体展示不同的付费墙并分析表现。详细了解 [ 目标受众 ] ( audience ) 和 [ A/B 测试] ( ab-tests ) 。
99127:::
100128
101129<Zoom >
@@ -111,4 +139,4 @@ Adapty 为您提供灵活性,可以向不同用户群展示不同付费墙并
111139
112140## 后续步骤 \{ #next-steps\}
113141
114- 在 Adapty 中将付费墙关联到版位后,下一步是在设备上展示它。让我们继续 [ 将 Adapty SDK 集成] ( quickstart-sdk.md ) 到您的应用中。
142+ 在 Adapty 中将付费墙关联到版位后,下一步是在设备上展示它。让我们继续将 [ Adapty SDK 集成] ( quickstart-sdk ) 到您的应用中。
0 commit comments