如何在 Shopify 上创建引人注目的登陆页面

无论您在 Shopify 上开展什么类型的业务,登陆页都是实现高转化率的强大门户。截至 2022 年, 与其他类型的注册表单相比,登陆页的转化率高出 160% !
因此显然,为您的企业创建登陆页面应该被视为一件轻而易举的事。
如果您正在寻找创建有效 Shopify 登陆页面的方法,那么不用再找了。本文总结了所有必备知识,助您顺利起步。
什么是 Shopify 登陆页面?为什么需要它?
登陆页面是专为营销或广告目的而设计的独立网页。预期结果包括提供信息、产生潜在客户以及达成销售。
为了促使访客采取行动,着陆页通常通过 Google Adwords 或 Facebook 广告进行推广。从这些数字位置,潜在客户可以登陆您的着陆页,因此得名“着陆”页。
登陆页面对于任何 Shopify 商店来说都是提高转化率的必备工具。通过为不同群体的受众提供定制体验,登陆页面可以轻松地将访客转化为购物者。
此外,精心设计的登陆页面可以给访问者留下良好的印象:他们更有可能认为您的业务专业且值得信赖。
以下是登陆页面可以为您的电子商务网站带来的其他一些重要好处:
- Shopify 卖家可以轻松地为他们的营销活动构建和启动登陆页面。
- 付费广告活动可以获得更高的投资回报率 (ROI)。
- 对某些着陆页进行A/B 测试可以确定哪些元素转换效果良好。
- Shopify 店主可以进一步了解目标受众的偏好。
Shopify 登陆页面有哪些不同类型?
1. 潜在客户捕获页面
潜在客户捕获页面的主要目的是通过收集访问者的数据来获取潜在客户。这种页面通常在访问者考虑是否应该继续使用您的产品/服务时使用。
对于潜在客户开发,必须有一个包含姓名、地址、电话号码、年龄和电子邮件地址输入字段的 Web 表单。填写并提交表单后,访问者将获得奖励。一些常见的奖励是电子书、免费样品、折扣或任何其他数字资产。
2. 点击页面
点击页面起到预热的作用,让访问者准备好通过一个行动号召 (CTA) 被发送到另一个以转换为目标的页面。
此页面通常包含醒目的图形、引人注目的标题、简洁的产品描述和引人入胜的 CTA 按钮。此页面的目标是吸引访问者点击按钮,然后进入另一个页面,在那里他们可以立即完成转换。
您可以将点击页面视为一个过滤器:通过使用它们,您有很大机会赢得更大的客户信任,从而将优质流量(更有可能转化的访问者)发送到您的销售和营销渠道。
3. 销售页面
顾名思义,销售页面旨在实现销售。其基本组成部分包括标题、正文、行动呼吁、推荐/评论、关于我们部分和视频。
由于此页面重点关注达成交易,因此它通常用于销售漏斗的末尾。毫无疑问,创建一个成功的销售漏斗需要更多的洞察力和努力。
两种常见的销售页面类型是短版和长版。尽管长度不同,但它们的目标相同,即让访问者了解您的产品并最终将其转化为买家。
- 简短版销售页面:简短版销售页面显然包含的信息比长篇销售页面要少,只需很少的滚动页面就可以查看所有内容。
- 长格式销售页面(或销售信函):这种页面为您提供了更多空间来显示所需的信息。您可以创建一个包含长段落、详尽产品描述和大量产品照片的登录页面。
4. Shopify 闪屏页面
醒目页是指网站上位于其他页面之前的页面。该页面的目的是通过将最重要的信息放在最前面来提升用户体验。
闪屏页面有多种用途,包括吸引人们注意重要公告、推广优惠、显示免责声明或警告。
根据您的目标,创建 Shopify 启动页面就像在主页上添加弹出窗口一样简单。
5. 病毒页面
病毒式传播页面旨在传播:其目的是充分利用社交媒体的可分享性来提高品牌知名度。为此,病毒式传播页面非常重视内容以吸引注意力并促使人们在圈子中分享。因此,病毒式传播页面上的内容通常很流行且有趣,可能包含视频或游戏以带来惊喜。
其中还包括公司网站的链接,但通常以非常微妙的方式显示。
如何在 Shopify 上创建登陆页面:3 种方法
1. 使用 Shopify 的内置系统(有限的方式)
步骤 1:创建登陆页面模板
Shopify 主题编辑器和在线商店 2.0 主题是您开始开发自己的登陆页面模板的绝佳场所。
在 Shopify 管理员中,选择“在线商店” > “主题” 。选择要编辑的主题,然后点击“自定义”按钮。

