Tired of
lengthy page building?
Try GemPages to create pages faster and smarter with AI-powered feature.
Back to Blog List
如何创建引人入胜的 Shopify 即将上线页面（+ 示例）
Updated:
15
minutes read
要成功推出您的在线商店（或您品牌的新产品系列），您必须做好预发布。将预发布视为在您的网站（或页面）正式上线之前规划预告并评估潜在客户的注意力和期待的一种方式。
Shopify 即将上线页面（或Shopify 预发布页面）是您可以考虑在此期间实施的最佳预发布营销策略之一。提供即将推出的内容的一瞥，激发好奇心和兴趣，并收集反馈 - 这些只是此页面可以带来的一些好处，有助于在开业前创造和扩大最大影响力。
关注我们的文章，了解有关创建高转化率 Shopify 即将推出页面所需的所有信息。
我们不再等待，赶紧行动起来吧！
Shopify 即将推出页面是什么？
Shopify 即将推出页面（预发布页面/建设中页面）是一个登录页面，可让您的客户了解（并兴奋）您推出新产品线或整个商店时即将发生的一切。
Shopify 即将推出的页面可以回答以下问题：
- 谁：你的潜在客户是谁？这就是你正在交谈的受众。
- 内容：向客户介绍您的品牌/产品。向观众展示其全部内容。
- 为什么：简要说明您的新品牌/产品的优势。为什么人们应该点击您的网站并购买？您是否解决了客户的需求？
- 时间和地点：您何时发布？星期几？什么时间？您还可以提供更多详细信息，例如位置。
- 如何：如果客户对您的新产品或品牌发布感兴趣，请提供与您的品牌互动的方式。这包括通过电子邮件注册以获取更多信息、预购，或者如果客户在社交媒体上分享发布信息，则可获得折扣。
您可以通过多种方式回答上述问题并宣布您的发布。文案、图片、动画、注册表单、社交分享按钮、实时聊天小工具等的组合将起到决定性的作用。
以下示例是Skate City即将推出的登陆页面。该页面宣传一款可以在各种设备上玩的虚拟游戏，包括移动设备。我们说 Skate City 并非刚刚宣布即将推出。他们通过添加恰到好处的创意来激发潜在客户对游戏的期待，从而出色地完成了这项工作！
Skate City 即将推出的登陆页面在首屏部分展示了一段视频，留住并引导客户到 CTA 部分或社交分享按钮，以获取有关其发布的通知和更新。
小提示：Shopify 即将推出的页面有两种类型：
- Shopify 即将推出产品登陆页面：电子商务品牌使用此类页面来发布特定的新产品或产品系列。在这种情况下，商店已经上线，并且只会向商店添加一个页面来通知客户有关发布的信息 - 这意味着客户仍然可以访问该品牌的任何其他页面。
Fashion Nova 有一系列即将上市的产品。客户可以点击特定产品并选择在产品上市时通过电子邮件收到通知。
- Shopify 即将推出品牌的登陆页面：当品牌尚未推出时使用此即将推出页面，称为密码页面。客户只能看到密码页面，而无法访问商店。
Best Pet Unlimited 正在准备推出。该网站展示了一个简单的密码页面和一个部分，感兴趣的客户可以通过邮件接收有关该品牌的信息和更新。
如何在 Shopify 中创建和设置即将推出的页面？
我们已经了解了一些基础知识，现在是时候开始工作了 - 如何使用 Shopify 构建即将推出的页面。有两种有用且常见的方法可以做到这一点：
- 使用 Shopify 密码页面创建即将推出的页面
- 创建当前主题的临时“即将推出”版本
- 使用 Shopify 应用构建您的 Shopify 即将推出页面
- 使用 GemPages 设置您的 Shopify 即将推出页面
＃1 使用 Shopify 密码页面创建“即将推出”页面
Shopify 有一个密码页面，可帮助正在启动商店的品牌。此页面将使商店对公众隐藏，直到一切完善并准备上线。此外，由于它受密码保护，您可以通过向某些人提供密码，轻松允许他们访问和查看您正在筹备的商店。
注意：如果您正在寻找为推出新产品线（而不是整个商店）创建即将推出的页面的方法，建议您向当前的实时商店添加新的登录页面。
1. 从您的Shopify 管理仪表板，转到在线商店并选择“首选项”以启用密码保护。
您可以输入您的密码并自定义当客户到达此处时即将显示在“即将推出”页面上的消息。
2. 使用主题编辑器自定义即将推出的页面。
启用密码页面后，就可以在主题编辑器中编辑该页面了。从您的Shopify 域仪表板，转到在线商店以选择主题并自定义当前主题。
注意：在本指南中，我们使用 Shopify Dawn 主题。不同主题之间的自定义选项可能有所不同。
在主题编辑器中，在顶部菜单下拉菜单中选择其他，然后选择密码。
您可以在主题编辑器中编辑密码的页眉、页脚和正文。
重要提示：由于我们使用的是在线商店 2.0 Dawn 主题，您可以进一步自定义并将其他页面的各个部分添加到即将推出的页面，例如收藏、博客文章、电子邮件注册、联系表格等等！
在页面的标题中，编辑并自定义徽标的大小。
此外，您可以根据需要更改背景图像，并将社交媒体图标添加到即将推出的页面，以邀请客户关注您的品牌或最新更新。
总的来说，这个方法很简单，可以快速打开您的即将推出的页面，以捕获潜在客户并为您的预发布吸引大量客户。
#2 创建当前主题的临时“即将推出”版本
构建预发布页面的另一种方法是简单地复制您当前的主题并创建一个“即将推出”版本，并将您的主页设为即将推出的页面。因此，您可以在仍在开发官方商店发布版本的同时，将单个临时的即将推出页面发布为您的主题。
优点？这让您可以灵活地使用所有部分来自定义正在建设的页面。您需要执行以下操作：
1. 在网上商店>主题中复制您当前的主题。
2. 发布您的重复主题。
现在，您的商店有两个版本：‘即将推出’版本（即将推出的登陆页面 - 单个页面或几个页面，由您决定！）和您正在主题库中构建的正式版本。
查看以下临时版本的示例 - Shopify 制作的即将推出的登陆页面：
＃3 使用 Shopify 应用构建 Shopify 即将推出页面
这是关于如何快速设置 Shopify 即将推出页面的第三个选项和直接解决方案：使用 Shopify 即将推出的应用程序！
我们列出了以下最好的一些：
正在建设中 即将推出
费用：每月1.99美元
正在建设中的是一款功能强大的页面构建器应用程序，具有拖放选项，旨在优化即将推出的页面转化率。
特征：
- 根据每日设置和预定义的日期和时间基准自动安排即将推出的登陆页面。
- 用于设计页面的简单拖放小部件
- 多种倒计时计时器类型
- SEO 更新
- 速度优化
- 持续更新
- 设置自定义预加载器图标
- 密码保护
- 年龄检查 - 年龄验证限制未成年人访问
预发布/即将推出
预发布版/即将推出仪表板
费用：2.99 美元/月
Pre-launcher 是一款应用程序，可让您设置一个漂亮的“即将上线”页面，您可以在其中提前通知客户您的商店。您将能够在商店全面上线之前吸引客户并收集反馈信息。
特征：
- 无需修改主题即可轻松安装。
- 添加用于收集客户电子邮件的订阅表格。
- 配置倒计时时间，告知客户商店的开业时间。
- 自定义标题和副标题。
- 添加您的徽标。
- 从我们的库中选择一个优质背景或上传您的背景。
- 选择最适合您品牌的字体。
- 添加已经展示您品牌的社交网络链接。
- 为您的公司添加版权。
- 添加隐私政策的链接。
- 添加其他促销链接。
- 添加自定义 CSS 以实现更彻底的定制。
- 更改页面的标题。
上述即将推出的应用程序非常适合在短时间内构建正在建设中的页面。但是，一旦您启动了商店或产品，它们在页面自定义和优化方面仍然存在局限性。因此，我们向您介绍了一款全能的应用程序，它可以轻松、高效地设置您的即将推出的页面 - GemPages 。
＃4 使用 GemPages 设置 Shopify 即将上线页面
GemPages是一款拖放式页面构建器，可让您构建具有最高定制理想的任何商店页面。借助超过 65 种设计元素和大量模板，可以快速完善即将推出的页面和整个商店。
您需要做的就是复制当前主题并立即开始编辑和自定义即将推出的登陆页面，其中包含符合您需求的所有元素！
使用 GemPages 自定义您即将推出的登陆页面
快速创建和定制引人注目、转化率优化的即将推出的登陆页面，以激发好奇心和兴趣。
笔记：
- 如果您要开设整个商店，请创建一个登录页面并将其设置为您的主页。
- 如果您要推出一条产品线，只需在您当前的在线商店中创建并添加一个新的登陆页面即可。
使用滑块元素展示您的新产品
在 GemPages 中，灵活的轮播元素允许您拥有多张幻灯片，每张幻灯片有多个列，您甚至可以控制每张幻灯片前进的速度。
使用联系表单元素收集潜在客户的电子邮件
在 GemPages 中，您拥有联系表单元素，并且它是完全可自定义的。联系表单不仅为购物者提供了一种与您联系的便捷方式，而且还可用于营销目的，例如产生更多潜在客户并扩大您的客户群。
利用倒计时元素创造紧迫感
使用 GemPages 的倒计时器元素通知客户发布日期。
Shopify 即将推出页面的示例
我们有一些鼓舞人心的例子，说明我们的客户如何创建令人惊叹的“即将推出”页面并将其展示在预发布活动中。让我们来看看这些独特的页面。
＃1 VibeWest
标准的“即将上线”页面应包含所有基本元素，例如标题、品牌徽标、联系表单和社交分享。但这并不意味着您不能增添趣味并大胆尝试。
VibeWest给人的印象是存在感很强，既活泼又大胆。他们的“即将推出”页面看起来像一张海报，上面有他们的品牌形象和标题“忠于自己”。
我们认为即将推出的页面肯定能代表品牌本身！
VibeWest 大力宣传该功能，并在其“即将推出”页面上亮相。
＃2 BioTune
如果您正在为发布前活动做大量工作，并且想要为即将推出的页面找到一个快速解决方案 - 我们有BioTune ，可以轻松完成他们的页面！
BioTune 即将推出的页面让商家能够立即完成工作！
BioTune 明确宣布了他们即将推出的网站，甚至在发布期间提出了预期内容。此外，我们喜欢他们在这里展示品牌形象的方式——简洁而简约。
#3 沥青
让我们转到另一个类别：您品牌的全新产品系列即将推出的页面。
时尚品牌Asphalte完全做到了这一点。他们出色地展示了“袜子即将上市”和“即将上市”登陆页面的预发布页面。
明亮、优雅、迷人。为品牌的使命宣言喝彩：
“在 Asphalte，我们的使命是为尽可能多的男士提供优质服装。我们的目标是提供一系列美观、耐用且价格实惠的服装。我们的主要武器是预订。”
以下是该品牌“Socks Incoming”登陆页面的概览。它有一个滑块来显示他们的产品图片，一个简短但引人入胜的产品描述（看到折扣了吗？），以及一个带有发布日期通知的联系表格。相当棒！
在他们的“即将推出”页面中，Asphalte 提供了一个滑块，邀请客户注册以获取有关可预订的通知。一旦访问者点击“我加入”，他就会导航到“袜子即将推出”页面。
Asphalte 还在“即将推出”登陆页面上展示了他们的“即将推出”产品系列。每件产品都有一个联系表，因此感兴趣的客户可以注册并收到有关可预订的通知。
Asphalte 声称其在预订方面具有优势。即将推出的登陆页面上的这一部分说明了他们有关预订的工作流程，有助于提高品牌的可信度和专业性。
一个大标题提醒并鼓励客户采取行动 - 注册并在 Asphalte 即将推出页面末尾的联系表中填写他们的电子邮件。他们肯定不会错过任何促销！
#4 惊喜巴黎
我们还有一个时尚品牌在即将推出的产品的即将推出页面上名列前茅：惊喜！
他们的“即将上市”页面看起来更像是一个产品日历。每件产品都有上市日期和联系表格，以便客户可以注册购买。
Special 的即将推出页面还有一件特别的事情。他们有一个弹出窗口，在发布期间为其产品提供 30% 的折扣。这是关于如何创建高转换率 Shopify 即将推出页面的绝佳经验！
Surprise 即将推出其新产品系列的页面。
您即将推出的页面可能看起来像这样
免费试用 GemPages 创建精彩的即将推出页面。无需编码。
为什么需要 Shopify 即将推出页面
我们都知道，推出任何新产品都需要相当长的时间（和大量的工作），无论是单个产品系列还是整个商店。从产品开发和品牌建设到完善您的电子商务商店，您的正式发布日期可能会有所不同。因此，明智的做法是利用这段时间，在您仍在建立品牌的同时提前推广您的品牌。
Shopify 即将推出的页面可帮助您创建预发布受众，培养他们的兴趣，并使潜在客户能够在发布之前与您的品牌进行互动。这意味着在各个方面都领先一步：
- 一个有益的预营销策略：Shopify 即将推出的登陆页面有助于在相对较短的时间内向市场宣传您的产品或品牌。首先，您正在向世界传达您的品牌以及您的产品如何运作。其次，您正在吸引潜在客户。此外，使用正确的关键字，您还可以赢得 SEO 游戏。
- 测试您的消息传递：Shopify 预发布页面就像是您将展示品牌/产品的内容和方式的预览。我们有个好消息：您可以测试消息传递的不同变体（ A/B 测试），并找出最适合您的受众的变体！
- 建立潜在客户的电子邮件列表：向您的预发布受众致敬。通过“即将推出”页面，访问者可以留下他们的电子邮件地址，以便接收新闻通讯、品牌/产品更新或有关发布的信息。除了丰富潜在客户列表外，您还可以建立社交媒体关注者。
- 收集早期反馈：Shopify 的建设中页面是您将品牌/产品理念推向世界并查看所谓感兴趣客户的反应的地方。把握这个机会，详细了解客户的想法、他们的见解/反馈，以及如何使用所有这些信息来改进您的产品/品牌。
通过引人注目的“即将推出”页面，您可以一箭双雕：同时达到平均转化率（对于电子商务行业约为 2% 以上）和增加流量。
什么让 Shopify 的“即将推出”页面如此出色？
我们已经引导您完成了创建 Shopify 即将推出页面的步骤；但是，如果没有以下四个关键提示，您仍然会错过让您的预发布页面从普通变为非凡的机会：
KISS——保持简单，愚蠢
即将推出页面的主要目的是告诉客户即将推出的内容，了解他们的兴趣，鼓励他们采取行动 - 分享他们的兴奋之情，并让他们注册。虽然对预发布页面的内容和长度没有严格的规定或限制，但一般来说，保持简短、简单和易于理解是明智的。
诡计：
- 发挥你的创造力让事情变得更加有趣。
- 使用文字、符号、图像、视频和好的标语来观察客户对您的发布采取行动的速度（和兴奋程度）。
- 请记住，即将推出的页面上的每个元素都应链接在一起 - 这一元素会引出后续内容，就像预期的商业化预告片一样。
Harry's 在某些尚未推出的国家/地区展示了他们的“即将推出”页面。一切都清晰、直接、简单——从标题和描述到电子邮件表单框和 CTA，以呼吁客户留下他们的电子邮件地址。
保持联系。收集电子邮件地址。添加社交分享
潜在客户捕获表单是即将推出页面中不可或缺的元素之一。准备好收集客户的电子邮件和姓名，以便向他们发送有关最新更新、折扣、发布日期的信息，或征求反馈。
更棒的是，一旦客户注册并在社交媒体上分享您的产品，您就可以奖励他们！以下是您可以提供的一些奖励：
- 早鸟优惠
- 赠品、免费课程
- 礼品或折扣
- 品牌预览
- 等等
诡计：
像Saha 一样与 KickoffLabs合作！Saha 会用折扣和免费赠品奖励在社交媒体上分享其产品发布的客户。此次预发布活动为 Saha 带来了 2 万名注册用户。
Saha 获得了 20,000 名注册用户，推荐率高达 94%！
设定发布日期
另一个提高“即将上线”着陆页转化率的元素是添加倒计时计时器，让客户确切知道他们何时以及多久会看到品牌（或预期产品）上线。否则，如果您还没有确定具体时间，通常可以提及您的发布时间，例如“今年圣诞节即将推出”或“我们正在为今年的除夕准备一些特别的东西”。
诡计：
倒数计时器将使您的“即将推出”着陆页与含糊的“快是不够的，冷静点”等待标题区分开来。此外，请记住遵守您的承诺，因为它将有助于建立您品牌的可信度。
使其适合移动设备
据 Statista 称，全球超过 50% 的流量来自移动设备。
诡计：
- 确保您的页面针对移动设备进行了优化。
- 选择适合移动设备的主题或模板。
- 使图像和 CSS 尽可能轻便。
- 更改按钮的大小和位置。
- 使用大而易读的字体。
- 消除弹出窗口
结论
现在就这些了。虽然创建一个高转换率的 Shopify 即将推出页面可能有很多工作要做，但我们已经为您提供了所有必要的知识、步骤、技巧，甚至是灵感，以便有效地完成任务。
毕竟，精心设计的“即将推出”页面将极大地有利于您的产品发布。当您尚未开始销售时，它可以帮助您赢得交易！
有关如何使用 Shopify 应用构建预发布登录页面的更多详细信息，请参阅本文中的“使用 Shopify 应用构建 Shopify 在建页面”或“使用 GemPages 设置 Shopify 即将推出页面”部分。
有关 Shopify 即将推出页面的常见问题解答
What are the key elements of a high-converting coming soon page?
There are elements that will help you create an effective coming soon page:1. Engaging and captivating headlines and subheadings2. Short and compelling description copy and benefits3. Attractive demonstrations (images, videos, and so on)4. Simple but strong call to action (CTA)5. Contact form and social sharing
How long should a coming soon page be?
A coming soon page can be one page or a few pages long. It all depends on your objectives. However, since a coming soon page is just a preview of your brand or products, we suggest it should be only one page.
Why does my Shopify store say opening soon?
It is possible that you have not yet launched your store or you may have set a specific launch date in the future. You can check your Shopify settings to see if your store is still in draft mode or if you have set a launch date. If you are still having trouble, you can contact Shopify customer support for further assistance.
How do I enable the coming soon page on Shopify?
To enable the coming soon page on your Shopify store, you can follow these steps:1. Log in to your Shopify admin panel.2. Click on Online Store in the left-hand menu.3. Click on Preferences in the sub-menu.4. Scroll down to the Password protection section.5. Check the box next to Enable password to activate the coming soon page.6. Customize the message that will be displayed on the coming soon page.7. Set a password that customers will need to enter to access your store.8. Click Save to apply the changes.9. Once you have completed these steps, your Shopify store will display a coming soon page to visitors until you are ready to launch.
How do I get rid of the opening soon on Shopify?
To remove the opening soon page on your Shopify store and make your website live, you can follow these steps:1. Log in to your Shopify admin panel.2. Click on Online Store in the left-hand menu.3. Click on Preferences in the sub-menu.4. Scroll down to the Password protection section.5. Uncheck the box next to Enable password to deactivate the coming soon page.6. Click Save to apply the changes.
