진행률 지표 예제에 화면 플로 단계 표시

플로의 단계 계획

1. 몇 단계를 만들 것인지 결정합니다. 각 화면에 서로 다른 단계를 표시하려고 하므로 4개의 화면이 있으니 4개의 단계를 만듭니다.
2. 레이블이 진행률 표시기에 표시되므로 각 단계의 이름을 정합니다. 단계의 레이블을 화면과 동일하게 (연락처 정보, 주문 정보, 청구 세부 사항, 주문 확인) 설정하고자 합니다.
3. 단계의 순서를 결정합니다. 연락처 정보 입력하고, 주문 정보 입력, 청구 세부 사항 입력, 주문 확인의 순으로 진행하고자 합니다. 따라서 단계 순서를 정리하면 1단계: 연락처 정보, 2단계: 주문 정보, 3단계: 청구 세부 사항, 4단계: 주문 확인입니다.
4. 플로가 시작되면 진행률 표시기에 표시할 단계를 결정합니다. 플로가 실행되는 동안 진행률 표시기에 모든 단계를 표시하고자 합니다. 따라서 모든 단계를 기본적으로 활성으로 설정합니다.

플로 단계 만들기

1. Flow Builder의 화면 플로에서 도구 상자를 엽니다.
2. New Resource(새 자원)를 클릭합니다.
3. Resource Type(자원 유형)으로 Stage(단계)를 선택합니다.
4. Label(레이블)에 Contact Info(연락처 정보)를 입력합니다.
5. API Name(API 이름)에 Contact_Info_Stage를 입력합니다.
6. Order(주문)에 10을 입력합니다.
   나중에 단계가 추가될 가능성이 있다면, 새로운 단계를 추가할 때 모든 단계의 순서를 다시 지정할 필요가 없도록 서로 떨어져 있는 주문 번호들을 사용하세요. 예를 들어 1, 2, 3, 4가 아닌 10, 20, 30, 40를 사용하는 것입니다.
7. Active by default(기본으로 활성화)를 선택합니다.
8. Done(완료)을 클릭합니다.
9. 단계 자원이 다음과 같이 설정되도록 다음 3단계에 대해서도 1~7을 완료합니다.

레이블	API 이름	주문	기본으로 활성화
연락처 정보	Contact_Info_Stage	10	선택됨
주문 정보	Order_Info_Stage	20	선택됨
대금 청구 세부 사항	Billing_Details_Stage	30	선택됨
주문 확인	Order_Confirmation_Stage	40	선택됨

자세한 내용은 플로 단계 만들기를 참조하십시오.

표준 진행률 표시기 설정

1. Flow Builder의 화면 플로에서 를 클릭하여 플로의 버전 속성을 엽니다.
2. 고급 섹션을 확장합니다.
3. Show a progress indicator on screen elements(화면 요소에 진행률 표시기 표시)를 선택합니다.
4. Progress Indicator Type(진행률 표시기 유형)으로 Path: Top of Screen(경로: 화면 상단)을 선택합니다.
5. Done(완료)을 클릭합니다.

자세한 내용은 진행률 표시기 설정을 참조하십시오.

화면 요소에 단계 할당

각 화면 요소에 단계를 할당하여 실제 사용자가 각 화면에 도달하면 진행률 표시기에 올바른 단계가 강조 표시될 수 있게 합니다.

1. Flow Builder의 화면 플로에서 연락처 정보 화면 요소를 엽니다.
2. 화면 요소의 머리글을 클릭하여 화면 속성을 표시합니다.
3. 단계에서 Contact Info(연락처 정보)(API 이름: Contact_Info_Stage)을 선택합니다.
4. Done(완료)을 클릭합니다.
5. 다음 3개의 화면 요소에 대해 1~3단계를 완료하여 해당 화면 요소에 단계를 할당합니다.

화면 요소 레이블	단계 레이블	단계 API 이름
연락처 정보	연락처 정보	Contact_Info_stage
주문 정보	주문 정보	Order_Info_Stage
청구 세부 사항	청구 세부 사항	Billing_Details_Stage
주문 확인	주문 확인	Order_Confirmation_Stage

자세한 내용은 진행률 표시기에 단계 표시를 참조하십시오.

진행률 표시기가 설정되어 주문 프로세스를 사용자에게 안내할 수 있게 되었습니다.