AI 编辑器
AI 编辑器是内置于流程与付费墙编辑工具中的对话面板。用自然语言描述你想要的改动,Adapty 会自动对当前页面进行改写、重新排版或重新布局。操作完成后,Adapty 会告知你具体改了哪些内容,一键即可撤回。
你可以手动调整结果、继续输入提示,或撤销所有更改。
工作原理
- 打开 AI 编辑器:点击左侧面板中的闪光 按钮。
- 一个屏幕对应一个对话:面板标题显示当前编辑的屏幕名称,每条提示词只作用于该屏幕。从下拉菜单切换屏幕后,预览也会随之更新。
- 提示词历史共享:团队中任何人打开某个流程屏幕,都能看到你发送过的提示词——可以直接接着同事的进度继续,无需重复操作。
- 获取灵感:打开 Prompts library,选择一个提示词分类——Visual、Content、Layout 或 Products。本页的提示词示例展示了编辑器的能力范围。
- 一条提示词对应一步撤销:AI 会将一条提示词的所有修改一次性应用,Undo 可将它们全部还原。
- AI 处理期间画布锁定:提示词处理完成前,无法选中或修改屏幕上的元素。你随时可以中断生成。
- 调整已发送的提示词:如需修改已发送的提示词,点击 Retry ,流程编辑器会将其重新载入输入框。
- 发布前不会上线:只有保存并发布流程后,改动才会对用户生效。
使用图片
附加图片 并指示 AI 将其用作视觉参考,或将其放置在屏幕上。每条消息最多可包含 5 张图片:支持 JPEG、PNG 和 WebP 格式,每张不超过 5 MB。
- 根据截图构建页面:附上参考付费墙的截图,并输入提示词
Build a screen like this。AI 会按照截图重新设计当前页面。 - 放置附件图片:附上图片并说明放置位置,例如
Use this as the hero image或Make this the background。 - 调试页面:附上截图以说明问题所在,并描述具体情况。
提示词示例
试试这些提示词,看看 AI 编辑器如何帮助你快速迭代。随时可以撤销更改。
测试全新视觉风格
提示词: Give the paywall a dark, premium feel
AI 会一次性重写文案、调整元素样式并应用新配色方案。用一条提示词即可为你的流程尝试全新视觉风格,满意就保留,不满意就撤销。
通过好评与推荐语增强用户信任
提示词: Add a social proof section with star rating and short testimonials
AI 会在购买按钮上方新增一个容器、星级评分以及推荐卡片——这些都是全新元素,而非对现有内容的重新排版。只需告诉 AI 当前界面上还没有的内容,它就会自动构建出来。
一次提示让密集页面变得一目了然
提示词: Shorten all the text
AI 会同时缩短页面上的所有文字元素,同时保留每个元素的含义。只需一个提示词,即可精简整个页面,无需逐一编辑每个元素。
通过固定底栏让 CTA 始终可见
提示词: Add a sticky footer with the main subscribe button
AI 会在屏幕底部创建一个固定底栏,并将订阅按钮移入其中。只需说出移动端的布局模式名称,AI 就会帮你实现。
用删除线价格让折扣一目了然
提示词: 在折扣方案中显示划掉的原始价格
AI 会找到带有优惠的方案,划掉原始价格,并在旁边显示折后价格。同样的效果如果手动实现则需要多个步骤。
用一句话引导用户选择最优方案
提示词: Push users towards the yearly plan
只需说明目标,AI 自动选择实现方式。它会预选年度套餐卡片、添加 Best Value 徽章,并重写套餐标签以强化优惠效果——三处协调一致的改动,要么全部应用,要么全不应用。
让 CTA 成为视觉焦点,无需指定颜色或尺寸
提示词: Make the subscribe button the most prominent element
AI 会自动提升按钮对比度、增大尺寸,并为其添加留白——无需你指定任何数值。只需描述你想要的效果,剩下的交给 AI 来决定。
将年度价格细分为每日费用
提示词: Break down the annual plan price to a daily cost
Adapty 已为每个订阅自动计算每日价格,AI 会将其显示在年度价格下方。每周、每月和每年的价格同样可用。
添加包含真实套餐与价格的产品选择
提示词: Add a products group with real prices
如果你已在 Products 面板中添加了产品,AI 可以生成一个包含已分配产品、产品名称及产品变量的产品组。
如果页面中没有产品,AI 会添加带有示例价格和标签的套餐卡片。如需显示应用商店中的实际价格,请在每张卡片的产品下拉菜单中选择一个产品,然后要求 AI 关联这些价格。
手动设计一张套餐卡片,其余的让 AI 来完成
提示词: Apply the selected state of the first card to the other cards
先手动设计好第一张产品卡片的选中状态样式,然后让 AI 将该样式应用到其他所有卡片上。AI 会自动更新其余每张卡片的选中状态,省去逐张重复设置的麻烦。
无需推倒重来,持续优化即可
提示词: Softer background, and move the trial line closer to the button
聊天记录会保存当前屏幕和上一条提示词,后续调整无需重复描述。不断微调直到满意为止——每条提示词都是独立的撤销步骤。
AI 编辑器的局限性
AI 编辑器可以对所指向的屏幕进行样式调整、内容重写和布局重排。但它无法:
- 同时编辑多个屏幕:切换到目标屏幕后重新发起提示即可。
- 生成或获取媒体:AI 无法创建图片,也无法从链接下载图片,只能使用你上传到对话中的图片。当它根据截图重建屏幕时,图片槽会留空。对话不支持视频,请手动添加。
- 创建自定义变量或条件逻辑:AI 会将内置产品变量(如每日价格)写入你的文案,自定义变量和分支逻辑需要你自己配置。
- 设置导航和链接:请手动配置导航和链接操作。
- 选择提供哪些产品:请在 Products 面板中自行添加产品。AI 只会为该面板中已列出的产品生成方案卡片。
Adapty 可能会在未来版本中取消这些限制。