一步步创建你的第一家商店

以蜡烛商店为例，从登录开始，完成首次预览、一次具体修改和发布前检查。包含截图和简短录屏。

创建一个可以预览、修改并准备分享的店铺前台。按顺序完成以下步骤，也可以通过目录回到需要的步骤。

本教程以手工蜡烛商店 Quiet Mornings 为例。你可以换成自己的商业想法。截图和无声录屏展示的是英文界面；问题和可用控件可能因商店而异。

进入路径： Runner AI → 免费开始 → 登录 → 你的工作区。

简要步骤

1. 打开商店名称菜单 → 创建商店（空工作区也可能显示 + 商店）。如果显示 从零开始，可选择新建；已有 Shopify 商店则选择 连接 Shopify。
2. 在项目对话中说明业务、目标受众、视觉风格和所需页面。发送请求，并回答 Runner 的问题。
3. 首次构建就绪后，打开 店铺前台 检查预览。预览就绪并不代表网站已公开。
4. 准备上线时，选择 发布，完成所有上线检查项后再确认。发布成功与结账可用仍需分别验证。

开始前

• 准备一个可以访问的邮箱或 Google 账号。
• 选择还有可用商店名额、且积分足够执行请求的工作区。创建新商店前，先解决套餐或访问限制。
• 用一句话说明你卖什么、卖给谁。先生成预览，再细化设计。

查看店铺前台不需要连接支付服务商。可以预览、已发布和可以收款是三个独立的检查点。

1. 登录

1. 打开 Runner，选择免费开始。如果已经登录，选择打开工作区。
2. 选择使用 Google 继续并选择你的账号；也可以输入邮箱，选择继续，然后输入 Runner 邮件中的验证码。
3. 完成页面上显示的账号问题。Runner 会打开工作区，或返回你开始登录的页面。

英文标注指出了操作位置。点击图片可放大查看。

检查： 你可以打开工作区，不会再次跳回登录页。如果验证码或账号选择失败，请参阅登录。

2. 创建商店

1. 选择左侧栏顶部的商店名称，再选择创建商店。如果侧栏已收起，先将其展开。在空工作区中，使用页面显示的创建商店或 + 商店。
2. 如果表单提供商店类型选项，选择从零开始。如果想保留现有 Shopify 商店，请改用连接 Shopify。
3. 在商店名称中输入 Quiet Mornings，或使用你自己的名称。
4. 选择创建，等待新商店打开。创建过程中不要再次点击。

英文标注指出了操作位置。点击图片可放大查看。

检查： 侧栏显示新商店的名称。创建商店还不会构建或发布店铺前台。

3. 描述第一个版本

1. 选择店铺前台。如果尚未构建版本，Runner 会显示输入框，请你描述想要的店铺外观。你也可以使用新商店的对话。
2. 将以下示例复制到输入框中，并修改业务信息：

Build a store for Quiet Mornings, a handmade candle brand for people
who enjoy slow mornings. Use warm cream colors, forest-green accents,
and spacious product photography. Include a homepage, product pages,
About, and Contact. Start with three sample candles: Morning Light,
Cedar Cabin, and Lavender Dusk. Keep the store unpublished.

3. 选择发送箭头（发送消息）。如果起始页面显示开始构建，请选择该操作。
4. Runner 会打开构建对话并开始工作。留在这家商店中查看结果。

检查： 对话中显示了你的请求，下方出现进度指示或追问。示例商品仅用于练习；销售前请替换其信息。

4. 回答问题并查看进度

1. 阅读每个问题。选择一个答案，或使用其他… 填写自己的答案。
2. 回答剩余问题。在本示例中，我们会选择蜡烛价格和摄影风格。
3. 等待 Runner 继续工作。如果需要了解失败或受阻的步骤，请打开详情。

英文标注指出了操作位置。点击图片可放大查看。

观看：回答追问

录屏依次展示选择价格、进入摄影问题、选择视觉风格。已回答表示选择已提交，Runner 会继续工作。你的问题取决于你的请求。

检查： 没有问题还在等待你的回答。仅看到完成消息还不够：打开店铺前台，检查实际加载的内容。

5. 预览并做一次修改

英文标注指出了操作位置。点击图片可放大查看。

1. 打开店铺前台，或在已完成的构建卡片上选择预览（如果显示）。
2. 等待商店本身显示出来。预览生成中… 表示尚未准备好查看。
3. 打开首页、一个商品页、关于页和联系页。检查文字、图片、价格和导航。
4. 使用设备控件检查电脑、平板和手机。注意文字是否被截断、按钮是否重叠，以及是否出现横向滚动。
5. 返回对话，提出一个具体的修改请求：

Change the homepage headline to “Make room for a slower morning.”
Keep the colors, layout, and product information unchanged.

6. 等待修改完成，重新打开当前预览，确认新标题已经显示。再检查一次手机视图。

检查： 你能在预览中找到所请求的修改。商店仍未发布。如果可用，设计模式也支持选择一个元素进行具体修改。

英文标注指出了操作位置。点击图片可放大查看。

观看：检查电脑和手机布局

设备控件依次从电脑切换到平板、手机，再回到电脑。这只会改变预览框，不会发布或修改商店。

6. 查看发布检查

发布可能需要付费套餐或额外的工作区访问权限。如果选择发布后出现升级提示，请查看当前套餐，或返回预览。解决这项限制后，才能进入发布确认。

英文标注指出了操作位置。点击图片可放大查看。

1. 在店铺前台工具栏中选择发布。这会开始访问权限和就绪状态检查，并不表示商店已经上线。
2. 阅读确认部署对话框，等待构建检查。
3. 解决页面列出的事项。用 AI 修复会请求修复，重试检查会重新运行检查；如果显示打开店铺运营，可通过它前往设置。
4. 如果只是在练习，选择取消。如果要公开这个版本，请先检查所有警告，并且仅在确认可用时选择它。
5. 确认后，等待发布成功，打开公开网址并检查线上页面。如果发布失败，不要认为修改已经上线。

截图中，构建检查已通过，但设置仍有待完成。如果显示我了解店铺设置尚未完成，并仍要发布，勾选它只表示你知晓列出的未完成设置，不会完成这些工作。

观看：退出检查而不发布

录屏展示构建结果和设置警告，然后选择取消并返回预览。示例商店没有发布。

检查： 可用的预览说明你能看到构建结果。发布成功且公开网址可用，才说明访客可以访问。接受订单前，还需完成支付连接和结账检查。

商品、配送、政策及其他设置，请参阅准备发布。接下来阅读发布和重新发布以及线上商店和结账。

如果某一步没有完成

相关指南

• 创建 Runner 商店
• 写出有效的请求
• 预览你的商店
• 让你的第一家商店开始营业