Skip to main content

你的 Shopify 启动包

3C 数码独立站 · 启动包

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

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

打开演示店对照
3C 数码独立站的店铺首页截图

  1. 第 1 步：开好你的 Shopify 店

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

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

    下载链接在邮件「你的3C 数码独立站模板到了，两步装进你的 Shopify」里。在电脑上打开邮件，下载 wutong-electronic-v1.zip（主题，不要解压）和 wutong-electronic-v1-data.xlsx（店铺数据）。没收到？先查垃圾邮件；还是没有，就回到启动包页面用同一个邮箱再领一次，会重新发送。

  3. 第 3 步：一次导入产品和页面

    1. 在 Shopify App Store 安装 Matrixify，免费版就够用
    2. 打开 Matrixify，在 Import 区域点 Add File，上传 wutong-electronic-v1-data.xlsx，确认识别出 6 张表后点 Import：
      • Files：7 个文件
      • Products：10 个产品
      • Smart Collections：3 个分类
      • Pages：3 个页面
      • Blog Posts：1 篇文章
      • Menus：2 个菜单
    3. 几分钟后完成：产品、分类、页面、博客、菜单和图片都会导进你的店

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

    1. 后台进入 在线商店 → 主题，点 添加主题 → 上传 zip 文件，选择 wutong-electronic-v1.zip
    2. 主题库里会出现两个同名主题，刚上传的那个显示刚刚的添加时间。点它的 ⋯ → 发布
    3. 打开店铺首页，它应该和演示店一模一样（要先完成第 3 步，图片才会显示）

  5. 第 5 步：换成你的品牌

    • Logo 和网站图标（必须换）：在线商店 → 主题 → 自定义 → 主题设置 → Logo 和网站图标
    • 示范内容：对照下方「必须修改清单」，把示范品牌、文案和图片换成你的
    • 首页 Bestseller 区块绑定的是示范产品：删除示范产品前，先在主题编辑器里点首页的 Bestseller 区块，把产品换成你自己的，否则首页这一块会变空。这个区块和产品页一样，选颜色时左边的图会换成对应款式的图，点圆点或箭头可以看其他图片
    • 你的产品：给产品打上标签就会自动进入对应分类，Headphones 加 headphones，Speakers 加 speakers，Players & Accessories 加 players-accessories；分类页按用途和连接方式筛选的按钮读的也是产品标签（如 commute、bluetooth）。示范产品的重量都是 0，按重量算运费的要填真实重量。自己的产品上好后，删掉 10 个示范产品
    • 页面上的数码元素（首页主推产品和参数、参数条、型号对比、按场景选购）是主题自带的，不用改；首页型号对比卡绑定的是示范产品，删示范产品前先在主题编辑器里换成你的
    • 每个产品的参数表、连接方式和包装清单：写在产品描述最末尾的一段里（在描述编辑器切到 HTML 视图能看到 wt-pdp-data，<h4>specs</h4> 下一行一项「名称: 内容」，<h4>connectivity</h4> 和 <h4>box</h4> 下一行一项）。这段在页面上不直接显示，由产品页的参数区和首页型号对比读取；删掉就显示主题自定义里的默认值
    • 配色不改也能直接用

  6. 第 6 步：补齐店铺政策

    免责声明：梧桐小讲堂不是法律顾问，以下内容不构成法律建议。政策页的内容请按你所在地区和销售地区的法律要求自行确认，必要时咨询专业人士。

    后台进入 设置 → 政策：

    • 退款政策、服务条款、隐私政策：显示「自动」并且已发布的，确认即可；没有「自动」的，点「从模板创建」并保存
    • 配送政策：Shopify 没有模板，需要你自己写，建议包含：
      • 发货地和订单处理时间（下单后多久发出）
      • 配送范围（发往哪些国家或地区）
      • 配送方式和预计送达时间
      • 运费怎么算、有没有包邮条件（要和 设置 → 配送和交付 里的运费规则一致）
      • 怎么查物流单号
      • 国际订单的关税和进口税由谁承担
      • 地址填错、包裹丢失或破损时怎么处理
    • 联系信息：必填，填写你的商号或公司名称、电话、邮箱和地址
    • 页脚的 Shipping policy 和 Return policy 链接会一直显示，所以配送政策和退款政策一定要填

