模板要装进你自己的 Shopify 店里,没有店就没法导入。3 天免费,之后前 3 个月 $1/月。领取时已经开通的,直接看第 2 步。
你的 Shopify 启动包
美妆护肤独立站 · 启动包
整家店已经替你设计好了,就差放进你自己的 Shopify。跟着下面 8 步,大约 40 分钟,它就是你的。
导入需要在电脑上操作,建议收藏这一页。
-
第 1 步:开好你的 Shopify 店
-
第 2 步:拿到模板文件
下载链接在邮件「你的美妆护肤独立站模板到了,两步装进你的 Shopify」里。在电脑上打开邮件,下载
wutong-beauty-v1.zip(主题,不要解压)、wutong-beauty-v1-site-images.zip(站点图片,要解压)、products-import.csv(产品)和wutong-beauty-v1-data.xlsx(页面、博客、菜单的内容清单)。没收到?先查垃圾邮件;还是没有,就回到启动包页面用同一个邮箱再领一次,会重新发送。 -
第 3 步:先上传站点图片
后台进入 内容 → 文件,点 上传文件,把
wutong-beauty-v1-site-images.zip解压后的 9 张图片全部上传,文件名一个字都不要改(比如wutong-beauty-v1-cat-skincare.jpg)。主题里的首页、About、博客封面、Logo 都按文件名找这些图片,名字不对就会显示占位图。 -
第 4 步:让店铺换上新装修
-
后台进入 在线商店 → 主题(Online Store → Themes),点 添加主题 → 上传 zip 文件(Add theme → Upload zip file),选择
wutong-beauty-v1.zip(一定要在第 3 步之后上传) -
主题库里会出现名为
wutong-beauty-v1的主题,点它的 ⋯ → 发布(Publish) - 首页和分类页里的产品区块要等第 5 步导入产品后才有内容,这时看到空白是正常的
-
后台进入 在线商店 → 主题(Online Store → Themes),点 添加主题 → 上传 zip 文件(Add theme → Upload zip file),选择
-
第 5 步:导入产品
- 后台进入 产品(Products),点右上角 导入(Import)
-
点 上传文件(Upload file),选择
products-import.csv→ 点 上传并预览(Upload and preview)→ 确认无误后点 导入产品(Import products) - 10 个示范产品连同图片、款式、价格、标签会一起导入
-
第 6 步:手动建分类、页面、博客和菜单
Shopify 自带导入只管产品,下面这些按
wutong-beauty-v1-data.xlsx里对应表格的内容照抄(每张表就是一份清单):- 分类(Products → Collections,即 产品 → 系列,点「创建系列」(Create collection),类型选「智能」(Smart)):
- Skincare:handle
skincare,条件「产品标签 等于skincare」 - Makeup:handle
makeup,条件「产品标签 等于makeup」 - Body & Hair:handle
body-hair,条件「产品标签 等于body-hair」
- Skincare:handle
- 页面(在线商店 → 页面,标题、正文照抄 Pages 表,右侧「主题模板」按括号选):Contact(handle
contact,模板page.contact)、About(handleabout,模板page.about)、FAQ(handlefaq,模板page.faq) - 博客文章(在线商店 → 博客文章):博客
news里的文章「How to Build a Simple Skincare Routine」(handlehow-to-build-a-simple-skincare-routine),正文和封面照抄 Blog Posts 表 - 菜单(在线商店 → 导航,按 Menus 表逐项添加,链接到上面建好的分类和页面):
-
main-menu:Skincare / Makeup / Body & Hair / About / Contact -
footer:FAQ / Shipping policy / Return policy / Guides / Your Privacy Choices
-
做完后打开店铺首页,它应该和演示店一模一样。
- 分类(Products → Collections,即 产品 → 系列,点「创建系列」(Create collection),类型选「智能」(Smart)):
-
第 7 步:换成你的品牌
- Logo 和网站图标(必须换):在线商店 → 主题 → 自定义 → 主题设置 → Logo 和网站图标
- 示范内容:对照下方「必须修改清单」,把示范品牌、文案和图片换成你的
- 首页货架和 Three steps 区块绑定的是示范产品:首屏货架 4 个产品(Cleanse / Treat / Moisturize / Color)和 Three steps, in this order 的 3 张步骤卡,都在主题编辑器里直接选了示范的洁面、精华、面霜和口红。删示范产品前,先把这几处换成你自己的产品,否则会空出来
- 你的产品:给产品打上标签就会自动进入对应分类,Skincare 加
skincare、Makeup 加makeup、Body & Hair 加body-hair。示范产品的重量都是 0,按重量算运费的要填真实重量。自己的产品上好后,删掉 10 个示范产品 - 产品页下方的三张说明卡(Why you'll love it / What's inside / How to use)直接读产品描述里的 Why You'll Love It 列表、Details 表格和 How to Use 段落,描述末尾隐藏的 Routine step(护肤第几步)、Skin type(肤质)数据块也在描述里,改描述即可;哪一段没写,对应的卡片就不显示
- 配色不改也能直接用
-
第 8 步:补齐店铺政策
免责声明:梧桐小讲堂不是法律顾问,以下内容不构成法律建议。政策页的内容请按你所在地区和销售地区的法律要求自行确认,必要时咨询专业人士。
后台进入 设置 → 政策:
- 退款政策、服务条款、隐私政策:显示「自动」并且已发布的,确认即可;没有「自动」的,点「从模板创建」并保存
- 配送政策:Shopify 没有模板,需要你自己写,建议包含:
- 发货地和订单处理时间(下单后多久发出)
- 配送范围(发往哪些国家或地区)
- 配送方式和预计送达时间
- 运费怎么算、有没有包邮条件(要和 设置 → 配送和交付 里的运费规则一致)
- 怎么查物流单号
- 国际订单的关税和进口税由谁承担
- 地址填错、包裹丢失或破损时怎么处理
- 联系信息:必填,填写你的商号或公司名称、电话、邮箱和地址
- 页脚的 Shipping policy 和 Return policy 链接会一直显示,所以配送政策和退款政策一定要填
完成了,你的店已经就位
现在它和演示店一模一样。接下来上架真实产品、设置收款、运费和域名,这些在梧桐小讲堂的 YouTube 频道里都有教程,搜索就能找到。
打开梧桐小讲堂频道参考
必须修改清单
照着逐项改完,店里就不会留下 Wutong Glow 的示范内容。
主题编辑器(在线商店 → 主题 → 自定义)
-
页头 → 公告栏 → 两条公告
示例 Three steps, morning and night / New: cream blush for cheeks and lips
改成 你的品牌口号或活动信息
-
首页 → 首屏(左文字、右产品货架)
示例 Your whole routine, on one shelf. / 货架 4 个示范产品:Cleanse、Treat、Moisturize、Color
改成 你的标语,货架换成你的产品
-
首页 → What are you shopping for? → 3 个分类
示例 Skincare、Makeup、Body & Hair,各配一张小图
改成 你的分类和图片
-
首页 → Bestsellers
示例 Most loved / Bestsellers(自动显示全部产品)
改成 你的标题,可改成某个分类
-
首页 → Easy color 色带
示例 Color you can put on in a minute(自动显示 Makeup 分类)
改成 你的内容
-
首页 → Three steps, in this order → 3 张步骤卡
示例 Step 1 · Cleanse / Step 2 · Treat / Step 3 · Moisturize,各选一个示范产品
改成 你的步骤和产品
-
首页 → 底部两张图文卡
示例 How to build a simple skincare routine(链博客)/ Fewer steps. Clearer labels.(链 About)
改成 你的内容和链接
-
分类页 → 网格里的图文卡
示例 Build a simple routine,链到博客文章
改成 你的内容,或删掉
-
About → 开场、三条做法、故事、底部按钮
示例 About Wutong Glow / Fewer steps. Clearer labels. / How we build the shelf / It started with a crowded shelf
改成 你的品牌介绍、图片和故事
-
产品页 → 说明卡标题和推荐区
示例 What's inside / How to use / Shipping & returns;推荐区 Complete your routine · Pairs well with
改成 你的标题
-
FAQ → Products & routine 一组问答
示例 In which order should I use skincare? / Are your products suitable for sensitive skin? / How long does a product last after opening?
改成 逐条检查是否符合你的实际情况
-
Contact → 左栏 Email
示例 hello@example.com
改成 你的客服邮箱
-
页脚 → 订阅区标题和说明
示例 Join the Wutong Glow list / Routine tips, new shades and subscriber offers.
改成 你的品牌名和订阅说明
-
页脚 → Social links
示例 Facebook、Instagram、YouTube、TikTok、X 平台首页
改成 你的账号主页,没有的清空
-
页脚 → Theme credit
示例 梧桐小讲堂免费主题(此行可删除)/ Product images created with Grok
改成 可改可删;换成自己的图片后 Grok 那一行一起删
-
主题设置 → Logo 和网站图标
示例 Wutong Glow 文字 logo 和梧桐图标
改成 你的 logo 和网站图标(第 7 步)
产品、分类、博客(后台对应页面,或改数据文件重新导入)
-
所有产品 → 标题、描述、图片
示例 10 个示范产品、共 22 张图,描述里有 Why You'll Love It 列表、Details 表格和 How to Use 段落
-
所有产品 → 标签
示例 分类标签 `skincare`、`makeup`、`body-hair`,以及 `step-1` / `step-2` / `step-3` 等描述性标签
-
所有产品 → 价格
示例 示范价格 $18–$34;Daily Moisturizer Cream 两个规格 $32 / $52,Satin Lipstick 三个色号各 $20
-
所有产品 → 重量
示例 都是 0
-
3 个分类 → 标题、描述
示例 Skincare / Makeup / Body & Hair
-
博客文章 → 标题、作者、正文、封面
示例 How to Build a Simple Skincare Routine,作者 Wutong Glow
参考
图片规格
-
首页分类小图(3 张) 1024 × 1024 px · 1 : 1
3 张统一比例,小图显示,主体放中间
-
产品主图和款式图 2048 × 2048 px · 1 : 1
浅色纯底,产品居中,四周留 10–15% 空白;首页货架、卡片和产品页都按正方形完整显示
-
产品第二张图 2048 × 2048 px · 1 : 1
使用场景图,产品页说明区和分类页悬停时显示,比例必须和主图一致
-
About 开场主图 1600 × 1200 px · 4 : 3
左上大图
-
About 开场叠放小图 1200 × 1200 px · 1 : 1
压在主图右下角,按正方形裁切,主体放中间
-
About 故事图 / 首页 About 卡 1600 × 1200 px · 4 : 3
同一张图用在两处
-
博客封面 / 首页与分类页的指南卡 1600 × 1200 px · 4 : 3
同一张图用在三处,主体放中间,四周留余量
-
Logo 高 160 px,宽按 logo 实际比例(如 1000 × 160) · 横向
透明底 PNG,四周不要留空白
-
网站图标 512 × 512 px · 1 : 1
透明底 PNG,图形简单,缩到浏览器标签页大小也能看清
图片格式用 JPG 或 WebP(logo 和网站图标用 PNG),单张控制在 500 KB 以内,加载更快。
参考
常见问题
首页或 About 页显示的是占位图
主题按文件名读取 内容 → 文件 里的图片。到文件页确认 9 张站点图片都在、文件名和 wutong-beauty-v1-site-images.zip 里完全一致(重名时 Shopify 会自动加后缀,比如 -1,要删掉重传)。如果已经先上传过主题:先在 内容 → 文件 补传图片,再到 在线商店 → 主题 删掉旧的 wutong-beauty-v1 草稿主题,重新上传 wutong-beauty-v1.zip 并发布。已经在主题编辑器里换成自己图片的,不受影响。
图片比例不对,排版变形了
按上面的「图片规格」重新导出图片。产品主图和第二张图一定要是同一比例,否则分类页鼠标悬停换图时画面会跳。
菜单没显示或分类里没有产品
- 分类是空的:检查分类条件是不是「产品标签 等于」对应标签,产品有没有打上标签。
- 菜单 handle 不对:主题读取的是
main-menu(主导航和页脚 Explore 栏)和footer(页脚 Help 栏)。在 在线商店 → 导航 里确认这两个菜单存在。 - 主题里没选菜单:在主题编辑器里点页头,确认菜单选的是 Main menu;点页脚的 Explore 和 Help 菜单块,确认分别选的是 Main menu 和 Footer menu。
产品页、FAQ 里的政策链接不见了
这些链接只在对应政策填写后才显示。到 设置 → 政策 填好配送政策和退款政策,链接会自动出现(第 8 步)。
产品导入报错怎么办
Shopify 会在导入预览里列出有问题的行和原因。修好 CSV 后重新导入,勾选「覆盖 handle 相同的产品」,不会重复创建。
还是没解决?
上面的常见问题都试过了还不行,可以在这里提交。我们每周集中回复一次,只解答启动包本身的问题,不提供通用建站咨询。
本页含联盟链接,购买后本站可能获佣金,价格不变。