AI设计圈

AI 落地页生成提示词解读:一条适合电商 landing page 提示词的高转化工作流

·

AI 落地页生成提示词解读:一条适合电商 landing page 提示词的高转化工作流

做电商视觉的人,最怕的不是不会设计,而是拿到一个产品后,既要想结构、又要补卖点、还得兼顾转化逻辑。这个 AI 落地页生成 prompt 的价值,就在于它不只是“写一个页面”,而是把信息收集、营销目标、页面模块、UI标准和最终交付一次性打包好了。对于需要快速产出页面框架、视觉指令和卖点文案的团队来说,它也是一条很实用的 电商 landing page 提示词

为什么这条提示词值得电商设计师重点看

很多人理解“落地页生成”,只停留在让 AI 帮你写几段文案、拼几个模块。但这条 prompt 更像一个完整的页面策划器:先问清楚目标,再补齐产品信息,最后按高转化页面的常见结构生成 HTML 页面。

对电商主图设计师、详情页设计师、独立站运营尤其有用的点有三个:

这意味着你可以先用它生成页面骨架,再把其中的标题、卖点、对比区、背书区拆回主图、详情页或广告素材中复用。真正落地时,也可以配合工具快速产出视觉稿与商品图。比如你在整理完卖点和版式方向后,就可以顺手点击使用 图叮 AI 一键生成电商主图,把页面里的核心卖点继续延展成主图和营销物料。

提示词原文

---
title: "个性化高转化着陆页生成器"
category: "AI工作"
subcategory: "转化页"
source_section: "2.2"
author: "姚金刚"
version: "V1.0"
created: "2024-05-30"
status: "active"
tags: "着陆页, 转化率, 网页生成"
---

# 个性化高转化着陆页生成器

## 简介
输入产品信息,一键生成个性化的高转化营销着陆页。

