使用应用自定义结账和客户账户

您可以使用区块自定义结账和客户账户页面,包括结账配置、感谢页面和订单状态页面,以及客户订单和资料页面。应用开发者和 Shopify 合作伙伴会构建应用,然后将其发布到 Shopify App Store。您可以安装与结账客户账户兼容的公开应用、与您的开发者一起创建自定义应用或聘请 Shopify 合作伙伴

将应用安装到 Shopify 后台后,您可以使用结账和账户编辑器将其添加到受支持的页面。部分区块只能添加到页面的特定区域。

应用供货情况

某些用于自定义结账和客户账户(包括感谢页面和订单状态页面)的应用适用于订阅了 Basic Shopify 套餐或更高版本套餐的商家。用于自定义结账的信息、发货和支付页面(包括草稿订单中的结账)的应用仅适用于 Shopify Plus。

按 Shopify 套餐划分的结账应用供货情况概览。
应用类型Basic Shopify 套餐或更高版本Shopify Plus
使用Web 像素应用扩展构建的应用
使用售后应用扩展构建的应用
使用 Shopify Functions 构建的公开应用
使用 Shopify Functions 构建的自定义应用
使用UI 扩展为感谢页面和订单状态页面构建的应用
使用UI 扩展为所有客户账户页面构建的应用
使用UI 扩展为信息、发货和支付页面构建的应用
Checkout Blocks》,一款可使用 UI 扩展和 Shopify Functions 自定义结账的免费应用
存在部分功能限制

安装应用

如果您想向结账、客户账户、感谢和订单状态页面添加其他功能,请浏览可为您提供这些功能的应用。应用开发者和 Shopify 合作伙伴可为您构建自定义应用,或者您也可以从 Shopify App Store 中安装用于自定义结账客户账户的第三方应用。

步骤:

  1. 转至 Shopify App Store,然后搜索适合您业务的结账应用。
  2. 点击添加应用
  3. 点击安装应用

安装应用后,您需要使用结账和账户编辑器将其添加到页面

在结账和账户编辑器中使用“应用”侧边栏

在结账和账户编辑器中,您可以通过应用侧边栏访问可用区块和已安装区块的概览。该侧边栏分为全部已添加标签页。全部标签页列出了可添加到结账和账户页面的可用区块,已添加标签页列出了您已添加到结账和账户页面的区块。

使用搜索区块搜索栏在所有页面中搜索所有可用的区块和区块系列。

“全部”标签页

全部标签页包含已安装应用中所有可用区块的列表。您可以直接从全部标签页将区块添加到相关的结账和账户页面。

所有可用区块都会显示在区块所属应用的名称下方。如果单个应用提供多种类型的区块,则区块可以显示在将相关区块组合在一起的系列中,例如“忠诚度积分”或“心愿单管理”。来自单个应用的分组区块通常旨在协同工作,因此请考虑添加区块系列中的所有区块,以便为客户提供完整的体验。您必须单独添加系列中的每个区块,以便根据需要配置每个区块。

将区块添加到页面后,区块名称旁边会显示一个 ✓。如果某个区块被多次添加到您的结账配置中,则会显示一个数字,表示该区块在结账配置中包含的次数。如果某个区块只能添加一次,则放置该区块后,添加该区块的选项将被停用。

“已添加”标签页

已添加标签页包含结账和账户配置中至少存在于 1 个位置的所有已安装区块的列表。所有已添加的区块都显示在区块所属的应用名称下方。列出的区块还会显示区块添加到的任何页面。

点击区块以访问区块设置。

从已安装的应用添加区块

安装应用后,您可以使用结账和账户编辑器将其作为区块添加到页面。部分应用只能添加到配置的特定区域。每个突出显示的区域最多只能包含 3 个应用。

您可以使用分区侧边栏或应用侧边栏将现有块直接添加到页面上的分区中。

使用“分区”侧边栏添加块

您可以使用分区侧边栏将已安装应用中的块添加到您当前正在查看的页面。只有可安装在页面或分区上的块才会显示为可选项。

步骤:

台式电脑
  1. 在 Shopify 后台中,转至设置 > 结账

  2. 配置部分中,点击您要自定义的配置旁边的编辑

  3. 在结账和账户编辑器中,选择要向其添加应用的页面,然后点击 分区 以访问分区侧边栏。

  4. 在要向其添加应用的分区中,点击⊕ 添加块

  5. 点击要添加的块。

  6. 根据需要自定义块:

    • 若要重新排列块的位置,请在分区列表中向上或向下拖放该块,或使用预览窗口中的移动按钮。
    • 点击该块以配置任何块设置
  7. 点击保存

移动设备
  1. Shopify app 中,轻触 菜单,然后轻触 设置 设置

  2. 商店设置部分,轻触结账

  3. 配置部分中,在要自定义的结账配置上轻触自定义

  4. 在结账和账户编辑器中,选择要向其添加应用的页面,然后轻触分区

  5. 在您要添加应用的分区中,轻触 ⊕ 添加内容块

  6. 轻触要添加的块。

  7. 根据需要自定义块:

    • 若要重新排列块的位置,请在分区列表中向上或向下拖放该块,或使用预览窗口中的移动按钮。
    • 轻触该块以配置任何块设置
  8. 轻触保存

使用“应用”侧边栏添加块

您可以使用应用侧边栏将已安装应用中的块添加到您当前正在查看的页面。在添加块时,只有可安装特定块的页面才会显示为选项。

详细了解在结账和账户编辑器中使用“应用”侧边栏

步骤:

台式电脑
  1. 在 Shopify 后台中,转至设置 > 结账

  2. 配置部分中,点击您要自定义的配置旁边的编辑

  3. 在结账和账户编辑器中,点击 应用 以访问应用侧边栏。

  4. 在要添加的块旁边,点击

  5. 添加到弹出窗口中,点击要将块添加到的页面。

  6. 根据需要自定义块:

  7. 点击保存

移动设备
  1. Shopify app 中,轻触 菜单,然后轻触 设置 设置

  2. 商店设置部分,轻触结账

  3. 配置部分中,在要自定义的结账配置上轻触自定义

  4. 在结账和账户编辑器中,轻触应用

  5. 在要添加的块旁边,轻触

  6. 添加到弹出窗口中,轻触要将块添加到的页面。

  7. 根据需要自定义块:

  8. 轻触保存

移动和放置应用

您可以在给定页面的块中移动和放置应用。某些应用只能放置在页面的特定区域。当您尝试拖放应用时,不可用的区域将灰显。

步骤:

  1. 在 Shopify 后台中,转至设置 > 结账

  2. 配置部分中,点击您要自定义的配置旁边的编辑

  3. 找到您要移动的应用。

  4. 点击并拖动应用旁边的 ⠿ 图标,将该应用移动到另一个区域。

  5. 点击保存

使用块向客户账户添加页面

一些应用提供可让您向客户账户标头添加新页面的块。例如,心愿单应用可能会提供一个块,让您能够向客户账户添加新的心愿单页面。

您可以在结账和账户编辑器的应用侧边栏中创建应用页面。一些应用页面支持直接链接,通过该功能,您可以从结账和账户编辑器中或从 Shopify 后台的菜单页面将页面链接到客户账户菜单。

添加新页面后,您可以从应用侧边栏的已添加标签页或从结账和账户编辑器中的页面选择器菜单访问它。

步骤:

  1. 在 Shopify 后台中,转至设置 > 结账

  2. 配置部分中,点击您要自定义的结账配置旁边的自定义

  3. 应用 应用 部分中,找到要为其创建页面的应用。

  4. 点击 + 图标,然后在将页面添加至部分中点击账户

  5. 设置中,配置您的应用设置。

  6. 点击保存

  7. 可选:若要在客户账户菜单中向客户显示应用页面,请点击添加到菜单。在客户账户主菜单对话框中,请执行以下操作:

    1. 查看从结账和账户编辑器自动填充的标签链接。如果要重命名链接,请更新标签字段**。
    2. 可选:将要添加的任何其他菜单项添加到客户账户主菜单
    3. 点击保存