从页面顶部的下拉菜单中,选择创建模板。
您将获得一个空白模板,您可以在其中开始添加内容来构建所需的登录页面。
了解更多: Shopify 初学者定制指南
第 2 步:排列着陆页模板中的元素
从左侧菜单中,选择您想要包含在登录页面中的元素并根据需要进行调整。
您只需将它们拖放到所需位置,即可按照您喜欢的方式在页面上布局它们。
单击右上角的“保存”以保存您的更改。
步骤 3:创建新页面
要在 Shopify 上创建新页面,请在 Shopify 仪表板上单击“页面” > “添加页面” 。
步骤 4:开始构建你的登陆页面
现在,您可以选择之前创建的登录页面模板,并开始在页面部分制作原创内容,包括页面标题、图片、引人入胜的文字和号召性用语 (CTA) 按钮。
您可以使用 Shopify SEO 功能(例如搜索引擎列表预览)来使 Shopify 上的登录页面更加适合搜索引擎。
2. 使用 Liquid 实现更高级别的定制(需要编码)
步骤 1:进入在线商店的主题,选择您想要的主题。点击操作下拉菜单,然后选择编辑代码。
第 2 步:转到模板>添加新模板。在弹出窗口中,您可以选择模板类型并为其命名(例如“landing-page”)。
步骤 3:模板创建后,您将被发送到编辑器。编辑 HTML 代码,然后单击“保存” 。
对于非部分模板:您的模板现已准备好应用于页面。要将模板分配给页面,请从模板后缀列表中选择它。
对于分段模板:如果您要编辑的代码隐藏在“Section”元素内,则需要构建一个新的分段。
在模板编辑器中,找到要编辑的部分的 Liquid 标签,然后为该标签赋予一个新名称(这是新部分)。
进行这些调整并保存模板后,您需要创建一个具有之前创建的名称的部分。转到部分>添加新部分,并将该部分命名为product-landing-template 。
转到“创建部分”继续编辑。您应该删除编辑器中的默认代码。将新创建部分的代码复制并粘贴到模板代码中。然后可以对其进行修改并保存为新部分。
3. 使用 GemPages 构建高转换率的着陆页(最简单的方法)
如果您想超越 Shopify 所能提供的功能,我们将竭诚为您提供帮助。
使用GemPages - 强大的页面构建器,您可以选择预制模板并以直观的方式拖放不同的元素,在几分钟内创建一个转换效果极佳的令人惊叹的登录页面。
以下是帮助您将预期的登陆页面变为现实的快速指南。
步骤 1:转到GemPages 仪表板并点击“创建新页面”按钮。从下拉菜单中选择您的页面类型。单击“登录页面” 。
第 2 步:浏览模板库以找到适合您需求的模板。
您可以将鼠标悬停在模板上并单击“预览”来检查其运行效果是否良好。
选择模板后,您可以单击“编辑”开始按您的方式创建登录页面。
您可以根据需要添加内容和视觉效果,将更多元素拖放到各个部分中,例如号召性用语按钮、表单、弹出窗口等。
为了更好地浏览 GemPages 编辑器中的所有元素,请查看此概述文章。
提示:在设计您的登陆页面时,您可以使用我们的GemMeter功能获取实用建议。GemMeter 是一种自动化的内置工具,能够立即检测设计错误、评估页面性能并为您的 Shopify 登陆页面提供更正建议。
步骤3:当您对结果满意时,点击“保存”按钮。
然后页面会保存到数据库,但尚未公开。您可以点击预览来预览页面,然后点击发布按钮将其发布。

最佳 Shopify 登陆页面示例,激发您的灵感
下面,我们从 GemPages 的客户那里收集了最好的登陆页面示例,并解释了每个示例的有效性以及您可以学到什么来打造您自己的 Shopify 登陆页面。
注意:所有示例均展示发布时直接从该品牌截取的屏幕截图。
1.因数公式


