使用 Shopify Flow 中的工作流编辑器

工作流程编辑器是一种工具,可供您在 Shopify Flow 中自定义和编辑工作流程的功能。工作流程编辑器是一个拖放式画布,您可以在其中以垂直、自上而下的格式添加不同类型的步骤,从而添加、整理和设计您的工作流程。

使用工作流程编辑器可添加到工作流程的第一个步骤始终是触发器步骤。添加工作流程触发器后,您可以使用 + 图标添加工作流程序列中接下来发生的条件操作步骤。工作流程编辑器画布上的箭头连接着不同的步骤,并根据所采取的条件或操作,指明了步骤之间的直接流向。

所有步骤都必须连接到工作流程中的至少 1 个其他步骤才能正常运行。您可以在工作流程编辑器画布上的任意位置、在工作流程之外添加步骤,但除非这些步骤通过箭头连接到其他步骤,否则它们不会参与工作流程。每个步骤只能有 1 个前置步骤,因此不支持将工作流程的多个分支合并回单个步骤路径。

您可以使用工作流程编辑器左侧的配置面板来配置条件和操作步骤的详细信息。配置面板仅在选中步骤时显示。

在工作流程编辑器中打开工作流程

在 Shopify Flow 中,您可以通过创建新工作流程来访问工作流程编辑器,也可以点击任何现有工作流程,然后点击编辑

步骤:

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

  2. 工作流程部分中,执行以下任一操作:

    • 若要为新的空工作流程打开工作流程编辑器,请点击创建工作流程
    • 若要为现有工作流程打开工作流程编辑器,请点击该工作流程,然后点击编辑

向工作流程添加步骤

在工作流程编辑器中,您可以通过以下任一方式向工作流程画布添加步骤:

  • 将鼠标悬停在任何现有步骤上,然后点击 + 图标,以选择要添加为工作流程中下一个连接的条件或操作步骤。
    • 条件步骤有两个 + 图标:一个用于条件满足时的 True 路径,另一个用于条件不满足时的 False 路径。
    • For each 循环(迭代)操作步骤也有 2 个 + 图标:一个用于为每个项目重复,可供您定义为列表中每个项目执行的步骤;另一个用于最后一个项目之后,可供您定义在返回列表中的最后一个项目后执行的步骤。
  • 点击工作流程画布上的任意空白区域。如果画布上没有现有触发器,配置面板会显示触发器步骤选项。如果画布上有现有触发器,配置面板会显示操作步骤选项。

在工作流中复制和粘贴步骤

构建工作流通常意味着需要重新创建已在其他位置设置过的步骤。在工作流编辑器中,您可以复制现有的操作条件步骤,并将其粘贴到同一工作流或其他工作流中,而无需从头开始重新构建该步骤。Flow 会保留复制步骤的配置字段值,且对于条件步骤还会保留其逻辑,因此粘贴的步骤只需稍加编辑即可使用。

一次只能复制和粘贴一个操作或条件步骤。无法复制触发器步骤。无法复制使用自定义配置页面的步骤,例如发送营销电子邮件

步骤:

  1. 在工作流编辑器中打开一个工作流
  2. 点击要复制的操作或条件步骤。
  3. 在 PC 上按 Control + C,或在 Mac 上按 Command + C 复制该步骤。
  4. 可选:如果要将步骤粘贴到其他工作流,请在工作流编辑器中打开该工作流。目标工作流必须已有触发器步骤。
  5. 在 PC 上按 Control + V,或在 Mac 上按 Command + V 粘贴该步骤。粘贴的步骤将添加到工作流画布中靠近光标的位置。如果光标不在画布上,则粘贴的步骤将添加到画布中心。
  6. 在激活工作流之前,将此步骤连接到工作流的其余部分

在工作流程中连接步骤

所有步骤都必须连接到工作流程中的至少 1 个其他步骤才能正常运行。工作流程编辑器使用方向箭头来指示哪些步骤相互连接。默认情况下,工作流程在画布上自上而下垂直流动。

当您使用 + 图标从另一个步骤向工作流程添加步骤时,新步骤会自动连接到前置步骤。您还可以手动创建步骤之间的连接:点击并按住第一个步骤上的 +,然后将箭头末端拖到第二个步骤。每个步骤只能有 1 个前置步骤连接,因此不支持将工作流程的多个分支合并回单个步骤路径。

若要删除步骤之间的连接,您可以将鼠标悬停在要删除的箭头上,然后点击 删除 图标。

Shopify Flow 工作流程编辑器的图片,其中显示了一个正在进行中的工作流程。条件步骤的“True”路径中的两个连接已突出显示,每个连接都指向下方的不同操作步骤。删除最右侧连接的选项通过垃圾箱图标显示。

在工作流程画布上排列步骤

您可以使用工作流程编辑器的拖放画布来手动整理工作流程的显示方式。这使您在构建工作流程时可以更轻松地进行跟踪。默认情况下,步骤以自上而下的格式相互连接,但您可以在画布上的任意位置拖放步骤,而不会破坏步骤之间的箭头连接。

