自定义字段块

您可以使用自定义字段块来收集其他客户信息。自定义字段可以是可选的或必需的,因此您可以将自定义字段配置为在客户继续操作前阻止其结账。

Checkout Blocks 支持多种输入类型,包括纯文本、下拉菜单、复选框和日期选择器。自定义字段数据可以保存为订单元字段、订单属性或订单备注。

有多种可用模板,可根据一些常见用例预填充自定义字段块的内容和设置:

  • 同意条款:此模板要求客户在结账前同意您的服务条款,客户可以点击该条款,条款将在弹出窗口中显示。默认情况下,该复选框未处于选中状态。
  • 生日:此模板为客户提供了在结账时提供出生日期的选项,以用于营销目的。
  • 礼品留言:此模板为客户提供了在为他人下达礼品订单时添加可选书面留言的选项。

支持的数据类型

自定义字段可作为订单元字段订单备注属性订单备注本身保存到客户的订单中。请尽可能考虑使用订单元字段,因为它们是在 Shopify 中存储和检索订单自定义数据的最可靠方法。

Checkout Blocks 不支持将新字段添加到现有结账表单中,例如收货地址或账单地址。相反,您可以在现有结账表单的上方或下方添加自定义字段块。

订单元字段

将自定义字段保存到订单元字段时,其使用的命名空间是 checkoutblocks,并且在您向块中添加自定义字段时会定义键(例如 agree_to_terms)。

订单属性

订单属性(也称为备注属性购物车属性)与 Shopify 的默认装箱单草稿订单不兼容。

如果您需要使用装箱单或草稿订单,请改用订单元字段作为您的数据类型。

订单备注

将自定义字段保存到订单备注时,客户添加到备注字段的任何现有内容都将替换为您的自定义字段。如果您选择将自定义字段数据保存为订单备注,并且已在模板中激活了在购物车中添加订单备注的选项,请考虑停用此选项。这意味着客户不必两次输入其备注内容。

使用订单备注类型的好处是,它会在结账流程中自动显示在购物车中输入的现有订单备注。这可确保特定用例(例如订单备注或配送备注)在整个结账流程中的一致性。

订单备注与草稿订单不兼容。

支持的输入类型

自定义字段块支持以下类型的字段:

  • 复选框
  • 日期和时间选择器
  • 出生日期
  • 下拉列表
  • 电话字段
  • 单选按钮
  • 文本输入

创建自定义字段块

您可以在 Checkout Blocks 应用中创建和配置自定义字段块。创建自定义字段块后,您必须将该块添加到结账

步骤:

  1. 在 Shopify 后台中,转至应用 > Checkout Blocks

  2. 点击 Blocks,然后点击创建块

  3. 点击自定义字段

  4. 为您要使用的字段选择模板。如果您不希望预填充任何字段或设置,请选择空白模板

  5. 块名称部分中,输入该块的名称。此名称不会向客户显示。

  6. Block ID(块 ID)部分中,使用下拉菜单应用特定的 ID 号。详细了解块 ID

  7. 显示规则部分中,配置您的块显示规则

    • 要向所有客户显示该块,请将显示规则部分留空。
    • 要创建显示规则,请点击 ⊕ 添加显示规则,然后配置您的规则。根据需要添加任意数量的显示规则。
  8. 内容部分中,添加和自定义您的块的内容:

    1. 保存为菜单中,选择自定义字段数据的保存位置。详细了解自定义字段数据类型
    2. 字段部分中,点击 ⊕ 添加自定义字段,然后选择您要使用的自定义字段类型
    3. 配置您的自定义字段详细信息,例如字段标签、字段键、选项,以及该字段是否为必填字段。点击完成
    4. 可选:在分区标题部分中,为您的自定义字段添加标题和副标题。
    5. 可选:在设置部分中,选择是否要在字段标签后附加“(可选)”,以及是否显示所有字段。
  9. 可选:在样式部分,点击自定义设计以自定义该块的边距、容器和分隔线样式。

  10. 可选:在发布部分,点击铅笔图标以选择您希望该块在其中显示的市场和结账页面。

  11. 点击保存

默认情况下,您的块将保存为草稿。当您准备好发布该块时,请在状态部分中从下拉菜单中选择活跃

将自定义字段块添加到结账

您可以将现有自定义字段块添加到结账中。块必须设置为活跃才能在结账时显示。

步骤:

  1. 在 Shopify 后台中,转至应用 > Checkout Blocks

  2. 点击

  3. 点击您想添加到结账的自定义字段块。

  4. 点击更多操作 ⌄ > 添加到结账

  5. 可选:在 预览块 ID 部分,点击剪贴板图标以复制该块的唯一 预览 ID

  6. 选择您所需的结账配置,然后点击打开编辑器

  7. 在结账和账户编辑器中,将自定义字段块添加到您的结账:

    1. 导航到您要向其添加该块的结账页面。
    2. 在您要添加块的部分中,点击⊕ 添加块
    3. 点击自定义字段 Checkout Blocks 选项。
    4. 配置结账块的详细信息,然后选择该块对应的块 ID。
    5. 可选:使用 预览块 ID(用于测试)字段和块的预览 ID 来预览该块在结账时的显示方式。
    6. 可选:通过拖放动态块来更改您希望其在结账页面上显示的位置。
  8. 点击保存