完成了，你的店已经就位

现在它和演示店一模一样。接下来上架真实产品、设置收款、运费和域名，这些在梧桐小讲堂的 YouTube 频道里都有教程，搜索就能找到。

打开梧桐小讲堂频道

参考

必须修改清单

照着逐项改完，店里就不会留下 Wutong Sound 的示范内容。

主题编辑器（在线商店 → 主题 → 自定义）

  • 页头 → 公告栏 → 两条公告

    示例 Wireless sound for every day / New drops: shop the latest

    改成 你的品牌口号或活动信息

  • 首页 → Spotlight → 主推产品、小标题、标题、正文、3 个参数

    示例 Wireless Over-Ear Headphones / Product of the month / 40 hours of playback…

    改成 你的主推产品和卖点（删示范产品前先换）

  • 首页 → Spec strip → 4 个参数

    示例 Up to 40 h、Bluetooth 5.3、USB-C、Up to IPX7

    改成 你的产品线共同的关键参数

  • 首页 → Compare → 标题、正文、3 个型号

    示例 Which headphones are for you? / 耳塞、头戴、游戏耳机三款示范产品

    改成 你要对比的 3 款产品和适用场景（删示范产品前先换）

  • 首页 → Shop by use case → 4 张图、标题和链接

    示例 Commute、Home & TV、Travel、Desk setup

    改成 你的使用场景图，链接到对应标签（如 `/collections/all/commute`）

  • 首页 → Best sellers → 标题

    示例 Best sellers

    改成 你的标题（产品会自动显示店里的产品）

  • About → Intro → 标题、正文、4 个数字

    示例 Good sound, honest specs / Wutong Sound makes headphones…

    改成 你的品牌介绍和数据

  • About → Test lab → 图片和 4 个测试步骤

    示例 about-story.jpg / Battery run-down、Pairing test、Comfort test、Drop and splash

    改成 你的质检或选品流程

  • About → Support → 4 条售后承诺

    示例 保修、Setup help、Fast shipping（1-2 business days）、Real people（24 hours）

    改成 你能兑现的售后承诺，时间和天数一定按实际改

  • 分类页 → Filter chips → 用途和连接方式按钮

    示例 Commute、Travel、Home & TV、Gaming、Workout、Desk、Outdoor、Bluetooth、USB-C

    改成 你的用途和连接方式，标签要和产品标签一致

  • 产品页 → Spec table → 默认参数、连接方式和包装清单

    示例 产品描述里没有 `wt-pdp-data` 时显示的默认值

    改成 你的默认值（每个产品的参数写在产品描述里，见第 5 步）

  • FAQ → Questions → 各条问答

    示例 通用问答（Products & care 一组讲配对、是否需要 App、清洁）

    改成 逐条检查是否符合你的实际情况，按需增删

  • Contact → Contact form → 左栏 Email

    示例 hello@example.com

    改成 你的客服邮箱

  • 页脚 → Footer → 订阅区标题和说明

    示例 Join the Wutong Sound crew / New releases, setup tips and members-only offers.

    改成 你的品牌名和订阅说明

  • 页脚 → Utilities（工具栏）→ Social links（社交链接）

    示例 当前是 Facebook、Instagram、YouTube、TikTok、X 的平台首页

    改成 换成你自己账号的主页链接（如 https://www.instagram.com/你的账号）。没有的平台把链接清空，图标就会隐藏

  • 页脚 → Theme credit

    示例 梧桐小讲堂免费主题（此行可删除）

    改成 可以编辑文字，也可以直接删除整个 Theme credit 区块

  • 主题设置 → Logo 和网站图标

    示例 Wutong Sound 文字 logo 和梧桐图标

    改成 你的 logo 和网站图标（第 5 步）

