动态内容块

借助动态内容块,您可以在满足特定条件时,在结账页面中动态显示各种类型的内容。

例如,如果您正在开展一项将所有 T 恤销售额的一部分捐赠给慈善机构的宣传活动,那么您可以创建一个特殊的感谢您的支持横幅,该横幅仅在客户购买 T 恤时才会在结账时显示。

动态内容块支持的内容项

动态内容块支持以下类型的内容项:

  • 手风琴
  • 横幅
  • 优势
  • 按钮
  • 分隔线
  • 标题
  • 图片
  • 间距
  • 文本

您可以在单个动态内容块中添加多个内容项。

动态内容块在编写文本时还支持有限的 Markdown 格式列表:

  • H1、H2 和 H3 标题
  • 加粗、斜体和删除线
  • 图片
  • 换行符
  • 链接
  • 有序列表和无序列表
  • 水平线

为了给您的内容添加一些个性化元素,您还可以使用 Liquid 变量

创建动态内容块

您可以在 Checkout Blocks 应用中创建和配置动态内容块。创建动态内容块后,您必须将其添加到结账

步骤:

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

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

  3. 点击动态内容

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

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

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

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

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

    1. 可选:在分区标头字段中,点击添加标题(可选)为您的块添加标头。
    2. 内容项部分,点击⊕ 添加内容项,然后选择您要添加的内容项
    3. 在内容项对话框中,配置内容项的详细信息和样式,然后点击完成
    4. 可选:添加更多内容项并根据需要进行自定义。
  9. 可选:在样式部分,点击自定义设计以自定义该块的容器和列的样式及尺寸。

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

  11. 点击保存

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

将动态内容区块添加到结账流程

您可以将现有的动态内容区块添加到结账流程中。区块必须设置为激活状态才能在结账时显示。

如果您想在结账和账户编辑器中预览该区块,请从 Checkout Blocks 应用中复制该区块的唯一预览 ID。

步骤:

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

  2. 点击区块

  3. 点击您想添加到结账流程的动态内容区块。

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

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

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

  7. 在结账和账户编辑器中,将动态内容区块添加到您的结账流程中:

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