预发布网站是什么？如何创建？

你去听百老汇音乐剧，所看到的是一场精心打磨的演出。在正式演出之前，演员和工作人员花费了很多时间和心血，不断地进行试镜、台词朗读、彩排等等。你所看到的一切都是精心准备的结果。

同样，在网站开发中，预发布网站就是对实际网站的“彩排”。开发者不会直接将更新推送到发布的网站中，而是在预发布网站中进行测试和修改，等到所有一切准备好后，再最终发布网站，向真实用户展示打造的“作品”。

本文探讨了独立站业务中的预发布网站及其好处，还分享了在Shopify中创建预发布网站的方法。

什么是预发布网站？

预发布网站是一个私密的测试环境，你可以审查更新或重新设计，不会影响正式网站的运行。预发布网站是对真实网站的模拟，开发者和相关人员能够像用户一样体验它。

预发布网站的关键目标是发现网站的缺陷，并进行及时地修正。市场营销人员或高管团队等相关人员往往会在网站预发布过程中参与进来，提供反馈。一旦相关人员彻底审查了测试网站，并且他们的意见得到了处理，更新就会推送到正式的网站中。

例如，如果由于一个关键的更改（如新的产品图片部分）而导致网站无法正常运行，可能就会影响转化率。通过模拟用户体验，即从点击产品页面到将商品添加到购物车的整个流程，就可以在影响真实客户之前发现并修正错误。

开发网站、预发布网站与正式网站的区别

• 开发网站
• 预发布网站
• 在线网站

网站开发主要分为三个阶段：开发、预发布和正式。首先，在开发网站上编写代码，然后将其推送到预发布网站进行质量评估（QA），最后更新上线网站供所有用户使用。

开发网站

开发网站是一个沙盒，开发者在这里编写代码，实现业务创意。开发网站通常是一个仅开发团队可访问的本地环境。在这个阶段中，开发人员需要添加图像、文本、视频和自定义功能的代码，如交互式产品筛选器。虽然这里会进行一些初步测试，但开发环境通常是未经打磨的。

预发布网站

开发完成后，代码会发布到预发布网站上。这是彩排，所有问题都会在“观众”面前得到解决。预发布网站有自己的域名，通常使用类似于staging.yourwebsitename.com，如果不做干预，人们可以通过搜索引擎找到。

因此，不要让预发布网站显示在搜索引擎的搜索结果中，可以通过简单地添加几行代码来实现。如果预发布网站包含你尚未准备好让客户看到的信息，如即将到来的促销，考虑将其设置为密码保护状态。

一旦预发布网站上线，相关人员会审查并提供反馈。代码返回开发网站，开发者会改代码，解决反馈的问题，并将修正的部分再次推送到预发布网站中。这个过程会持续进行，直到所有相关人员都认可为止。

正式网站

正式网站是最终的、面向公众的版本，也称为生产环境或生产网站。在这里，帷幕向公众拉开，所有更新的部分对所有用户可见。他们可以购买商品，与内容互动，以及与品牌交流。一旦更新的部分上线，所有人都可以看到和使用，因此，在预发布阶段进行彻底的质量评估至关重要。

电商网站为什么要使用预发布网站？

如果更新的内容很糟糕，可能会惹恼客户，进而损害销售。因此，对于电商网站而言，使用预发布网站尤为重要。预发布网站可以帮助你：

• 测试元素而不影响用户体验。 在不降低客户体验的情况下，尝试新的设计和功能。
• 在公开发布前发现错误。 找出购物车问题、无法使用的按钮或损坏的产品图片等错误。
• 在不干扰网站的情况下测试集成。 在不影响正式网站运行的情况下测试第三方集成，如API（应用程序编程接口）或运费计算器。
• 与相关人员协作。 邀请不同的团队、设计师和相关人员审查并协作修改。
• 模拟用户体验。 你可以像客户一样体验网站，并发现购物体验中的不足，比仅仅使用Figma这种工具的交互设计文件要全面得多。
• 测试网站性能。 更新是否会让网站变慢？预发布网站可以测试更新的内容对技术性能的影响，如果网站变慢，还可能会影响网站的自然搜索排名。

在Shopify上创建预发布网站的三种方法

1. 复制模版
2. 创建开发商店
3. 使用应用程序

一般来说，使用Shopify创建的网站不自带预发布网站，你需要自己创建一个，主要有以下三种方法：

1. 复制模版

使用标准的Shopify套餐创建预发布网站的最简单方法，是复制模版。这个设置过程只需几次点击，也不用安装第三方应用，因为你的预发布网站将内置于Shopify的管理面板中。

以下是在Shopify中以复制模版的方式创建预发布网站的方法：

1. 在Shopify管理面板中，转到在线商店（Online Store） > 模版（Themes）。

2. 在当前主模版（Current Theme）> 操作（Actions）下，选择复制（Duplicate）。

3. 你现在有一个与在线模版完全相同的副本，可以自由编辑，不会影响正式的网站。你可以点击预览生成预发布实例。

4. 测试完成后，可以在正式网站中进行更改。

此选项最适合用来更改设计，如布局调整或新页面部分。然而，它并不提供集成或功能更改的测试环境。值得注意的是，需要手动添加已经放置在现有网站上的元素。

2. 创建开发商店

这种方法需要你创建一个新的Shopify合作伙伴账户，这样就可以创建一个完整的测试商店。合作伙伴账户是为开发者、设计师和，以及为客户构建和管理商店的代理商而设计。这个账户是免费的，可以访问开发商店，可以在私密环境中复制主网站的所有内容，包括网站的设计和功能。

以下是利用开发商店创建预发布网站的方法：

1. 注册一个Shopify合作伙伴账户。

2. 转到商店（Stores） > 创建商店（Create Store）。

3. 选择开发（Development）作为商店类型。

4. 给它起个能与正式网站区分的名字，比如“staging-yourwebsite”。

5. 添加产品，安装模版，并按照正式的网站配置所有设置。

现在，你可以在不冒险影响实际网站的情况下模拟完整的用户体验。这种方法最适合用于功能的更改，包括自定义代码或第三方集成。虽然开发商店是免费的，但也有一些限制。例如，你只能安装免费且允许在开发店使用的应用，并且只能生成测试运输标签。

如果你想测试额外的应用或创建功能性运输标签，可以订阅基本套餐，再创建一个新的商店。就像复制模版一样，需要手动将已添加的网站元素复制到你的预发布网站上。

3. 使用应用程序

有些预发布工具（例如提供免费限额的Duplify）可以一键复制整站，生成完整的预发布网站，让你先把现有页面和商品全部测一遍再上线。同类应用Rewind Staging也有免费试用期，还能自动备份模版，万一改坏了还可以恢复到之前的版本。只需前往Shopify应用商店，搜索预发布（staging）应用就可以找到这些应用。

以下是使用Rewind Staging创建预发布网站的方法：

1. 在Shopify应用商店里给正式网站装上Rewind Copy。

2. 选择正式网站作为“源商店（Source Store）”。

3. 在开发网站中安装Rewind Copy。

4. 选择将开发网站作为“目标商店（Destination Store）”。

5. 将“源商店”的密钥复制到“目标商店”，关联这两个商店。

6. 选择要复制到预发布网站的信息，使其与正式网站一致。

7. 持续检查复制更改，让两个商店之间保持同步。

8. 点击“开始任务”，复制即启动。

手动复制可能会遗漏，使用预发布应用可以确保精确复制，尤其是模版复杂时更方便。