Shopify 单页结帐 2024 年:您需要了解的一切

Shopify 单页结帐 2024 年:您需要了解的一切

不管你相信与否,在 Shopify 商店中进行销售不仅仅发生在主页和产品页面。这种情况也会发生在结账页面——如果你搞砸了,你可能会错过可以推动你的业务更上一层楼的潜在收入。但您不必担心,Shopify 单页结帐 可以为您提供帮助。

在快节奏且竞争激烈的电子商务世界中,在线商店的成功取决于多个因素,例如视觉设计、页面速度和导航等。但所有在线客户必须经过一个流程才能完成购买——结账流程。

结帐流程是客户决定是否完成购买的环节。因此,此步骤成为销售转化的关键要素。如今,客户需要更加无缝的结账流程。一种不需要他们经历很多麻烦就可以购买他们需要的东西的方式。

Shopify 已经位居食物链顶端,比其他电子商务平台的转化率高出高达 36%。现在,他们让事情变得更好,因为他们刚刚推出了一页结帐的更新,可以帮助您获得更多销售额。让我们来谈谈它。

 

什么是Shopify 一页结帐

想象一下在超市排长队——这很令人恼火,有些人会失去耐心,留下购买的东西,然后走出大门。过去我们已经见证过无数次。

如果客户发现您的结帐页面处理起来很麻烦,您的在线商店也会发生同样的情况。这会严重影响您的转化率。

这就是一页结帐(或单页结帐)派上用场的地方。它提供了简化的结帐流程,使您的客户只需点击几下即可在单个页面上完成结帐。

观看此视频,了解新的单页结帐是如何简化的:

来源:Shopify YouTube

根据 Dynamic Yield 研究,2023 年全球购物车放弃率为 71.68%。这意味着超过三分之二的潜在在线销售额会因为客户决定不在在线购物流程的最后一步(结帐)完成购买而损失。

Beanstory结账页面

来源:豆子故事

在上面 Beanstory 的结帐页面示例中,您会注意到所有结帐表单都包含在同一页面中。

在此单一页面中,可以填写联系电话、送货地址和付款选项。这意味着客户不再需要被重定向到不同的页面才能完成购买。

 

这看起来似乎是一个很小的变化,但 Shopify 的单页结账承诺由于更快、更方便的购物体验而有望提高销售转化率。

Shopify 单页结账的优点和缺点

据 Shopify 称:

“我们的新设计不仅仅是美学升级;这是一次深思熟虑的重新想象,直观且易于使用。我们对每个像素和交互进行了微调,确保设计的每个元素都能达到引导买家完成购买的目的。这种对细节的一丝不苟的关注带来了一种看起来不错、让买家满意并且转化率很高的结账体验。”

因此,这种新的 Shopify 单页面结帐预计将为现有和新的 Shopify 用户带来许多好处。

优点

增加转化次数

结账时放弃原因统计

资料来源:贝玛德研究所

根据 Baymard Institute 2023 年对 2,219 名美国成年人进行的一项研究,他们放弃购物车的原因有两个与结账相关的原因:

  • 第 2 个原因:该网站希望我创建一个帐户(没有访客结帐)
  • 前 5 大原因:结账流程太长/太复杂

单页结帐流程消除了所有这些摩擦,使客户的体验更加愉快。由于这些问题现已得到解决,在线商店的转化率有望得到合理提高。

改善用户体验

根据 Statista 的不同研究,到 2023 年,移动电子商务在全球的总份额将达到 60%,价值近 2.2 万亿美元。这意味着使用移动设备在线购物的人数多于使用台式机或笔记本电脑的人数。

因此,作为电子商务企业家,您应该高度重视在线商店的移动版本。在移动设备上,页面加载时间可能从几秒到一分钟不等。拥有多个结帐页面意味着买家需要花费最多 5 分钟填写数据才能获取商品。正如你所预料的,很多人在达到这个数字之前都会放弃!

Shopify 上的单一结账页面距离更好的移动体验又近了一步。如您所知,智能手机不具有与大屏幕计算机相同的屏幕空间。因此,移动网站的设计必须满足客户的视觉期望。

