AI 建站功能

Runner AI 的 AI Store Builder 是一个"端到端自动建站系统"，能够让你通过简单的描述快速生成一个可上线、可销售的电商网站。

与传统建站不同，你无需：

• 写代码
• 设计网页
• 学习复杂工具
• 从零开始布局页面结构

你只需要输入一句话，AI 就能为你生成：

• 首页（Hero Banner、商品区块、类别结构）
• 商品页（如果你已添加商品）
• 网站配色、排版风格
• 文案内容
• 网站图片与视频（可选）
• 全站结构骨架

之后你可以使用可视化编辑器进行细节修改，或用 Prompt 优化内容。

目录（What You Will Learn）

1. AI 建站基础流程
2. 如何输入 Prompt 并优化网站生成
3. 使用视觉模式（Design Mode）
4. 生成网站视频
5. 添加新模块（Module System）
6. 完善网站结构（多页面结构）
7. 回滚历史版本
8. 常见问题（FAQ）

1. 使用 AI 生成第一个网站

Runner AI 的核心功能就是通过 Prompt 将你的商业构想转换成一个完整的网站。

（1）流程概览（Step-by-Step）

Step 1：创建商店

• 进入：个人主页 → 新建商店
• 输入商店名称后，你将进入建站页面。

Step 2：输入 Prompt

你可以输入任何对网站的构想，例如：

• "我需要一个卖手作蜡烛的网站，整体要温柔、干净、偏奶油风。"
• "给我一个针对黑五的电子产品促销站点，包含倒计时和优惠区块。"
• "为我的 AI 课程生成一个推广页。"

Step 3：等待生成（约几秒即可完成响应）

AI 会自动生成：

• 页面结构
• 图片（如选择 AI 图片）
• 文案（标题、简介）
• 推荐模块
• 网站风格体系

Step 4：查看结果并开始编辑

生成后，你可以：

• 修改布局
• 更换图片
• 优化文案
• 添加模块
• 添加新页面

2. Prompt 增强与优化（Prompt Optimization）

Prompt 是生成结果好坏的关键。

（1）Prompt 的四个关键要素

一个优秀 Prompt 通常包含：

业务类型

• "宠物用品店"
• "瑜伽服装品牌"

视觉风格（Design Style）

• "极简、干净、奶油风"
• "黑金系、科技感、未来感"

目标用户（Audience）

• "面向美国女性消费者"
• "为专业摄影师设计"

功能需求（Key Requirements）

• "需要倒计时模块"
• "需要展示高质量图集"

（2）Runner AI 提供 Prompt Enhance

当你输入很简单的想法，例如：

"我要做一个宠物用品网站"

AI 会自动为你补全：

• 网站结构
• 风格描述
• 模块需求
• 文案方向
• 用户场景

你只需按 Tab 键即可采用增强 Prompt。

（3）Prompt 示例（官方推荐）

Winter Clearance

Create a modern, mobile-first winter clothing clearance eCommerce website with a clean, minimal aesthetic and a calm sense of urgency. The site should highlight end-of-season apparel such as coats, knitwear, sweaters, scarves, and winter essentials, using soft neutral winter tones and editorial-style layouts. Emphasize final markdown pricing with clear original vs discounted prices, subtle "final sale / limited stock" cues, and a prominent hero message like "Winter Clearance – Last Chance to Wear It Out." Include intuitive category filtering, strong but understated call-to-actions, a smooth low-friction checkout experience, and design the overall flow to feel premium, seasonal, and value-driven rather than loud or flash-sale focused.

Home Decor Boutique

Create a Home Decor Boutique with a chic, minimalist design, showcasing high-resolution product photography, intuitive category browsing, and a seamless shopping experience from cart to secure checkout.

Remix Shopify Theme

Remix Shopify impulse theme https://themes.shopify.com/themes/impulse/presets/impulse for fashion website to feature a sophisticated homepage layout with a prominent hero section for new collections, dynamic lookbook galleries for visual storytelling, and enhanced product detail pages including size guides and high-resolution imagery.

Personal Brand Website

Create a modern, responsive founder-led ecommerce website that introduces me as the brand creator while showcasing a curated product line, such as apparel, accessories, lifestyle essentials, or seasonal collections. The site should blend personal storytelling with commerce, clearly communicating my vision, values, and why the brand exists, while naturally guiding visitors to explore and purchase products. Use a clean, premium aesthetic, highlight trust and credibility, include clear calls-to-action (shop the collection, learn the story, join the community), and design the experience to feel authentic, confident, and conversion-focused without feeling overly promotional.

3. 使用视觉模式（Design Mode）

Design Mode 允许你无需代码即可微调页面内容。

（1）文本编辑功能

• 手动编辑文字内容
• 修改字体、大小、粗细
• 调整颜色、对齐方式与位置
• 使用 AI 重写（Rewrite）并自动调整语气

使用 AI 修改会消耗 Credits。

（2）图片编辑功能

两种方式：

① 上传本地图片

适合已有品牌素材的卖家。

② 使用 AI 生成/替换图片

适合没有视觉资产的卖家。

你可以输入：

"Generate a warm lifestyle hero image with a soft beige background and natural sunlight."

AI 会自动帮你替换页面中的对应图片。

4. 为网站生成视频（Video Generation）

视频是高阶功能，用于增强网站吸引力与 SEO。

（1）如何生成视频

在 Prompt 输入区域输入：

generate a branding video for my hero section that showcases modern jewelry with gold accents and slow-motion product shots

AI 会自动：

• 生成视频
• 将视频放入 Hero 区块
• 设定静音播放、自动循环等设置

（2）可自定义内容

• 封面图
• 播放策略（自动播放/静音/循环）
• 视频风格（写实/光影/品牌感）

（3）资格要求

视频属于高成本任务，因此：

• 仅 Runner Plan 及以上用户可用
• 每条视频消耗 10 Credits

5. 添加新模块（Add New Modules）

模块是决定网页丰富度和 SEO 效果的关键。

你可以添加：

• 商品类目区块
• FAQ
• Testimonials（评论）
• 文本模块
• 图文介绍模块
• 营销弹窗（优惠/倒计时）
• Email 订阅模块
• 特性说明（Features）
• 品牌故事（About）

适用场景

• 新品推广页
• 活动落地页
• 品牌介绍页
• SEO 页面（如"冬季穿搭指南"）

模块可无限添加，无需代码。

6. 完善网站结构（Multi-Page Site Structure）

一个完整的网站通常需要多个页面，而不仅是首页。

你可以创建：

① 商品详情页

包含：

• 商品图片
• 描述
• 规格
• 用户评分
• 推荐商品
• FAQ

② Blog 页面

用于 SEO 与品牌内容营销。

示例主题：

• "如何挑选合适的瑜伽服？"
• "为什么天然蜡烛更安全？"

③ About Us 页面

提高品牌信任度。

④ Contact 页面

提供客服邮箱、社交媒体等。

AI 可以帮助你自动生成整页内容。

7. 一键回滚历史版本（Version History）

每一次 AI 修改或手动编辑，系统都会自动保存历史版本。

你可以：

• 查看所有版本
• 预览旧版本
• 一键恢复（Restore）

适用于

• 测试不同设计
• 修复错误
• 恢复不满意的修改

8. 常见问题（FAQ）

Q1：生成的网站能完全修改吗？

可以。布局、图片、文本几乎所有元素都可编辑。

Q2：视频生成为什么需要付费？

视频任务成本高，因此属于高级功能。

Q3：AI 图片的版权归我吗？

你拥有商业使用权。

Q4：Prompt 用中文也可以吗？

支持，但目前英文 Prompt 效果最佳。