## Prompt
```markdown
## 角色 (Role)
你是一位资深的着陆页设计专家和转化率优化师,拥有丰富的数字营销经验和UI/UX设计能力。你精通全球顶级着陆页设计案例,能够根据不同产品特性和营销目标,创建高转化率的着陆页。

## 任务 (Task)
根据用户提供的产品信息,分两个步骤创建专业的高转化率着陆页:
1. **信息收集阶段**:引导用户提供完整的产品和营销信息
2. **页面生成阶段**:基于7大核心模块的着陆页方法论生成完整的HTML着陆页

### 第一步:信息收集引导

请按以下结构收集用户信息:

**营销目标确认**
请明确您的主要营销目标(可多选):
- [ ] 提高转化率(购买/注册)
- [ ] 收集潜在客户信息(表单提交)
- [ ] 品牌认知度提升
- [ ] 产品试用/下载
- [ ] 预约咨询/演示
- [ ] 其他:_______

**产品核心信息**
1. **产品名称**2. **产品类型**:(SaaS软件/实体产品/服务/课程等)
3. **目标用户群体**4. **核心价值主张**:(一句话描述产品最大价值)
5. **主要功能特点**:(3-5个关键功能)
6. **竞争优势**:(与竞品相比的独特优势)
7. **价格策略**:(免费试用/付费/订阅制等)

**转化设置**
1. **主要CTA按钮文案**:(如:"立即试用"、"免费注册"、"获取报价"等)
2. **表单字段需求**:(姓名、邮箱、电话、公司等)
3. **社会证明素材**:(客户评价、使用数据、合作伙伴等)
4. **紧迫性元素**:(限时优惠、库存限制等)

### 第二步:着陆页生成

收到完整信息后,基于以下”7大核心模块“的营销着陆页方法论,生成HTML营销着陆页面。

**7大核心模块**

1. 模块一:广告金句
创作一句能瞬间说清楚产品好处的标题
目标:抓眼球,一句话说清楚产品的好处
常见元素:大标题、核心利益点、数字化承诺(从1到1做一门赚钱的课)

2. 模块二:痛点说明
引共鸣,描述用户常见的三个痛点和问题
场景化描述:孩子数达不清楚、逻辑差、不爱学习
对比图:问题 vs 解决方案

3. 模块三:价值提炼
证明"值得买",能给用户带来哪些具体好处
列表、数据:可强化维计,通过这个课程,我们能获得五大提升

4. 模块四:产品介绍
让人看懂,基本介绍、展示功能&玩法细节
核心参数(比如电商对产品的细节展示、课程介绍等)

5. 模块五:风险承诺
消除顾虑,提供哪些具体购买保障措施
退款政策、技术保障:知晓时答疑、随时退费

6. 模块六:权威背书
塑造可信,通过背书及案例,强化信任及价值
证书、媒体报道、学员案例、名人背书
7. 模块七:适用群体
锁定目标人群,说清"谁适合/不适合"
一是适合谁,二是不适合谁

## 格式 (Format)

### UI设计标准
页面将采用以下设计标准:
- **视觉层次**:清晰的信息架构,精致排版
- **响应式设计**:完美适配手机、平板、桌面端
- **色彩系统**:基于品牌主色调的专业配色方案
- **图标系统**:使用Font Awesome或Material Icons专业图标库
- **交互体验**:
 - 按钮悬停效果(轻微放大+颜色变化)
 - 卡片悬停阴影效果
 - 平滑滚动过渡
 - 内容淡入动画

### 性能优化
- 快速加载优化
- WebP格式图片
- 懒加载技术
- CDN资源引入

### 全球对标分析
根据用户提供的产品信息,参考全球同类产品的页面UI风格并适配着陆页要传达的信息:
- SaaS产品:参考Stripe、Notion、Figma等
- 电商产品:参考Apple、Tesla等
- 服务类:参考Airbnb、Uber等
- 教育培训:参考MasterClass、Coursera等

#### 最终交付
完整的HTML文件将包含:
- 结构化的HTML5语义标签
- 响应式CSS样式(内联或外部文件)
- 必要的JavaScript交互功能
- 表单验证和提交处理
- SEO优化的meta标签

## 开始使用

请提供上述信息收集表中的部分内容,或按照你自己的想法进行描述。我将为您创建一个专业的高转化率着陆页!如果您有任何产品文档、图片素材或参考案例,也请一并提供。

## 字段拆解与逻辑:它为什么能比普通 prompt 更稳定

这条提示词的强,不在“词藻多”,而在结构完整。

### 1. 头部元信息:方便管理与复用

最前面的 `title / category / subcategory / version / status / tags`,不是给模型看的花架子,而是给内容库、团队协作和版本迭代用的。做提示词资产沉淀时,这种格式尤其重要,后续好检索、好归档、好升级。

### 2. Role 先定身份,保证输出口径专业

“资深着陆页设计专家 + 转化率优化师”这个角色设定,把 AI 从“泛写手”拉到“懂营销、懂设计、懂转化”的轨道上。这样生成的内容更容易出现利益点、说服逻辑、CTA 设计,而不是单纯堆砌形容词。

### 3. 两步法设计,解决信息不足的根源问题

很多人直接让 AI 生成页面,结果内容空泛。这里先做“信息收集”,再做“页面生成”,本质上是在补足输入质量。尤其适合电商团队,因为产品卖点、价格机制、社会证明、限时权益这些,都会直接影响页面结构。

### 4. 7 大模块,是这条 prompt 的核心骨架

这部分最值得借鉴:

- 广告金句:解决首屏“一眼能不能懂”
- 痛点说明:解决“用户为什么要继续看”
- 价值提炼:解决“为什么值得买”
- 产品介绍:解决“具体是什么”
- 风险承诺:解决“敢不敢下单”
- 权威背书:解决“信不信你”
- 适用群体:解决“是不是适合我”

你会发现,这其实就是高转化页面的说服路径。对于电商场景,这套结构不仅能用在独立站落地页,也能缩编后用到详情页长图、信息流页、活动页。

### 5. Format 不是装饰,而是输出约束

很多提示词只说“生成页面”,但这里还规定了响应式、图标系统、动效、性能优化、SEO 标签。这让模型输出更接近“可交付页面”,不是停留在策划稿层面。

## 实战示例:从输入到输出,怎么把它用成真正的生产工具

下面给一个更贴近电商设计团队的示例。

### 示例输入

- 营销目标:提高转化率、收集潜在客户信息
- 产品名称:便携式冷热双模筋膜枪
- 产品类型:实体产品
- 目标用户群体:久坐上班族、健身爱好者、术后恢复人群
- 核心价值主张:一台同时支持冷热敷与深层按摩的便携筋膜枪
- 主要功能特点:
 - 冷热双模切换
 - 6档震动强度
 - 轻量便携
 - Type-C 快充
 - 多头按摩适配不同部位
- 竞争优势:比普通筋膜枪多冷热护理功能,机身更轻,噪音更低
- 价格策略:首发优惠价 299 元,支持 7 天无理由
- CTA:立即领取首发优惠
- 表单字段:姓名、手机号
- 社会证明素材:累计销量 3 万+、好评率 98%、健身教练推荐
- 紧迫性元素:前 500 名下单赠收纳包

### 预期输出方向

如果让 AI 严格按这条 prompt 执行,通常会得到这样的页面逻辑:

1. 首屏标题 
 “按摩放松 + 冷热修复,一台筋膜枪解决运动后酸痛与久坐僵硬”

2. 痛点区 
 围绕“普通筋膜枪功能单一”“运动后恢复慢”“上班肩颈紧绷难缓解”展开

3. 价值区 
 用 3 到 5 个卡片展示:冷敷消肿、热敷放松、低噪便携、续航稳定、不同部位适配

4. 产品介绍区 
 补充重量、档位、电池、按摩头、材质等细节,适合继续拆成详情页卖点图

5. 风险承诺区 
 7 天无理由、客服答疑、质保支持

6. 背书区 
 用户评价、教练推荐、销量与好评数据

7. 人群适配区 
 明确适合上班族、运动恢复人群,不适合某些特殊医疗场景用户

这个输出对设计师最有用的地方,是它已经把“版块顺序 + 文案主题 + 卖点层级”整理好了。你后续可以直接把每个区块转成视觉任务:首屏 KV、功能卡片、对比图、用户反馈图、FAQ 模块。换句话说,这不是只生成网页,更像在替你做一轮落地页策划。

## 怎么把它调得更适合电商场景

如果你的重点不是“生成完整 HTML”,而是“先拿到适合设计执行的结构”,建议在原 prompt 外再加一句补充指令:

- 先输出页面信息架构,再输出文案,再输出 HTML
- 每个模块附带视觉建议,如配图类型、构图重点、图标风格
- 卖点文案尽量短句化,方便直接上图
- 输出首屏主标题 3 个版本、CTA 3 个版本供选择

这样做的好处是,AI 不会一步跳到代码,而会先给你更适合设计落地的中间稿。

另外,如果你服务的是不同品类,也可以做微调:

- 美妆护肤:强化功效证据、前后对比、用户肤质适配
- 3C 数码:强化参数、场景演示、性能对比
- 家居日用:强化使用场景、细节材质、收纳与空间感
- 食品保健:强化成分、口感、适用人群与注意事项

## 常见误区:不是 prompt 不行,而是输入太虚

最常见的问题有两个。

第一,产品信息太抽象。 
比如只写“这是一个很好用的产品”,AI 很难生成有说服力的落地页。你必须明确功能、价格、用户、背书、优惠机制。

第二,把页面当海报写。 
落地页不是一句 slogan 就能搞定,它需要完整的说服链路。7 大模块的存在,就是为了避免“好看但不转化”。

所以这条 prompt 最适合的用法,不是单独扔给模型后坐等奇迹,而是由运营、设计、投放共同补全输入。输入越具体,输出越像能上线的页面。

## 适合谁用,以及怎样和现有工作流配合

这条提示词尤其适合:

- 电商主图设计师
- 独立站运营
- 广告投放优化师
- 需要快速出营销页的中小团队

推荐工作流可以很简单:

1. 用 prompt 收集产品与营销信息 
2. 让 AI 先出落地页结构和卖点文案 
3. 设计师提炼首屏、功能区、背书区的视觉指令 
4. 再用图像工具生成主图、卖点图、活动图 
5. 最后由前端或页面编辑器落地

如果你希望把这条思路继续延伸到商品主图、详情页卖点图和活动素材,可以直接试试这个工具:

### 继续把落地页卖点变成可投放素材

[图叮 AI 一键生成电商主图](https://tudingai.cn/photo-editor/landing?utm_source=aixqq&utm_medium=blog&utm_campaign=aixqq_prompts_ai-landing-page-prompt-guide&utm_content=cta_block)

它适合把你在这条 prompt 里整理出的标题、卖点、场景和视觉方向,继续转成更具体的电商图片素材,提高从策划到出图的整体效率。

## 参考资料

---

**提示词原文来源:** [yao-open-prompts](https://github.com/yaojingang/yao-open-prompts) · 协议 [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)
- 原文文件:[landing-page-generator.md](https://github.com/yaojingang/yao-open-prompts/blob/main/prompts/02-ai-work/landing-page-generator.md)
- 引用日期:2026-05-08(仓库 commit `d7ae2ba078c1d4f968518bfdbedad75535cf917b`)
- 本文已对原 prompt 做使用场景 / 字段拆解 / 实战示例的二次创作

#未分类标签