缺点

长滚动页面

Shopify 的单一结账页面可能是一把双刃剑。将所有运输信息合并在一个页面中会导致滚动页面更长,这不可避免地会让一些用户(尤其是移动购物者)感到不舒服。因此,这也可能导致购物车被遗弃。

与追加销售机会的权衡

由于单一结账页面设计得更简单、更直接,因此必须做出权衡。不幸的是,追加销售机会是 Shopify 单页结账的牺牲品之一。因此,如果管理不当,实际上可能会导致客户购物车价值降低。

不过,这可以通过使用“评论购物车”页面来纠正。在此页面上,客户可以在结帐之前查看其购买的商品。

Quad Lock 的“评论购物车”页面

来源:四锁

在上面的示例图中,Quad Lock 通过在购物车下方添加产品建议或“推荐”部分来最大化其页面。

可能会影响加载速度

将所有结帐详细信息整合到一个页面中意味着移动和桌面浏览器必须下载更多信息。因此,它可能会导致加载速度变慢 - 特别是对于互联网连接速度较慢的用户而言。

 

这只是一种可能性。然而,在通过手机尝试使用单一结帐页面的 Shopify 商店时,我们没有注意到结帐流程中存在不太理想的变化。

阅读更多内容: 一种产品 Shopify 商店:如何构建 & 03 个成功示例

一页结帐现已成为所有 Shopify 商店的默认设置

一页结帐现在是所有 Shopify 商店的默认设置

在此 2023 年 10 月更新之前,Shopify 的结账流程默认由三个单独的页面(查看购物车后)组成:客户信息、送货信息和付款。一页结账曾经是那些想要简化流程的 Shopify 用户的一个选项。

应用程序还用于实现单一结账页面的更多可定制性。

但在最近的更新中,单页结账已成为除 Shopify Plus 用户外所有 Shopify 用户的默认设置。

这意味着单一结账页面将适用于以下计划:

  • 基本 Shopify
  • 购物
  • 高级 Shopify

上述计划的用户无需执行任何操作即可切换,因为此更新会自动将它们转换为一页结账。

不幸的是,在此新更新中,单个结帐页面不再成为非 Shopify Plus 用户的选项,并且无法恢复到之前的三页或多页结帐。

用 Shopify 自己的话说:

“对于使用非 Shopify Plus 套餐的商店,一页结帐是默认结帐体验,您无法切换到三页结帐体验。”

但在您认为 Shopify 没有让您选择可定制性之前,好吧,事实并非如此。

您仍然可以通过 Shopify 后台对结账页面进行一些调整。

转到 “设置”> 选择 “结账”

Shopify 管理员的结账设置屏幕截图

正如您所看到的,客户联系方式和信息、营销选项、订单处理等自定义选项根本不会丢失。如果您想进行更深层次的自定义,您甚至可以添加自定义脚本

最后,Shopify 商店中有大量结帐应用程序,您可以使用它们来进一步调整结帐页面。我们在本文末尾列出了应用程序列表。

您可能需要进行一些调整

由于新的单页结帐将成为初学者、Shopify 和高级 Shopify 用户不可协商的布局,因此一些在线商店可能会遇到与之前实施的自定义不一致的情况。

Shopify 提醒用户注意以下事项:

  • “一页结帐的标题布局与三页结帐不同,这可能会影响背景图像在结帐时的显示方式。如果结账表单上有背景图像,那么您可能需要调整图像的裁剪并替换它。”
  • “单页结帐在主题内容编辑器的结帐和系统部分引入了一些新的可自定义措辞。如果您之前进行过内容更改或自定义翻译,那么您应该确认您的自定义内容在新的一页结帐中按预期显示。”

