AI 落地页生成与电商 landing page 提示词解读:把卖点、结构和视觉指令一次讲清
AI 落地页生成与电商 landing page 提示词解读:把卖点、结构和视觉指令一次讲清
做 AI 落地页生成,很多人卡在两件事:不知道该喂模型什么信息,以及拿到结果后不够像真正能转化的页面。这条提示词的价值,就在于它不是单纯让 AI“写个页面”,而是把营销目标、用户画像、CTA、社会证明、风险承诺都前置整理,特别适合电商主图设计师延伸做落地页方案,也是一条很实用的 电商 landing page 提示词。
这条提示词适合谁用
它尤其适合这类场景:电商主图设计师需要快速产出落地页结构、视觉指令和卖点文案;运营想先做活动页草稿;独立站团队要批量测试不同转化方向。它的好处不是“直接替代设计”,而是先帮你搭好高转化框架,再去细化视觉和素材。
如果你希望把页面结构和商品视觉一起联动跑,最自然的方式是先用这条 prompt 产出页面骨架,再补主图、卖点图、模块图。点击使用 图叮 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 的强点,在于它不是“命令 AI 输出页面”,而是先约束角色、再拆任务、后定义交付。
- 角色:同时限定“着陆页设计专家 + 转化率优化师”,避免结果只有文案没有页面逻辑。
- 两步法:先收集信息,再生成页面,能显著减少 AI 自行脑补造成的偏差。
- 营销目标确认:这是页面方向盘。你选“购买转化”和“留资表单”,页面结构就会完全不同。
- 产品核心信息:核心价值主张、功能、竞争优势,决定首屏标题、卖点区和对比模块怎么写。
- 转化设置:CTA、表单字段、社会证明、紧迫性元素,直接对应转化页最关键的临门一脚。
- 7 大核心模块:本质是一个标准化成交结构,从“吸引注意”到“建立信任”再到“筛选人群”,顺序合理。
- UI 设计标准:这部分很重要,它让输出不止是营销文案,还会带有可执行的视觉和前端要求。
- 全球对标分析:给 AI 参考系。电商像 Apple、Tesla,SaaS 像 Stripe、Notion,风格更容易收敛。
如果你要把这条 电商 landing page 提示词 用得更稳,建议补三项:产品图风格、品牌色、竞品链接。这样生成结果会更像“你的页面”,而不是通用模板。
实战示例
下面给一个更贴近电商团队的 input → output 演示。
输入示例
- 营销目标:提高转化率、收集潜在客户信息
- 产品名称:便携恒温咖啡杯
- 产品类型:实体产品
- 目标用户群体:25-40 岁上班族、通勤人群、咖啡爱好者
- 核心价值主张:随时喝到 55°C 适口温度的咖啡
- 主要功能特点:恒温 6 小时、OLED 温显、防漏杯盖、Type-C 充电、轻量便携
- 竞争优势:比普通保温杯更精准控温,比车载杯更轻
- 价格策略:首发价 299 元
- CTA:立即抢购
- 表单字段:姓名、手机号
- 社会证明:10 万用户众测,好评率 98%
- 紧迫性元素:首发 72 小时限时优惠
预期输出重点
AI 生成时,通常会给出这样的页面骨架:
首屏广告金句 “不是保温,是让每一口咖啡都刚刚好。”
痛点说明 咖啡很快变凉、保温杯太烫难入口、通勤携带不方便。
价值提炼 适口温度、节省时间、提升通勤幸福感、减少浪费。
产品介绍 用参数卡片和场景图说明续航、容量、材质、充电方式。
风险承诺 7 天无理由、1 年质保、客服响应时效。
权威背书 用户好评截图、媒体推荐、销量数字。
适用群体 适合通勤党、办公族、咖啡控;不适合需要大容量户外保温的人群。
这个示例说明,好的 AI 落地页生成 不只是写一句 slogan,而是把首屏、卖点、信任、下单动作连成闭环。
怎么把它和设计工作流接起来
对于电商主图设计师,这条 prompt 最实用的方式不是“直接上线 HTML”,而是分三步:
- 先用提示词拿到页面结构与文案顺序
- 再抽取每个模块需要的视觉素材清单
- 最后补主图、场景图、对比图、图标卡片
这样你会得到一份既能给运营看、也能给设计看、还能给前端落地的半成品方案。尤其在做活动页、众筹页、独立站商品页时,效率提升很明显。
小结与上手建议
这条 prompt 的核心不是“更会写”,而是“更会卖”。它把高转化页面拆成可填写、可复用、可扩展的结构,尤其适合需要快速验证卖点的团队。你可以把它当成落地页提案模板,也可以当成生成页面初稿的标准指令。
立即试试相关工具
如果你已经有商品方向,想把落地页里的主视觉、卖点图、商品图一并补全,可以继续用这个入口: 图叮 AI 一键生成电商主图
它很适合和这条提示词配合使用:前者补视觉素材,后者补页面结构与转化文案。
参考资料
提示词原文来源: yao-open-prompts · 协议 CC BY 4.0
- 原文文件:landing-page-generator.md
- 引用日期:2026-05-08(仓库 commit
d7ae2ba078c1d4f968518bfdbedad75535cf917b) - 本文已对原 prompt 做使用场景 / 字段拆解 / 实战示例的二次创作