产品、分类、博客（后台对应页面，或改数据文件重新导入）

  • 所有产品 → 标题、描述、图片

    示例 10 个示范产品，描述末尾有一段 `wt-pdp-data`（参数表、连接方式、包装清单）

  • 所有产品 → 标签

    示例 分类标签加用途和连接方式标签（如 `commute`、`bluetooth`）

  • 所有产品 → 价格

    示例 示范价格 $19–$149；Smart Desk Speaker 设了原价 $129，用来展示 Sale 徽章

  • 所有产品 → 重量

    示例 都是 0

  • 3 个分类 → 标题、描述、封面图

    示例 Headphones / Speakers / Players & Accessories

  • 博客文章 → 标题、作者、正文、封面

    示例 How to Choose Headphones，作者 Wutong Sound

参考

图片规格

  • 首页 Spotlight 主推产品 用产品主图 · 1 : 1

    读取主推产品的主图，纯白或浅色底、产品居中最好看

  • 首页按场景选购 1200 × 900 px · 4 : 3

    4 张统一比例，产品完整、放在画面中间，手机端铺满整张卡

  • 产品主图和款式图 2048 × 2048 px · 1 : 1

    纯白底，产品居中，四周留 10–15% 空白，产品页和卡片都完整显示、不裁切

  • 产品第二张图 2048 × 2048 px · 1 : 1

    生活场景图。分类页鼠标悬停时显示，比例必须和主图一致

  • 描述内配图 1440 × 1440 px · 1 : 1

    产品页下方详情区按原比例完整显示，按 2 倍宽度准备，高清屏上也清晰

  • About 页测试图 1800 × 1200 px · 3 : 2

    按原比例完整显示，不裁切

  • 博客封面 1600 × 900 px · 16 : 9

    文章页按 16 : 9 显示，首页和博客列表按 4 : 3 裁切显示，主体放在画面中间，四周留出余量

  • Logo 高 160 px，宽按 logo 实际比例（如 1000 × 160） · 横向

    透明底 PNG。页头桌面显示高 40px、手机 32px，四周不要留空白

  • 网站图标 512 × 512 px · 1 : 1

    透明底 PNG，图形简单，缩到浏览器标签页大小也能看清

图片格式用 JPG 或 WebP（logo 和网站图标用 PNG），单张控制在 500 KB 以内，加载更快。

参考

常见问题

首页或 About 页的图片没显示

主题里的图片读取的是 Files 表导入的文件，文件名必须完全一致（比如 wutong-electronic-v1-usecase-commute.jpg）。检查 Matrixify 结果文件里 Files 表有没有 Failed 行，修好后重新导入同一个数据文件。如果你已经在主题编辑器里换成了自己的图片，就不受影响。

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

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

导入后菜单没显示
  1. 菜单链接的页面或分类不存在：菜单项指向 about、faq、headphones 等，如果 Pages 或 Smart Collections 导入失败，对应菜单项也会失败。先修好这两张表的报错，再重新导入同一个文件。
  2. 菜单 handle 不对：主题读取的是 main-menu（主导航和页脚 Explore 栏）和 footer（页脚 Help 栏）。在 在线商店 → 导航 里确认这两个菜单存在。
  3. 主题里没选菜单：在主题编辑器里点页头，确认菜单选的是 Main menu；点页脚的 Explore 和 Help 菜单块，确认分别选的是 Main menu 和 Footer menu。
产品页参数表或首页型号对比显示的是默认值

参数区读取产品描述末尾 wt-pdp-data 那一段。在描述编辑器切到 HTML 视图，确认 <h4>specs</h4> 下面一行一项「名称: 内容」，<h4>connectivity</h4>、<h4>box</h4> 下面一行一项；这段被删掉时显示主题自定义里的默认值。

产品页、FAQ 里的政策链接不见了

这些链接只在对应政策填写后才显示，产品页、Contact、FAQ 和 About 里的政策链接都是这样。到 设置 → 政策 填好配送政策和退款政策，链接会自动出现（第 6 步）。

导入时报错怎么办

在 Matrixify 下载导入结果文件，筛选 Failed 的行，旁边会写明原因。修好后重新导入同一个文件即可，已存在的内容会被更新，不会重复创建。

还是没解决？

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

表单加载中…

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