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

您可以使用应用块自定义结账页面和客户账户页面,包括结账配置页面、感谢页面和订单状态页面,以及客户订单和个人资料页面。应用开发者和 Shopify 合作伙伴开发应用,然后在 Shopify App Store 中发布应用。您可以安装适用于结账客户账户的公开提供的应用、与开发人员创建自定义应用或聘请 Shopify 合作伙伴

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

应用可用性

某些用于自定义结账流程和客户账户(包括感谢和订单状态页面)的应用适用于使用 Basic Shopify 套餐或更高级套餐的企业。用于自定义结账流程(包括草稿订单的结账流程)的信息、发货和付款页面的应用仅适用于 Shopify Plus。

按 Shopify 套餐显示的结账应用可用性概览。
应用类型Basic Shopify 套餐或更高级别套餐Shopify Plus
使用 Web Pixel 应用扩展开发的应用
使用购买后应用扩展开发的应用
使用 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. 点击保存

iPhone
  1. Shopify 应用中,点击 ... 按钮,然后点击设置
  2. 商店设置部分中,点击结账
  3. 配置部分,点击要自定义的结账配置旁边的自定义
  4. 在结账和账户编辑器中,选择要添加应用的页面,然后点击分区
  5. 在要添加应用的分区中,点击 ⊕ 添加应用块
  6. 点击您要添加的应用块。
  7. 根据需要自定义应用块:

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

Android
  1. Shopify 应用中,点击 按钮,然后点击设置
  2. 商店设置部分中,点击结账
  3. 配置部分,点击要自定义的结账配置旁边的自定义
  4. 在结账和账户编辑器中,选择要添加应用的页面,然后点击分区
  5. 在要添加应用的分区中,点击 ⊕ 添加应用块
  6. 点击您要添加的应用块。
  7. 根据需要自定义应用块:

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

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

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

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

步骤:

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

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

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

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

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

  6. 根据需要自定义应用块:

  7. 点击保存

iPhone
  1. Shopify 应用中,点击 ... 按钮,然后点击设置
  2. 商店设置部分中,点击结账
  3. 配置部分,点击要自定义的结账配置旁边的自定义
  4. 在结账和账户编辑器中,点击应用
  5. 在要添加的应用块旁,点击
  6. 添加到弹出窗口中,点击要添加应用块的页面。
  7. 根据需要自定义应用块:

  8. 轻触保存

Android
  1. Shopify 应用中,点击 按钮,然后点击设置
  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. 点击保存

没有找到您需要的答案?我们将为您提供帮助。