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

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

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

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

在此页面上

Checkout Blocks 中可用的区块

Checkout Blocks 支持多种类型的区块。区块类型取决于您要添加到结账页面的内容类型、您是否要添加有条件的显示规则，以及您要将该区块添加到哪些页面。

由于区块本身的功能，某些区块无法添加到特定的结账页面。例如，自定义字段区块需要客户输入其他信息（例如添加自定义备注或选中某个框）。此信息必须在订单完成前收集，因此自定义字段区块无法添加到“感谢”页面或订单状态页面等售后页面。

表格列出了 Checkout Blocks 中可用的区块，以及支持这些区块的结账页面和每个区块的简要描述。
区块	支持的页面	描述
地址拦截器	结账页面	根据地址格式规则阻止结账。
自定义字段	结账页面	在结账页面中包含自定义字段，例如“同意条款”复选框或礼品消息字段。
动态内容	结账页面 “感谢”页面 “订单状态”页面	根据您设置的条件规则显示文本、横幅和按钮等内容。 Basic Shopify 或更高级别套餐的商家可以使用此区块，并且只能将其放置在感谢页面和订单状态页面上。若要将其放置在结账页面上，则需要使用 Shopify Plus 套餐。
订单项目编辑	结账页面 “感谢”页面 “订单状态”页面	允许客户编辑结账订单摘要中的订单项目，例如添加多属性或数量选择器。还可充当订单项目内容的容器。
订单项目内容	结账页面 “感谢”页面 “订单状态”页面	显示特定于订单项目的消息，例如 `最终销售`。
发货和付款图标	结账页面	显示支持的发货和付款方式的图标。
静态内容	结账页面 “感谢”页面 “订单状态”页面	与动态内容区块不同，此内容会向所有客户显示，并支持文本和横幅。 Basic Shopify 或更高级别套餐的商家可以使用此区块，并且只能将其放置在感谢页面和订单状态页面上。若要将其放置在结账页面上，则需要使用 Shopify Plus 套餐。

详细了解创建区块。

区块分析

在 Checkout Blocks 应用中，每个已激活区块的详细信息页面顶部都会显示查看次数分析数据。此分析数据会跟踪该区块在结账时显示的次数。

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

要重置该区块的分析，请点击 > 重置分析。此操作无法撤销。

区块的显示规则

许多区块类型（例如动态内容和自定义字段区块）都允许您设置条件，用以定义您的结账区块在结账时显示必须满足的条件。您可为每个区块设置多个显示规则，还可以定义是必须满足所有规则还是只需满足任一规则即可显示该区块。

显示规则的语法因您构建的区块类型而异，但总的来说，在适用情况下，规则是按顺序使用以下元素构建的：

规则的类别，例如 产品类型或购物车总额。
逻辑运算符，例如 等于、不等于、大于、包含或 结尾是。
用于定义所需特定值的参数，例如 连衣裙或50.00。

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

显示条件：满足所有规则
购物车总额 > 大于或等于 > 美元 > 100.00
客户已登录 > 否

根据这组显示规则，您的横幅仅在客户消费达到 100 美元或以上且未登录客户账户时显示。如果客户已登录，或消费金额未达到 100 美元阈值，则横幅不会显示。

区块 ID

某些区块类型（例如自定义字段或动态内容）提供了用于指定区块 ID 的选项。默认选择的区块 ID 为 0。

通过区块 ID，您可以在结账页面的不同分区中添加同一类型的不同区块。您可以将编辑器中的结账区块视为一个占位符，它可以根据您在区块中配置的任何显示规则加载多个可能的区块。您可以在每个结账页面中添加最多 10 个不同的区块“占位符”。

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

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

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

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

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

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

为鼓励客户在完成订单前向购物车中添加更多商品，您可以在结账的发货方式部分添加一个动态横幅，根据客户最接近获得的运费折扣来提示他们向购物车中添加更多商品。

您可以设置 3 个动态内容区块，它们都使用相同的区块 ID（例如 6）：

下表包含三个动态内容区块示例及其适用的显示规则和内容。
区块名称	显示规则	横幅内容
发货级别 1	购物车总额 > 小于 > 25.00 美元	“消费满 25 美元或以上，您的购物车即可享受 10% 的运费折扣。”
发货级别 2	购物车总额 > 小于 > 50.00 美元	“消费满 50 美元或以上，您的购物车即可享受 25% 的运费折扣。”
发货级别 3	购物车总额 > 小于 > 100.00 美元	“消费满 100 美元或以上即可享受免运费。”

请确保发货级别 1 区块具有最高的排序优先级，而发货级别 3 区块则具有最低的排序优先级。这样，当客户消费额低于 25 美元时，即使 3 个区块的显示条件在理论上均已满足，系统仍会显示包含最合适消息的级别 1 区块。当客户消费额高于 25 美元但低于 50 美元时，即使级别 3 区块的条件在理论上也已满足，级别 2 区块仍会以更高的优先级显示。

最后，在结账和账户编辑器中，您可以将一个区块 ID 为 6 的动态内容区块添加到运费部分。这样，您创建的 3 个动态内容区块中最合适的一个将在结账时显示在该“容器”空间中。当客户消费满 100 美元或以上时，结账的该区域不会显示任何动态内容，因为没有满足区块 ID 为 6 的动态内容区块的任何显示规则。