您可以按住键盘上的 Shift 键,然后点击要选择为群组的步骤,从而一次性移动多个步骤。点击并拖动灰色群组框中的任何步骤,以批量移动其中包含的步骤。

您可以自动重置工作流程布局,使步骤之间采用默认间距,以便更轻松地查看工作流程。点击 排列工作流程 图标,然后点击排列工作流程以确认重置。

从工作流程中删除步骤

在工作流程编辑器中,若要从工作流程中删除步骤,您可以将鼠标悬停在要删除的步骤上,然后点击该步骤旁边的 删除 图标。删除步骤的操作无法撤消。

您可以按住键盘上的 Shift 键,然后点击要选择为群组的步骤,从而一次性删除多个步骤。点击灰色群组框上方的 删除 图标,以批量删除这些步骤。

如果您删除一个已连接其他步骤的步骤,那么这些步骤将保留在工作流程画布上,但会与任何前面的步骤断开连接。您需要手动重新连接已断开连接的步骤,才能在工作流程中继续使用这些步骤。

使用工作流程编辑器显示工具栏

Shopify Flow 工作流程编辑器中显示工具栏图标的图片。

在工作流程编辑器的底部,您可以点击显示工具栏中的以下任一图标:

  • 使用 缩小放大 可缩小或放大工作流程。
  • 使用 默认视图 可将工作流程置于可见画布的中央,并采用可显示整个工作流程的缩放级别。
  • 使用 帮助 可在新的浏览器标签页中打开 Shopify Flow 帮助中心文档。
  • 使用 排列工作流程排列工作流程的布局

在工作流程编辑器中使用步骤配置面板

选择步骤后,配置面板会显示在工作流程编辑器的左侧。配置面板包含步骤详细信息,您可以在其中自定义特定步骤的功能,例如设置变量、分配逻辑运算符或添加自定义操作信息,具体取决于您希望该步骤执行的操作。

配置面板中显示的选项与您选择的步骤类型直接相关。

Shopify Flow 工作流程编辑器的图片,其中包含一个正在进行的工作流程。图片中已选择并突出显示了条件步骤的配置面板。

添加或编辑步骤描述

您可以从配置面板编辑任何条件或操作步骤的描述。点击添加描述编辑描述,然后用您自己的话输入步骤描述。这可以帮助您和您的员工根据您自己的描述来解读工作流程的用途。您可以删除描述字段中的所有文本以重置步骤描述。

检查步骤中缺失的配置内容

如果某个步骤缺少影响其功能的数据或配置详细信息,则该步骤顶部会显示一个“需要检查”横幅。点击该步骤以打开配置面板并添加缺失的数据,以移除该“需要检查”横幅。除非字段指明为可选,否则必须填写该字段才能将步骤视为已完全配置。

如果步骤未连接到任何其他步骤,它们也会显示“需要检查”横幅。您必须在工作流程中将该步骤连接到另一个步骤,然后才能继续配置该步骤的详细信息。

Shopify Flow“添加订单标签”操作步骤的图片。该步骤显示蓝色的“需要检查”横幅,步骤描述为:“添加以下订单标签:空”。

如果在尝试激活工作流程之前未解决“需要检查”横幅问题,则该步骤将显示为错误,并且工作流程不会激活。您必须解决工作流程中的所有配置错误,然后才能激活该工作流程。

使用“添加变量”对话框

在步骤配置面板中,某些字段具有添加变量选项,可用于向配置内容添加变量添加变量对话框中显示的数据集取决于工作流程中任何先前步骤返回的数据。例如,默认情况下,添加变量对话框会显示以下选项:

  • 用于按名称或描述搜索变量的搜索栏。
  • 工作流程的触发器返回的默认变量数据集,通常包括以下选项:
    • shop 变量,这些变量对您的商店是全局性的。
    • 至少 1 种其他类型,具体取决于工作流程触发器。

Shopify Flow“添加变量”对话框的图片。显示的示例触发器为“订单已创建”触发器,对话框中可用的两个数据集是 'order' 和 'shop'。

但是,如果您向工作流程中添加返回额外数据的步骤(例如获取数据操作运行代码),则对话框中会显示其他变量数据集,供您为工作流程分支中后面的任何步骤选择,因为工作流程进行到该点时便可使用这些额外数据。最新返回的数据会最先显示。

具有其他数据集选项的 Shopify Flow“添加变量”对话框的图片。其中显示了 3 个可用的数据源:“运行代码”(返回 runCode 数据)、“获取客户数据”(返回 getCustomerData 数据)和“订单已创建”(返回订单和商店数据)。

您可以通过点击不同的变量选项来导航到特定变量。某些变量具有嵌套选项,并带有一个 > 来指示该变量 API 路径中存在子选项。当您到达变量 API 路径的末尾时,该变量将没有 > 选项,而是会显示一个变量内容类型徽章(例如 StringBooleanDateTimeInt),以指示该变量返回的信息类型。