使用结账和账户编辑器

结账和账户编辑器是一款工具,可让您在一个位置集中自定义和编辑结账页面、订单状态页面、感谢页面以及 客户账户 页面的功能和外观,此位置独立于您的模板编辑器。

您可以在 Shopify 后台的设置 > 结账部分中访问结账和账户编辑器。在配置部分中,点击您要自定义的结账配置上的编辑即可打开结账和账户编辑器。您可以自定义有效和草稿结账配置

导航结账和账户编辑器的侧边栏

结账和账户编辑器具有以下侧边栏:

  • “分区”图标 分区侧边栏中,您可以自定义结账页面、订单状态页面、感谢页面和客户账户页面的功能。
  • Settings Icon 设置侧边栏中,您可以自定义结账页面、订单状态页面、感谢页面和客户账户页面的外观。
  • “应用”图标 应用侧边栏中,您可以添加和搜索应用以自定义结账页面、订单状态页面、感谢页面和客户账户页面的功能。

如需访问结账和账户编辑器的侧边栏,请在菜单栏中点击相应的图标:

结账和账户编辑器菜单栏中的导航图标。图标从左至右依次为:分区、设置、应用。

为市场预览和自定义结账和账户页面

如果您已创建至少一个市场,则可以为您的不同市场调整结账和账户页面。为特定市场调整结账和账户页面有助于您为这些市场中的客户创造更好的体验。

顶部工具栏显示 2 个主菜单:Markets 和页面。美国市场已突出显示。

详细了解为特定市场调整结账和账户页面

结账和账户页面

您可以从结账和账户编辑器顶栏的页面选择器中访问和预览您的结账配置的所有页面。

顶部工具栏显示 2 个主菜单:Markets 和页面。结账页面已突出显示。

您可以访问和自定义以下结账页面,具体取决于您的结账布局

  • 结账(仅适用于单页结账),其中包括结账期间的联系信息、配送和发货详细信息以及付款信息。
  • 信息(仅适用于三页结账),其中包括联系信息、配送方式和收货地址详细信息。
  • 发货(仅适用于三页结账),其中包括订单的可用发货方式。
  • 支付(仅适用于三页结账),其中包括付款信息和账单地址详细信息。
  • 核对,此页面用于在客户完成结账前执行可选的订单核对步骤。仅当要求执行确认步骤设置处于启用状态时,此选项才会显示。
  • 感谢,在客户完成结账后向其显示的售后页面。“感谢”页面仅显示一次,之后客户可以使用“订单状态”页面来查看其订单。

您可以访问和自定义以下客户账户页面:

  • 订单状态,用于显示有关客户订单的详细信息。客户可以多次访问此页面。详细了解订单状态页面
  • 订单,用于显示客户账户的订单历史记录列表。
  • 资料,用于显示客户账户的资料详细信息,例如姓名、联系信息和收货地址。
  • 登录,用于显示客户登录页面,客户可使用该页面访问其账户。

您还可以通过点击在线商店模板来打开模板编辑器

预览 Shop Pay

如果您已在 Shopify 后台中激活 Shop Pay,则可以预览 Shop Pay 快捷结账向客户的显示方式。若要预览 Shop Pay,请点击结账和账户编辑器右上角的结账图标,然后选择预览 Shop Pay

在结账和账户编辑器中预览 Shop Pay

若要切换回预览结账,请点击结账和账户编辑器右上角的 Shop Pay 图标,然后选择编辑结账

撤销和重做操作

您可以使用撤销重做按钮来撤销或重做未保存的自定义。保存更改后,您将无法再重做或撤销。

如果没有可供重做或撤销的未保存自定义,则相应的按钮会灰显。

结账和账户编辑器中的撤销和重做按钮

预览您的结账页面、订单状态页面、感谢页面和客户账户页面

使用页面选择器菜单,您可以预览自定义在结账页面、订单状态页面、感谢页面和客户账户页面上的显示效果。点击页面选择器,然后从可用的结账感谢订单状态订单个人资料登录选项中进行选择。

结账和账户编辑器中的页面选择器菜单

您还可以点击在线商店模板以打开模板编辑器并自定义您当前已发布的模板。

在移动设备上预览结账、订单状态、感谢和客户账户页面

您可以在菜单栏中点击 移动设备 按钮,以预览结账、订单状态、感谢和客户账户页面在移动设备屏幕上的显示效果。再次点击移动设备按钮可返回台式电脑预览。

在移动设备屏幕上预览结账和账户页面

预览检查器

预览检查器可让您直接从预览窗口导航到分区和块,并更快、更直观地找到相应的设置。借助预览检查器,您可以直接在预览窗口中对分区和块进行重新排序、隐藏或复制。

预览检查器适用于所有结账配置,并且默认处于激活状态。在编辑会话期间,您可以点击 预览检查器 按钮来开启或关闭预览检查器。

使用其他操作

点击配置名称以打开下拉菜单,您可在其中执行以下操作:

  • 使用 view 查看可预览您的结账、订单状态、感谢和客户账户页面向客户的显示方式。
  • 使用 Rename 重命名可重命名您的结账和账户配置。
  • 使用 documentation 查看文档可打开用于自定义和编辑结账与账户页面的文档。
  • 使用 question 获取支持可从 Shopify 帮助中心获取支持。
预览结账和账户页面、访问模板编辑器、查看文档、重命名结账以及获取支持

在结账和账户编辑器中使用键盘快捷方式

您可以使用以下键盘快捷方式来更快地浏览结账和账户编辑器:

适用于 Windows 和 macOS 设备的受支持键盘快捷方式列表。
操作Windows 快捷方式macOS 快捷方式
撤消CTRL + Z + Z
重做CTRL + Y + + Z
保存CTRL + S + S
预览检查器CTRL + SHIFT + | + + |