快速阅读:  Shopify 感谢页面:如何使用它来获得更多销售额? 【附视频教程】

    Shopify Plus 用户可以选择不使用 Onepage Checkout

    Shopify plus 用户可以选择不使用一页结账

    虽然非 Shopify Plus 用户无法再恢复到以前的结账方向,但另一方面,Shopify Plus 计划用户可以选择不使用单页结账。

    这一点在Shopify的最新文档中已经明确说明:

    “如果您的商店使用 Shopify Plus 套餐,那么您可以从结帐编辑器的品牌设置部分在一页结帐和三页结帐之间切换。”

    以下是更改 Shopify Plus 商店结账布局的方法:

    桌面

    第 1 步:打开您的 Shopify 后台并单击“设置”

    单击 Shopify 仪表板上的设置

    第 2 步: 在设置菜单中,单击“结账”

    单击结帐菜单

    第 3 步: 从结帐菜单中选择要编辑的内容

    您可以通过“结帐”菜单进行这些更改

    结帐菜单将使您可以访问单页结帐页面的不同内容,例如:

    • 客户联系方式
    • 客户信息
    • 营销选择
    • 小费
    • 地址收集首选项
    • 订单处理
    • 废弃的结帐电子邮件
    • 购买后页面
    • 订单状态页面
    • 结账语言
    • 结账规则

    这些部分将帮助您修改结账页面的结构、收集的信息和一些功能。

    但如果您想更改结帐页面的美观程度,则需要打开结帐编辑器 - 为此,让我们进入下一步。

    第 4 步:在结帐菜单页面顶部,单击自定义结帐按钮以在 Shopify 主题编辑器中打开结帐定制器

    单击自定义结帐按钮以打开结帐定制器

    在结帐定制器中,您将能够更改单页结帐页面的颜色、版式、动画、图像和其他视觉元素。

    通过主题编辑器结帐定制器

    您还可以选择商店所需的购物车类型(抽屉式购物车或页面购物车)。

    此外,如果您想要实施更复杂的更改,您还可以添加自定义 CSS。

    第 5 步:当您对所做的更改感到满意时,单击“保存”以完成更改并将其实施到您的商店

    单击“保存”以实施更改

    编辑商店时的一些提醒

    01. 复制主题以确保安全

    每当您通过主题编辑器编辑商店时,最好复制您的商店,以确保您的实时商店免受编辑时可能犯的潜在错误的影响。

    您可以通过 Shopify 仪表板执行此操作。单击在线商店 > 主题 > 三点图标 > 复制。

    复制您的主题商店以确保安全

    复制后,将在主题库下创建主题的副本。

    编辑重复商店,以便您的实时商店不会立即发生更改

    然后,您可以单击三点按钮 > 编辑默认主题内容以打开主题编辑器并进行所需的更改。

    请记住,只要您正在编辑当前主题的副本,即使保存更改,更改也不会应用到您的在线商店。

     使更改生效的唯一方法是在进行调整后单击“发布”按钮。

    要实施更改,请在重复的商店上单击“发布”。它现在成为您当前的 Shopify 主题

    单击“发布”按钮后,重复的主题现在将成为您当前的主题。

    对商店进行更改时重复此过程,以确保不会因错误而对您的实际商店进行不需要的更改。

    02. 检查响应能力

    确认新设计是否具有响应能力。您可以通过切换“保存”按钮旁边的桌面、移动设备和全屏图标来轻松完成此操作。

    通过这样做,您可以最大程度地减少现场商店布局损坏的可能性,从而防止负面的用户体验。

    单击“保存”之前通过主题编辑器检查响应能力

    揭穿有关 Shopify 一页结帐的神话

    揭穿有关 Shopify 一页结帐的神话

    我们在网上阅读了很多有关 Shopify 最新单页结帐的神话。在本节中,我们希望揭穿其中一些神话,以便让您放心——知道这个最新的更新实际上是您在线商店的一项改进,而不是倒退。

    误区#1:分析将是一场噩梦

    网上的一些文章称,单页结账将不再提供像三页布局那样的详细结账分析。

    然而,事实并非如此。据 Shopify 称:

    “一页结帐从客户那里收集的信息与当前三页结帐相同,并且您的 Shopify 后台中提供了与结帐相关的相同分析。在您的结帐更新为单页结帐后,任何使用订单状态页面的现有转化跟踪设置都将继续有效。”

    误区#2:它会减慢网站速度

    虽然某些用户可能会遇到网站速度缓慢的情况,但这要视具体情况而定,并且有很多因素在起作用,例如:互联网速度、浏览器以及他们所使用的设备使用。

    为了证实这一点,我们使用移动设备访问了一些 Shopify 在线商店,我们没有注意到加载速度异常缓慢。

    此外,我们还使用 PageSpeed Insights 工具测试了相同的网站,该工具测试特定网站的核心网络生命力。

    下图显示了下面 Shopify 商店的移动速度测试结果。

    测试#1:Eve Gravel

    Eve Gravel Shopify 商店的核心网络生命力评估

    我们测试的第一家 Shopify 商店是 Eve Gravel。如上图所示,它通过了核心 Web Vitals 评估。并查看六个不同指标的结果,所有这些指标都属于使网站“良好”的参数。

    测试#2:园林工具公司

    Garden Tool Company Shopify 商店的核心网络生命力评估

    我们测试的第二家商店 Garden Tool Company 也通过了 PageSpeed Insights 的核心网络生命力评估。测量的所有六个指标均返回“良好”分数。

    误区#3:它不像三页结帐那样可定制

    由于所有内容都合并到一页中,因此您可能担心自定义会受到限制,或者您会从多页结账中丢失以前的自定义设置。不过这方面大家不用担心。

    据 Shopify 称:

    “一页结帐支持与三页结帐相同的自定义选项。当您在结账布局之间切换时,您所做的任何自定义都将继续无缝运行。”

    Shopify 一页结账有什么新功能?

    Shopify 一页结帐有哪些新功能?

    现在我们已经讨论了 Shopify 单页结帐的适用性、优缺点以及误解,现在让我们来谈谈此最新更新的新增内容。

    除了明显改进的外观页面之外,单页结帐还具有以下附加语言自定义:

    船运

    • 地址字段
    • 运送方式
    • 汇总标题等

    计费

    • 地址字段
    • 纽扣
    • CTA 等

    支付

    • 付款方式
    • 订阅标题
    • 付款方式已过期

    客户账户

    • 卷起标签
    • 无效的运输方式

    审查

    • 积木
    • 评论标题免费订单

    库存

    • 价格更新
    • 标题
    • 描述

    Shopify 一页结帐的替代方案

    Shopify 将新的一页结账方式作为所有商店的默认设置并不意味着用户会坚持使用它。

    事实上,用户仍然可以使用第三方应用程序来提升结帐页面的外观、感觉和功能。

    查看下面的列表:

    01.Qikify结帐定制器

    https://apps.shopify.com/qikify-checkout-plus

    评分: 5 / 5

    定价:基本、Shopify 和高级计划免费。 Shopify Plus 每月 99 美元。

    Qikify 结账定制器

    来源:Shopify 应用商店

    Qikify 是一款免费的结账解决方案,适用于使用 Basic、Shopify 或 Advanced 计划并希望自定义结账付款和送货方式的 Shopify 用户。

    另一方面,Shopify Plus 用户每月将支付 99 美元,但他们可以获得更多的可定制性。这包括通过自定义字段收集客户信息。

    该应用程序还允许用户通过在结帐页面添加追加销售和交叉销售元素来提高销售额。它还允许添加结帐横幅、奖励栏、推荐等。

    主要特征:

    • 免费定制结账付款和送货方式(适用于所有 Shopify 计划)
    • 自定义结帐字段:多种模板和条件,提供更多服务
    • 产品优惠:结帐追加销售、交叉销售并在结帐页面中自动折扣
    • 自定义购物车:更新商品选项;或结帐追加销售并享受数量折扣
    • 定制结账品牌(免费);创建横幅、奖励栏、推荐

    02. Cartly 购物车 抽屉式购物车 追加销售

    https://apps.shopify.com/one-click-checkout

    评分:  4.8 / 5

    定价:提供免费计划。每月 9.99 美元起

    Cartly 购物车 抽屉式购物车 追加销售

    来源:Shopify 应用商店

    Cartly Cart Drawer Cart Upsell 是另一个应用程序,它提供了一系列解决方案,使您的客户获得更愉快的购物体验。它使用户能够添加购物车抽屉(由 CRO 专家根据其网页设计)、粘性添加到购物车或结账按钮,甚至添加一键结账按钮,以便客户可以相对轻松地进行购买。

    主要特征:

    • Ajax 购物车抽屉,带购物车追加销售和弹出购物车页面,带跳到结账按钮
    • 将条款和条件复选框以及“立即购买稍后付款”(BNPL) 信息添加到购物车
    • 粘性“添加到购物车”,页面底部的浮动固定“添加到购物车”按钮
    • 使用“立即购买”、“购买”按钮和 ATC 按钮管理直接结帐并跳过购物车流程
    • 快速结帐粘性栏:引导访问者从任何网站页面结帐

    03. 即时结帐 - 购买按钮

    https://apps.shopify.com/buy-now-direct-checkout

    评分:  4.7 / 5

    定价:提供免费计划。统一费率为每月 4 美元。

    即时结账 - 购买按钮

    来源:Shopify 应用商店

    Instant Checkout 是一款经济高效的应用程序,适合想要简单的结账解决方案的商家以及不想在结账应用程序上花费大量资金的商家。

    顾名思义,即时结账让顾客购物变得更加轻松,尤其是那些想要无忧无虑的购物体验的顾客。通过使用此应用程序,您的客户在选择想要购买的商品后可以直接从产品页面进入结帐页面,从而绕过浏览“评论购物车”页面的麻烦。

    这是一个简单而智能的解决方案,您的客户一定会喜欢的。

    主要特征:

    • 一键安装 - 无需编码技能。只需启用该应用程序并使用它即可。
    • 在产品、系列和主页产品上添加动画“立即购买”按钮。
    • 编辑“立即购买”按钮的外观和风格以匹配您商店的品牌。
    • 粘性“立即购买”按钮 |跳至结帐 |按钮分析
    • 与 ReCharge 网关订阅兼容。

    04. 确保结账规则

    https://apps.shopify.com/checkout-rules

    评分: 5 / 5

    定价: 提供免费计划。统一费率为每月 4.99 美元

    确保结帐规则

    来源:Shopify 应用商店

    Be Sure Checkout Rules 是一款独特的应用程序,可让您修改结帐页面中表单和字段的排列。您可以按照您希望的显示方式重新排序运输选项,也可以对付款方式执行相同的操作。

    此外,您可以设置各种条件来触发结账修改。

    所有这些反过来又可以让您根据自己的喜好以某种方式控制客户的选择。

    主要特征:

    • 在结帐页面上重新订购/重新安排运输/付款方式。
    • 通过购物车总数、产品标签、客户标签等隐藏付款/运输方式。
    • 设置默认的预先选择的运输或付款方式。
    • 仅在结帐信息页面隐藏快速结帐付款方式。
    • 如果地址包含邮政信箱,则隐藏运输(例如 UPS)或阻止结账

    结论:新的一页结帐提供了提高销售转化率的机会

    如上面的统计数据所示,购物车放弃的 5 个原因中有 2 个与结帐流程有关。这表明客户体验对您的在线销售转化有切实的影响。

    随着全球电子商务购物车放弃率高达 71.68%,一页结账是 Shopify 重新获得用户损失的潜在收入的长期解决方案。

    单页结帐有其缺陷,一些用户可能会觉得没有吸引力。然而,由于它已经到来,在线商店所有者需要适应这一变化并利用它来发挥自己的优势。

    随着电子商务格局的不断变化,Shopify 努力始终跟上市场需求。

    根据他们的博客,“自 2022 年初以来,我们对新结账方式进行了多项改进,增加了高达 1.5% 的转化提升。”

    毕竟,数百万企业依赖 Shopify 的平台。因此,如果没有经过证实能为用户带来好处,Shopify 就不会实施此类更改。因此,这次全面的结账大修的发布是有充分理由的。

    返回博客

    发表评论