Skip to main content

你的 Shopify 启动包

美妆护肤独立站 · 启动包

整家店已经替你设计好了,就差放进你自己的 Shopify。跟着下面 8 步,大约 40 分钟,它就是你的。

导入需要在电脑上操作,建议收藏这一页。

美妆护肤独立站的店铺首页截图
  1. 第 1 步:开好你的 Shopify 店

    模板要装进你自己的 Shopify 店里,没有店就没法导入。3 天免费,之后前 3 个月 $1/月。领取时已经开通的,直接看第 2 步。

  2. 第 2 步:拿到模板文件

    下载链接在邮件「你的美妆护肤独立站模板到了,两步装进你的 Shopify」里。在电脑上打开邮件,下载 wutong-beauty-v1.zip(主题,不要解压)、wutong-beauty-v1-site-images.zip(站点图片,要解压)、products-import.csv(产品)和 wutong-beauty-v1-data.xlsx(页面、博客、菜单的内容清单)。没收到?先查垃圾邮件;还是没有,就回到启动包页面用同一个邮箱再领一次,会重新发送。

  3. 第 3 步:先上传站点图片

    后台进入 内容 → 文件,点 上传文件,把 wutong-beauty-v1-site-images.zip 解压后的 9 张图片全部上传,文件名一个字都不要改(比如 wutong-beauty-v1-cat-skincare.jpg)。主题里的首页、About、博客封面、Logo 都按文件名找这些图片,名字不对就会显示占位图。

  4. 第 4 步:让店铺换上新装修

    1. 后台进入 在线商店 → 主题(Online Store → Themes),点 添加主题 → 上传 zip 文件(Add theme → Upload zip file),选择 wutong-beauty-v1.zip(一定要在第 3 步之后上传)
    2. 主题库里会出现名为 wutong-beauty-v1 的主题,点它的 ⋯ → 发布(Publish)
    3. 首页和分类页里的产品区块要等第 5 步导入产品后才有内容,这时看到空白是正常的
  5. 第 5 步:导入产品

    1. 后台进入 产品(Products),点右上角 导入(Import)
    2. 点 上传文件(Upload file),选择 products-import.csv → 点 上传并预览(Upload and preview)→ 确认无误后点 导入产品(Import products)
    3. 10 个示范产品连同图片、款式、价格、标签会一起导入
  6. 第 6 步:手动建分类、页面、博客和菜单

    Shopify 自带导入只管产品,下面这些按 wutong-beauty-v1-data.xlsx 里对应表格的内容照抄(每张表就是一份清单):

    1. 分类(Products → Collections,即 产品 → 系列,点「创建系列」(Create collection),类型选「智能」(Smart)):
      • Skincare:handle skincare,条件「产品标签 等于 skincare」
      • Makeup:handle makeup,条件「产品标签 等于 makeup」
      • Body & Hair:handle body-hair,条件「产品标签 等于 body-hair」
    2. 页面(在线商店 → 页面,标题、正文照抄 Pages 表,右侧「主题模板」按括号选):Contact(handle contact,模板 page.contact)、About(handle about,模板 page.about)、FAQ(handle faq,模板 page.faq)
    3. 博客文章(在线商店 → 博客文章):博客 news 里的文章「How to Build a Simple Skincare Routine」(handle how-to-build-a-simple-skincare-routine),正文和封面照抄 Blog Posts 表
    4. 菜单(在线商店 → 导航,按 Menus 表逐项添加,链接到上面建好的分类和页面):
      • main-menu:Skincare / Makeup / Body & Hair / About / Contact
      • footer:FAQ / Shipping policy / Return policy / Guides / Your Privacy Choices

    做完后打开店铺首页,它应该和演示店一模一样。

  7. 第 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. 第 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 并发布。已经在主题编辑器里换成自己图片的,不受影响。

图片比例不对,排版变形了

按上面的「图片规格」重新导出图片。产品主图和第二张图一定要是同一比例,否则分类页鼠标悬停换图时画面会跳。

菜单没显示或分类里没有产品
  1. 分类是空的:检查分类条件是不是「产品标签 等于」对应标签,产品有没有打上标签。
  2. 菜单 handle 不对:主题读取的是 main-menu(主导航和页脚 Explore 栏)和 footer(页脚 Help 栏)。在 在线商店 → 导航 里确认这两个菜单存在。
  3. 主题里没选菜单:在主题编辑器里点页头,确认菜单选的是 Main menu;点页脚的 Explore 和 Help 菜单块,确认分别选的是 Main menu 和 Footer menu。
产品页、FAQ 里的政策链接不见了

这些链接只在对应政策填写后才显示。到 设置 → 政策 填好配送政策和退款政策,链接会自动出现(第 8 步)。

产品导入报错怎么办

Shopify 会在导入预览里列出有问题的行和原因。修好 CSV 后重新导入,勾选「覆盖 handle 相同的产品」,不会重复创建。

还是没解决?

上面的常见问题都试过了还不行,可以在这里提交。我们每周集中回复一次,只解答启动包本身的问题,不提供通用建站咨询。

表单加载中…

本页含联盟链接,购买后本站可能获佣金,价格不变。