配置应用

您可以自定义应用的设置。每个应用都有您可以自定义的独特设置。应用设置由创建该应用的开发人员或合作伙伴定义。如果您有自己的开发团队,则可以指定您希望能够自行自定义哪些设置。

例如,如果您使用的应用可让您创建自定义横幅,那么您可以自定义横幅标题、描述和状态。

步骤:

  1. 在 Shopify 后台中,转至设置 > 结账

  2. 配置部分中,点击您要自定义的配置旁边的编辑

  3. 点击要配置的应用。

  4. 自定义您的应用设置。

  5. 点击保存

管理应用的行为控件

在配置应用时,您还可以管理应用的行为控件。这些控件可让您管理以下行为:

  • 允许应用阻止结账
  • 快捷结账中包含该应用
  • 在快捷结账中以及在显示已保存状态(例如当拥有账户的客户登录时)的位置自动展开分区以显示该应用

具体取决于您正在配置的应用以及该应用在结账流程中所在的分区,某些控件可能不可用。

允许应用阻止您的结账

如果客户在应用内提供了不完整或无效的信息,您可以选择是否要阻止结账并拒绝订单。

例如,您有一个在结账流程中添加复选框的应用,客户需要选择该复选框。如果您允许此应用阻止您的结账,而您的客户未选择此复选框,那么他们的订单将被自动拒绝。

步骤:

  1. 在 Shopify 后台中,转至设置 > 结账

  2. 配置部分中,点击您要自定义的配置旁边的编辑

  3. 点击要配置的应用。

  4. 在右侧边栏的结账行为分区中,选择允许应用阻止结账

  5. 点击允许应用阻止结账

  6. 点击保存

在快捷结账中包含应用

您可以选择是否要在快捷结账(例如 Shop Pay)中包含某个应用。您还可以允许该应用强制已折叠的分区在快捷结账中自动展开。

步骤:

  1. 在 Shopify 后台中,转至设置 > 结账

  2. 配置部分中,点击您要自定义的配置旁边的编辑

  3. 点击要配置的应用。

  4. 结账行为分区中,选择在快捷结账中包含应用

  5. 可选:选择自动展开分区以显示应用以展开已关闭的分区。

  6. 点击保存

  7. 可选:若要预览快捷结账在您商店中的显示方式,请点击结账编辑器右上角的 购物车

在结账时向售后页面添加功能

您可以使用售后应用将客户调查或增销优惠等功能添加到客户结账体验中。这些应用会在客户完成付款之后、看到订单确认页面之前添加内容。

若要向您的售后页面添加功能,您需要安装并配置结账应用,然后在您的结账设置中选择该应用以在售后页面上使用。

您一次只能使用一个结账应用来添加售后功能。如果您安装了多个具有售后功能的应用,则可以在结账设置中选择要使用的应用。

安装结账应用以添加售后功能

若要向售后页面添加功能,您需要使用支持结账时售后功能的第三方应用。

如果您需要有关第三方应用的帮助,则需要联系应用开发者

步骤:

  1. 前往 Shopify App Store,然后搜索适合您业务的售后应用。
  2. 点击添加应用。如果您未登录您的 Shopify 账户,系统会提示您登录。
  3. 点击安装应用
  4. 前往 Shopify 后台的应用部分,然后轻触您的结账应用的名称。
  5. 输入所需的配置设置。

选择要在您的售后页面上使用的应用

安装并配置结账应用后,您需要在结账设置中选择要在售后页面上使用的应用。

您也可以在结账设置中更改要使用的应用。

步骤:

  1. 在 Shopify 后台中,转至设置 > 结账

  2. 售后页面部分中,选择您要使用的结账应用。

删除应用

您可以从结账流程中删除应用。如果您想从 Shopify 后台中完全删除某个应用,则需要卸载该应用

步骤:

  1. 在 Shopify 后台中,转至设置 > 结账

  2. 配置部分中,点击您要自定义的配置旁边的编辑

  3. 点击要从结账流程中删除的应用。

  4. 点击删除区块

  5. 点击保存