使用 Checkout Blocks 自定义结账的块概述

Checkout Blocks 应用中的块通过 UI 扩展构建，提供可以直接拖放到结账和账户编辑器中的应用块，帮助您自定义结账页面。一些块类型向结账页面添加自定义视觉元素，例如信息和警告横幅或订单项目消息。其他块类型向结账页面添加交互元素，例如订单项目的多属性或数量选择器，或客户选择或输入其他信息的复选框或文本字段。

Checkout Blocks 每个块类型最多支持 30 个有效块。您一次最多可以有 30 个自定义字段、30 个动态内容块或其他类型的块。您可以创建超过 30 个块，但结账页面中仅显示前 30 个有效块。

结账页面中显示的块取决于您应用于块的显示规则、块的优先级顺序，以及是否使用应用块 ID 始终在特定位置显示特定块。

Checkout Blocks 中的可用应用块

Checkout Blocks 支持多种类型的应用块。块类型取决于要添加到结账页面的内容类型、是否要添加条件显示规则以及要添加块的页面。

由于块本身的功能，某些块无法添加到某些结账页面。例如，自定义字段块依赖于客户输入其他信息，例如添加自定义备注或选中复选框。必须在订单完成之前捕获此信息，因此无法将自定义字段添加到售后页面，例如感谢或订单状态页面。

套餐要求

使用 Basic Shopify 套餐或更高级别套餐的商家可以使用动态内容和静态内容块，并且只能将其放在感谢页面和订单状态页面上。

表格列出了可用的 Checkout Block 应用块及其支持的结账页面，以及每个应用块的简要说明。

应用块	受支持的页面	描述
地址阻止程序	结账	根据地址格式规则阻止结账。
自定义字段	结账	在结账页面中包含自定义字段，例如同意条款复选框或礼品消息字段。
动态内容	结账 谢谢 订单状态	根据设置的条件规则显示文本、横幅和按钮等内容。 此块适用于使用 Basic Shopify 套餐或更高级别套餐的商家。
订单项目编辑	结账 谢谢 订单状态	让客户能够在结账订单摘要中编辑订单项目，例如包括多属性或数量选择器。还充当订单项目内容的容器。
订单项目内容	结账 谢谢 订单状态	显示特定于订单项目的消息，例如最终销售。
发货和支付图标	结账	显示受支持的发货和付款方式的图标。
静态内容	结账 谢谢 订单状态	与动态内容块不同，此内容会向所有客户显示，支持文本和横幅。 此块适用于使用 Basic Shopify 套餐或更高级别套餐的商家。

详细了解如何创建应用块。

块分析

每个有效块都有视图分析，显示在 Checkout Blocks 应用中的块详细信息页面的顶部。这些分析会跟踪该块在结账页面中的显示次数。

默认情况下，块会显示今日的分析数据，但您可以点击日期下拉菜单，并使用日期选择器查看特定天数或日期范围的分析数据。

若要重置块分析，点击 ⋮ >重置分析。此操作无法撤销。

块显示规则

许多块类型（例如动态内容和自定义字段块）可用于设置条件，这些条件定义了结账块在结账页面中显示必须满足的条件。您可以为每个块设置多个显示规则，还可以定义必须满足所有规则还是满足任何一个规则才能显示块。

显示规则语法因要构建的块类型而异，但一般来说，规则是按照以下元素顺序构建的（如果适用）：

1. 规则类别，例如 Product type 或 Cart total。
2. 逻辑运算符，例如 Is 或 Is not，或 Is greater than、Contains 或 Ends in。
3. 定义所需特定值的参数，例如 Dresses 或 50.00。

例如，若要向高消费客户显示横幅以提示他们创建账户，您可以使用以下显示规则创建块：

• Only show when: All rules pass
• Cart total > Is greater than or equal to > USD > 100.00
• Customer is logged in > False

根据这组显示规则，只有当客户消费金额达到或超过 100 美元并且未登录客户账户时，横幅才会显示。如果客户已登录，横幅不会显示；如果客户消费金额低于 100 美元，横幅也不会显示。

提示:

您还可以根据定义的元字段设置显示规则。详细了解 Checkout Blocks 中的元字段定义。

应用块 ID

某些块类型（例如自定义字段或动态内容）可以选择指定应用块 ID。默认选择 0 作为应用块 ID。

通过应用块 ID，您可以在结账页面的不同部分中添加相同类型的不同块。您可以将编辑器中的结账应用块视为占位符，该占位符可以加载多个可能的块，具体取决于您在块中配置的任何显示规则。您最多可以在每个结账页面添加 10 个不同的应用块“占位符”。

示例 1：使用不同的应用块 ID 为相同类型的不同块指定不同的位置。

您希望在主要内容区域中显示必填复选框，但在侧边栏中显示可选礼品备注。这两个块都使用自定义字段块类型，因此您可以在结账和账户编辑器中添加自定义字段应用块两次，将每个块放在您希望它们显示的位置。但是，您需要能够设置哪个块位于哪个位置。

可以将必填复选框的应用块 ID 设置为 1，将可选礼品备注的应用块 ID 设置为 2。在结账和账户编辑器中，可以将主要内容区域中的自定义字段应用块设置为使用应用块 ID 1 以显示必填复选框，将侧边栏中的自定义字段应用块设置为使用应用块 ID 2 以显示可选礼品备注。

示例 2：使用相同的应用块 ID 为具有不同显示规则的相同类型的块指定单个位置。

您提供 3 种自动运费折扣：

• 超过 25 美元的订单可享受 10% 的折扣
• 超过 50 美元的订单可享受 25% 的折扣
• 超过 100 美元的订单可免运费

为了鼓励客户在完成订单前在购物车中添加更多商品，您需要在结账页面的发货方式部分中添加动态横幅，以提示客户根据最接近的运费折扣在购物车中添加更多商品。

您可以设置应用块 ID（例如 6）相同的 3 个动态内容块：

三个示例动态内容块及其适用显示规则和内容的表格。

块名称	显示规则	横幅内容
运费分级 1	购物车总计 > 小于 > 25 美元	“如果您的消费金额达到或超过 25 美元，您的购物车可享受 10% 的运费折扣。”
运费分级 2	购物车总计 > 小于 > 50 美元	“如果您的消费金额达到或超过 50 美元，您的购物车可享受 25% 的运费折扣”
运费分级 3	购物车总计 > 小于 > 100 美元	“如果您的消费金额达到或超过 100 美元，您的购物车可免运费。”

请确保运费分级 1 块的排序优先级最高，运费分级 3 块的排序优先级最低。在这种情况下，当客户消费金额低于 25 美元时，即使从技术上符合所有 3 个块的显示条件，也会显示消息最适当的分级 1 块。当客户消费金额超过 25 美元但低于 50 美元时，即使从技术上也符合分级 3 块的条件，也会显示优先级更高的分级 2 块。

最后，在结账和账户编辑器中，您可以向运费部分添加一个应用块 ID 为 6 的动态内容应用块，您创建的 3 个可能的动态内容块中最合适的一个块将在结账时显示在“容器 ”空间中。当客户消费金额达到或超过 100 美元时，结账页面的该区域不显示动态内容，因为应用块 ID 为 6 的动态内容块不符合任何显示规则。