在进度指示器示例中显示屏幕流阶段
此示例创建自定义进度指示器阶段，指导用户完成多步骤流程。通过创建清晰的阶段并将其分配到屏幕元素，您可以增强用户体验，并确保用户了解他们的进度和后续步骤。
所需的 Edition
计划流中的阶段
- 确定要创建的阶段数量。您希望每个屏幕显示为不同的步骤。您有 4 个屏幕，因此创建 4 个阶段。
- 确定您想要对阶段的称呼，因为它们的标签显示在进度指示器中。您决定将阶段标记为与屏幕相同：联系人信息、订单信息、开单详细信息和订单确认。
- 确定阶段的顺序。您希望客户输入他们的联系信息，然后是订单信息，然后是他们的开单详细信息，然后在最后显示确认。以下是阶段顺序：阶段 1：联系信息，阶段 2：订单信息，阶段 3：开单详细信息，阶段 4：订单确认。
- 确定您想要在流开始时在进度指示器中显示的阶段。您希望所有阶段在整个流运行时都显示在进度指示器中。因此，默认情况下，所有阶段必须设置为启用。
有关更多信息，请查看规划流的阶段。
创建流阶段
- 在 Flow Builder 的屏幕流中，打开工具箱。
- 单击新建资源。
- 对于资源类型，选择阶段。
- 对于标签，输入联系信息。
- 对于 API 名称，输入 Contact_Info_Stage。
-
对于订单，输入 10。
如果将来可能添加阶段，请使用在它们之间带有数字的订单编号，这样，如果您添加新阶段，就不必重新排序所有阶段。例如，10、20、30、40，而不是 1、2、3、4。
- 选择默认启用。
- 单击完成。
- 为接下来的 3 个阶段完成步骤 1 至 7，以便按此设置阶段资源。
| 标签 | API 名称 | 订单 | 默认启用 |
|---|---|---|---|
| 联系人信息 | Contact_Info_Stage | 10 | 已选择 |
| 订单信息 | Order_Info_Stage | 20 | 已选择 |
| 开单详细信息 | Billing_Details_Stage | 30 | 已选择 |
| 订单确认 | Order_Confirmation_Stage | 40 | 已选择 |
有关更多信息，请查看创建流阶段。
将阶段分配到屏幕元素
为每个屏幕元素分配阶段，以便在运行用户到达每个屏幕时，正确阶段会在进度指示器中突出显示。
- 在 Flow Builder 的屏幕流中，打开联系人信息屏幕元素。
- 单击屏幕元素的标题以显示屏幕属性。
- 对于阶段，选择联系信息（API 名称：Contact_Info_Stage）。
- 单击完成。
- 为接下来的 3 个屏幕元素完成步骤 1 至 3，以便将阶段分配给这些屏幕元素。
| 屏幕元素标签 | 阶段标签 | 阶段 API 名称 |
|---|---|---|
| 联系人信息 | 联系人信息 | Contact_Info_stage |
| 订单信息 | 订单信息 | Order_Info_Stage |
| 开单详细信息 | 开单详细信息 | Billing_Details_Stage |
| 订单确认 | 订单确认 | Order_Confirmation_Stage |
有关更多信息，请查看在进度指示器中显示阶段。
进度指示器已设置，并准备指导用户完成订单流程。
本文章是否解决您的问题？
请与我们共享您的想法，以便我们进行改进！
