第02课 3小时搭建Shopify独立站:AI Agent快速建站实战
第02课 3小时搭建Shopify独立站:AI Agent快速建站实战
一个晚上,一个品牌
周六晚上 8 点,深圳南山。
刘嘉琪坐在客厅的书桌前,打开了 Shopify 注册页面。她的目标是:今晚 11 点之前,让她的宠物用品品牌 PawNest 上线。
三个月前,她还在犹豫。朋友圈里一个做亚马逊的卖家告诉她:“独立站很麻烦,要懂代码,要找开发,至少要花 3 万块。”
但刘嘉琪在一个跨境电商社群里看到了不同的声音:用 Hermes Agent + Shopify,3 小时就能搭好一个品牌独立站。
"3 小时?"她半信半疑。
结果是 2 小时 47 分钟。
这一课,我会带你一步步复制刘嘉琪的操作。到课程结束,你会拥有一个专业级品牌独立站。
第一阶段:注册与基础配置(30分钟)
步骤1:注册 Shopify 账号
打开 shopify.com,点击"Start free trial"。输入邮箱、设置密码、填写店铺名称。
店铺名称的讲究:
不要用 “xiaoming-store” 这种名字。品牌名要满足三个条件:
| 条件 | 说明 | 好例子 | 坏例子 |
|---|---|---|---|
| 可发音 | 英语母语者能读出来 | PawNest | XiaoMingDian |
| 可记忆 | 听一次就能记住 | MobyShield | QWZX-Tech |
| 有含义 | 暗示品牌价值 | PawNest(爪+巢=宠物的家) | Shop12345 |
让 Hermes 帮你起名:
name: brand_name_generator
steps:
- tool: claude_opus
action: generate
prompt: |
我要做一个[宠物用品]品牌,目标市场是[美国]。
品牌核心价值是[让宠物如家般舒适]。
请生成20个品牌名,要求:
1. 英文,2个音节以内
2. .com 域名可能可用
3. 有积极含义
4. 容易发音和记忆
每个名字附带解释
步骤2:选择 Shopify 套餐
2026 年 Shopify 的三个套餐:
| 套餐 | 月费 | 交易费 | 适合 |
|---|---|---|---|
| Basic | $39 | 2.9% + $0.30 | 新品牌,月收入 < $10K |
| Shopify | $105 | 2.6% + $0.30 | 增长期,月收入 $10K-$50K |
| Advanced | $399 | 2.4% + $0.30 | 成熟品牌,月收入 > $50K |
建议从 Basic 开始。 Basic 的功能对新品牌绰绰有余。等月收入超过 $10K,再升级也不迟。
步骤3:基础设置
在 Settings 页面完成以下配置:
店铺信息
- Store name:你的品牌名
- Store currency:USD(美元)
- Time zone:选目标市场时区(美国选 EST 或 PST)
收款设置
- Shopify Payments:美国/欧洲客户的首选
- PayPal:全球通用,必开
- 备选:Stripe(需要海外公司或用 Payoneer 等平台)
运费设置
- 美国本土:Free shipping over $49(提升客单价的经典策略)
- 国际运费:按区域设置(先开美国,后续再加)
域名绑定
- 在 Namecheap 或 GoDaddy 购买你的品牌域名
- 回到 Shopify > Settings > Domains,添加自定义域名
第二阶段:选题与设计(60分钟)
步骤4:选择主题
Shopify 2026 的主题商店有 100+ 个主题,但你只需要关注三件事:
- 移动端体验 —— 70%+ 的独立站流量来自手机
- 加载速度 —— Google Core Web Vitals 得分要 90+
- 品牌感 —— 看起来像个品牌,不像个批发市场
推荐的免费主题:
- Dawn(Shopify 官方默认,简洁高效)
- Taste(适合生活方式品牌)
- Craft(适合手工/匠人品牌)
值得投资的付费主题($250-$380):
- Prestige(高端品牌风格)
- Impulse(强调产品视觉)
- Symmetry(平衡感好,适合全品类)
刘嘉琪选了 Dawn——免费、快速、可定制空间大。
步骤5:品牌视觉配置
这一步是让你的店铺"有品牌感"的关键。
色彩方案
让 AI 帮你生成品牌色彩:
name: brand_color_generator
steps:
- tool: claude_opus
action: generate
prompt: |
品牌名:PawNest
品类:宠物用品
目标情感:温暖、信任、家的感觉
请生成一套品牌色彩方案:
- 主色(用于按钮、CTA)
- 辅色(用于标题、强调)
- 背景色(用于页面底色)
- 文字色(用于正文)
输出 HEX 色值和使用场景
PawNest 的配色方案(AI 生成):
| 用途 | 颜色 | HEX |
|---|---|---|
| 主色(CTA按钮) | 暖橙色 | #E8722A |
| 辅色(标题) | 深棕色 | #3D2C1E |
| 背景色 | 米白色 | #FFF8F0 |
| 正文色 | 深灰色 | #333333 |
Logo 设计
你不需要花 $5000 请设计师。2026 年的方案:
- 快速方案:用 Canva 的 Logo 模板,10 分钟搞定
- AI 方案:用 AI 图像生成工具生成 Logo 概念,再用 Canva 细调
- 专业方案:等品牌有收入后,再花 $500-$1500 请设计师升级
刘嘉琪用 Canva 花了 15 分钟做出了 PawNest 的 Logo——一个爪印叠加在小房子图形上。简洁、有辨识度、传达"宠物的家"的品牌内核。
步骤6:配置核心页面
一个品牌独立站至少需要 5 个核心页面:
首页(Homepage)
首页不是产品列表,是"品牌第一印象"。结构:
- Hero Banner:一张高质量品牌主图 + 一句 Slogan + CTA 按钮
- 品牌故事短版:3 句话说清楚你是谁、你解决什么问题
- 精选产品:3-6 个主打产品
- 社会证明:客户评价/媒体报道/销量数据
- Newsletter 注册:用折扣吸引邮箱订阅
产品页(Product Page)
产品页是"转化发生的地方"。必备元素:
- 5-8 张高质量产品图(白底+场景+细节+尺寸对比)
- 产品标题(SEO友好)
- 价格+折扣标签
- “Add to Cart” 按钮(颜色醒目,全页面最突出)
- 产品描述(痛点→解决方案→特点→规格)
- 客户评价
- FAQ
关于我们(About Us)
品牌故事页。不要写成"公司简介",要写成"品牌为什么存在"。
政策页面
- 退换货政策(Refund Policy)
- 配送政策(Shipping Policy)
- 隐私政策(Privacy Policy)
- 服务条款(Terms of Service)
让 Hermes 自动生成这些政策:
name: policy_generator
steps:
- tool: claude_opus
action: generate
prompt: |
为品牌 PawNest(宠物用品独立站)生成以下法律政策页面:
1. Refund Policy(30天无理由退货)
2. Shipping Policy(美国免邮$49+,7-14天到货)
3. Privacy Policy(符合GDPR和CCPA)
4. Terms of Service
语言:英文
风格:专业但友好,不要用晦涩的法律术语
联系我们(Contact Us)
- 联系表单
- 客服邮箱
- 工作时间
- (可选)在线聊天
第三阶段:产品上架(60分钟)
步骤7:产品信息准备
每个产品需要准备:
| 信息 | 格式 | 数量 |
|---|---|---|
| 产品图片 | JPG/PNG, 2000x2000px+ | 5-8 张 |
| 标题 | 英文,含核心关键词 | 1 个 |
| 描述 | HTML 格式,300-500 字 | 1 段 |
| 价格 | USD | 原价+促销价 |
| SKU变体 | 颜色/尺寸 | 按需 |
用 AI 批量生成产品描述:
name: product_description_batch
steps:
- tool: claude_opus
action: batch_generate
prompt: |
品牌:PawNest
品牌调性:温暖、专业、关爱宠物
为以下产品生成独立站产品描述:
产品:可折叠宠物旅行碗
材质:食品级硅胶
特点:可折叠、附登山扣、450ml容量
要求:
1. 标题:SEO友好,含核心关键词
2. 副标题:一句话卖点
3. 正文:痛点→解决方案→3个核心特点→规格
4. 语言:英文
5. 风格:品牌感,不要像Amazon产品页那样堆关键词
步骤8:批量上架产品
如果产品超过 10 个,手动上架太慢。用 Shopify 的 CSV 批量导入:
- 下载 Shopify 的产品 CSV 模板
- 用 AI 生成所有产品信息填入 CSV
- Products > Import > 上传 CSV
或者用 Hermes Agent + MCP 通过 Shopify Admin API 自动上架:
name: product_uploader
steps:
- tool: mcp_shopify
action: create_product
params:
title: "{{ product.title }}"
body_html: "{{ product.description }}"
vendor: "PawNest"
product_type: "{{ product.category }}"
variants:
- price: "{{ product.price }}"
sku: "{{ product.sku }}"
images:
- src: "{{ product.image_url }}"
步骤9:定价策略
独立站定价和平台完全不同。你不是在和同行比价,你是在为品牌定价。
定价公式:
售价 = 产品成本 ÷ (1 - 目标毛利率)
DTC 品牌的目标毛利率:60-75%。
| 成本项 | 金额 | 说明 |
|---|---|---|
| 产品成本 | $5.00 | 含包装 |
| 运费(均摊) | $3.00 | 美国本土 |
| 支付手续费(3%) | $0.90 | Shopify Payments |
| 总成本 | $8.90 | |
| 售价(70%毛利) | $29.90 | $8.90 ÷ 0.3 |
$5 成本的产品卖 $29.90?这不是"黑心",这是品牌定价。消费者愿意为品牌付费,前提是你的体验配得上这个价格。
第四阶段:上线前检查(30分钟)
步骤10:上线前 Checklist
发布前,逐项检查:
技术检查
- [ ] 移动端页面正常显示
- [ ] 所有链接可点击
- [ ] 加购+结账流程畅通
- [ ] 支付测试通过
- [ ] 页面加载速度 < 3秒
内容检查
- [ ] 所有产品图片高清
- [ ] 产品描述无语法错误
- [ ] 品牌故事页面完整
- [ ] 政策页面已发布
- [ ] 联系方式准确
营销准备
- [ ] Google Analytics 4 已接入
- [ ] Facebook Pixel 已安装
- [ ] 邮件收集弹窗已设置
- [ ] 折扣码已创建(首单 10% off:WELCOME10)
让 Hermes 自动执行上线检查:
name: pre_launch_check
schedule: "manual"
steps:
- tool: mcp_shopify
action: check_store_status
checks:
- payment_gateway_active
- shipping_zones_configured
- at_least_one_product
- custom_domain_connected
- tool: web_scraper
action: page_speed_test
url: "https://pawnest.com"
threshold: 3000
- tool: notification
action: send_checklist
channel: telegram
template: |
🏪 PawNest 上线前检查报告
支付网关: {{ payment_status }}
运费配置: {{ shipping_status }}
产品数量: {{ product_count }}
域名: {{ domain_status }}
页面速度: {{ page_speed }}ms
状态: {{ overall_status }}
刘嘉琪的上线时刻
晚上 10:47,刘嘉琪点下了"Publish"按钮。
PawNest.com 正式上线。
她看着自己的独立站——干净的品牌视觉、优质的产品图片、流畅的购物体验——觉得这不像是一个人花 3 小时做出来的。
"说实话,比我预期的要好很多,"她给社群里发了条消息,“Hermes 帮了大忙,特别是产品描述和政策页面,省了我至少一整天。”
当天晚上,她还没做任何推广,就来了第一单——一个 Facebook 朋友看到她朋友圈分享的链接,下单了一个宠物旅行碗。
$29.90。第一笔品牌收入。
本课核心要点
- Shopify 建站的核心是 4 个阶段:注册配置→主题设计→产品上架→上线检查
- 品牌视觉(配色+Logo+排版)决定了客户的第一印象
- 独立站定价公式:售价 = 成本 ÷ (1 - 目标毛利率),DTC 品牌目标毛利率 60-75%
- AI Agent 可以自动化建站中 70% 的工作:起名、配色、文案、政策、产品描述、上线检查
课后行动
- 注册 Shopify 账号(免费试用期够你走完本课)
- 选一个主题并配置品牌色彩
- 上架至少 3 个产品(用 AI 生成描述)
- 完成上线前 Checklist
下一课预告: 第03课 品牌定位与视觉——AI 如何帮你在红海市场中找到属于你的差异化定位?