跳转到主要内容
结账与付款

自定义结账、条款和继续购物

打开 购物车 > 结账按钮,配置抽屉的主要操作及其周围的控件。

选择按钮目的地和文本

结账目的地、演示复选框文案,以及作为文本链接的“继续购物”。
(1) 保留 {{total}} 以显示金额并选择目的地。(2) 配置复选框文案。(3) 此“继续购物”操作会关闭抽屉,并使用文本链接。

将 按钮目的地设置为 结账或 购物车页面。编辑 结账按钮文本,如果希望在标签中显示购物车总额,请保留 {{total}}。你还可以调整按钮高度和字体大小。

按钮高度范围为 36 到 64px,字体大小范围为 12 到 24px。带边框的继续购物按钮使用相同的尺寸,其文本链接外观采用独立的紧凑样式。

请保留可用的结账方式。如果关闭标准按钮,也请启用加速结账。当钱包按钮不可用时,抽屉可以显示标准按钮作为备用选项。

要求同意条款

备注已填写,但未勾选演示复选框时,结账仍会被阻止。
(1) 备注已填写。(2) 在单独的复选框被勾选前,结账仍处于禁用状态。示例标签仅用于本次演示。

在同一个结账按钮区块中,启用 要求同意条款,并编辑 条款复选框文本。条款必填消息位于 高级设置 > 消息 > 错误消息。

复选框位于结账按钮上方。在勾选复选框前,抽屉会阻止结账操作;加速结账按钮也会等待该要求满足。这是抽屉控件,不是适用于所有 Shopify 结账路径的验证规则。

演示使用示例标签“我已检查此演示购物车”来测试此限制。备注已填写但复选框未勾选时,结账仍处于禁用状态。配置实际复选框时,请使用适合你商店的文案。

添加继续购物按钮

启用显示“继续购物”按钮。设置按钮文本,并选择关闭购物车抽屉、前往购物车页面或前往链接。对于自定义链接,请输入目标地址;留空则关闭抽屉。

在外观下,选择按钮或文本链接。文本链接是不带边框的带下划线文本,因此页脚占用的空间更少。

此辅助按钮位于结账按钮组下方。它在此处配置,而不是作为单独的可拖动区块。

在店面保存并测试每个按钮。如果结账功能已禁用,请检查是否也启用了必填订单备注。

测试完整页脚

已完成演示流程,已启用结账、继续购物链接和支付图标。
(1) 保存备注并勾选复选框后,结账功能已启用。(2) 继续购物会关闭抽屉。(3) 支付图标是标签,而不是钱包按钮。

在桌面设备和手机上,使用购物车中的实际商品进行测试。填写所有必填备注并勾选复选框,然后打开结账页面,比较商品和折扣金额。在此示例中,购买 2 件面霜后,应用 Buy 2 折扣,价格为 $50.40。继续购物会关闭抽屉,但不会移除这些商品。

这篇文章对您有帮助吗?

您的反馈有助于我们改进文档。

谢谢,我们会继续改进这篇文章。

想与我们的团队聊天? 还有疑问?

仍需帮助?

我们的团队只需点击一下即可联系。给我们发送消息,我们会尽快回复。

我们使用少量 Cookie 来确保网站正常运行、衡量网站使用情况,并在您打开聊天组件时为其提供支持。请参阅我们的 Cookie 政策。