为什么 Factor Formula 的登陆页面有效:
- 信息丰富但不令人不知所措:此着陆页上有大量信息。不过,布局合理的图形和层次分明的文本有助于打破信息隔阂。
- 建立信任:在整个登陆页面,品牌以顾客评价、前后图片等形式展示鼓舞人心的内容。
2.黄玉
Topaz 的登陆页面为何有效:
- 高度重视产品摄影:登陆页面展示了大量泳装模特拍摄,以更好地展示泳衣在不同体型下的样子。
- 简约的网页设计:在整个登陆页面中,它们遵循相同的公式——高质量的产品图像、简单而诱人的文案,以及适当的 CTA。
3.萨尔蒂角
为什么 Cape Saltie 的登陆页面有效:
- 使用视频背景:该品牌不仅向您展示静态照片 - Cape Saltie 还利用短视频来介绍其产品和服务。
- 引人注目的文案: Cape Saltie 精通其网站文案,使其简洁但不简化。文字友好、易懂且易于浏览 - 非常适合当今的普通互联网浏览器。
了解更多: 7 个来自顶级品牌的 Shopify 登陆页面示例(+ 提示)

创建高转换率 Shopify 登陆页面的 10 个技巧
1. 设定明确的目标
这是让您的着陆页内容获得强烈而清晰的焦点的垫脚石。
每个着陆页都应围绕一个目标。一旦您心中有了明确的目标,您就可以以易于遵循的结构和正确的重要性顺序来布局不同的信息。
例如,如果您的目标是增加销售额,那么建议解决客户的痛点,而不是吹嘘您的产品的优势。
2. 确定目标受众及其需求
区分好的着陆页与坏的着陆页的最重要因素是它如何很好地满足客户的需求。
到达着陆页的访客会处于特定的心态并寻找特定信息。在为他们开发着陆页时,了解他们的搜索意图并迎合他们的需求至关重要。
创建各种登陆页面,每个页面针对特定的受众群体,而不是向每个人提供相同的体验。
通过问自己这些问题,您可能会更好地了解您的客户:
- 您的客户类型是怎样的?他们的年龄是多少?他们从事什么职业?他们主要是男性还是女性?
- 他们面临的主要问题是什么?或者您的产品可能能够解决他们遇到的主要困难是什么。
- 他们在购买时最看重什么?在选择要购买的产品时,他们会优先考虑哪些因素 - 价格、客户服务或付款方式?
3. 确定你的价值主张
一旦你确定了客户所遇到的问题,你就应该考虑你的产品如何解决这些痛点,或者更好的是,与其他替代方案相比,你的产品如何成为最佳解决方案。
您的价值主张是一个总结购物者为什么选择您的产品或服务的声明,它应该位于您的目标网页的中心位置。
理想的方法是,您的价值主张应该解决目标受众的痛点,鼓励他们采取行动帮助您实现目标,并在所有接触点保持一致性。
一旦确定了价值主张,请确保在整个目标网页内容中强调相同的信息。
Bad Bad在英雄横幅上用粗体文字展示了其价值主张
Bad Bad 的全新肯定珠宝系列秉承着赋予女性力量、让她们无所畏惧地生活的精神,传达出“放手。允许。投降”的信息。虽然这个价值主张与 Bad Bad 通常大胆而响亮的形象相比可能听起来有点太过温和,但它却是一个充满爱意的提醒,即脆弱确实是一种勇气。这无疑引起了很多女性的共鸣,她们承受着无情的压力,要证明自己有足够的能力被爱和被欣赏。
4. 传达清晰、具体的信息
就像电子邮件和广告活动的工作方式一样,登陆页面需要简洁、符合品牌且以受众为中心的内容才能获得成功。
- 正文应简短而亲切,但内容丰富。如有必要,可使用项目符号来提高可读性。
- 确保着陆页的信息与整个活动的信息一致,以保持品牌形象的一致性。
- 将所有内容建立在您的价值主张之上。描述产品功能时,切勿忘记将其与目标受众的需求联系起来。换句话说,要强调您的产品如何改善客户的生活质量,而不仅仅是列出您产品的特点。
5. 确保你的标题引人注目
事实上,我们的注意力持续时间都很短。大多数情况下,网页访问者只会浏览网页上的标题来了解主要思想,而不是通读全文。
因此,如果您的标题无法吸引人们的注意力,您就有可能损失很多钱。
那么,如何才能创建引人注目的标题呢?
将它们用作产品的口号。或者简单地说,在标题中明确说明您的产品如何使观众受益。
保持标题简洁、切中要点且足够有趣,肯定不会让人失望。有效的标题应该能够在几秒钟内告诉观众其中的内容。
Ace Fitness Equipment以易于理解的方式呈现其标题
观众一眼就能看出 Ace Fitness Equipment 的 PayTomorrow 服务是什么。这些标题符合所有要求:简短、简单,并且直接解决了常见问题。
6. 创建引人注目的行动号召 (CTA) 按钮
如果您希望网站访问者进行购买、订阅您的邮件列表或访问某些页面,那么您需要以正确的方式触发他们。
最有效的方法是使用强大的 CTA 按钮。
这也是成功的登陆页面不可缺少的要素。
建议每个登陆页面只包含一个 CTA,以避免分散注意力,并确保您引导观众一次采取一个特定的行动。
保持您的 CTA 清晰且以目标为导向。最重要的是,根据访客的购买阶段进行调整,以最大限度地发挥效果。
Aim在其着陆页上创建了具有视觉吸引力的 CTA 按钮
Aim 不仅仅是一家补品公司,它还将自己定位为一个拥有共同座右铭“不断完善自我”的社区。它的 CTA 按钮通过霓虹色、感叹号和休闲字体,真正捕捉到了 Aim 追求的温馨氛围和自我成长的活力精神。
7. 使用令人惊叹的图像
俗话说,一张图片胜过千言万语。吸引人的图片不仅可以很好地补充您的文案,而且还是让访问者停留在页面上的关键因素。
通过在英雄横幅中展示最吸引人的产品或服务图片,让浏览者在进入页面的那一刻就留下深刻印象。记住让图片大声宣扬您的价值主张;您一定希望访客从一开始就了解主要信息。
也可以考虑使用视频,因为视频可以很容易地描述你的产品是如何工作的。背景视频甚至可以将你商店的视觉效果提升到一个新的水平,带来一种沉浸式的互动体验,非常有趣。
Yoga Strong展示了一系列美观的瑜伽教练图像
图片说明了一切:如果您想像这些瑜伽强人一样看起来健康、有力、有禅意,那么不要犹豫,立即报名参加培训课程!
8. 利用社会认同
品牌信任度再怎么强调也不为过。不要错过展示以前合作伙伴或客户的积极反馈的机会,以证明您的业务的可靠性。
您可以通过结合评论、评级、推荐、评价甚至退款保证来使您的社会认同多样化,从而更生动地展现您的品牌信誉。
Taat为其烟草吸烟者创建了一个单独的评论页面,以分享他们对产品的评论
作为一家烟草替代品制造商,Taat 生产的烟草味道与传统香烟相似,因此他们当然希望展示如何模拟通常的吸烟体验,甚至将其提升到新的高度。没有什么比真人说话更让人感觉真实,因此 Taat 收集了各种各样的推荐视频。
9. 消除转换障碍
您的着陆页应尽可能让访问者轻松完成转化;因此,应消除任何可能阻碍他们与您的网站互动的障碍。以下是一些您肯定想避免的常见阻碍因素:
- 加载时间缓慢:页面加载时间每延迟一秒,网站的浏览量就会下降 11% ,转化率就会下降 7%。在将图片上传到商店之前,请务必对其进行优化。了解更多: 2023 年 Shopify 速度优化的 11 个可行技巧
- 结账流程冗长:如果完成订单需要点击太多次,您的客户可能会失去兴趣并离开页面。请仔细检查您的结账流程,并将步骤保持在最低限度,以免购物者感到头疼。
- 信息不足:确保您的客户拥有做出明智决策所需的所有详细信息,包括联系信息、运输信息、退货政策等。
10. 提高搜索引擎优化 (SEO)
SEO 在提高页面可见度方面发挥着重要作用。SEO优化得越好,您获得的流量就越多,将潜在客户转化为买家的机会也就越多。
您必须采取的第一步是进行关键字研究,并确定最适合您的目标网页的关键字。除了在整个文案中使用这些关键词外,您还需要将它们合并到页面标题、元描述和 URL 中。
有很多免费工具可供您检查 SEO 排名。考虑使用 SEO Site Checkup、Seobility 或 SiteChecker 快速分析您的页面状态并提前检测潜在问题。
如果你正在翻译你的登陆页面,你还需要密切关注你的多语言搜索引擎优化
准备好构建您的下一个 Shopify 登陆页面了吗?
这就是关于 Shopify 登陆页面的全部内容。虽然构建一个登陆页面需要做很多工作,但到目前为止,您可能已经掌握了掌握其艺术和科学的所有基本知识。让我们付诸实践,开始提高您的业务销售额!