Shopify Flow에서 워크플로 편집기 사용
워크플로 에디터는 Shopify Flow에서 워크플로의 기능을 사용자 지정하고 편집할 수 있는 툴입니다. 워크플로 에디터에는 위에서 아래로 향하는 수직 형식으로 다양한 유형의 단계를 추가하여 워크플로를 구성하고 디자인할 수 있는 끌어서 놓기 인터페이스가 있습니다.
워크플로 에디터를 사용하여 워크플로에 추가할 수 있는 첫 번째 단계는 항상 트리거 단계입니다. 워크플로 트리거를 추가한 후 + 아이콘을 사용하여 워크플로 순서에서 다음에 발생하는 조건 또는 작업 단계를 추가할 수 있습니다. 워크플로 에디터의 화살표는 다양한 단계를 연결하며, 취해진 조건이나 작업에 따라 어떤 단계가 다른 단계로 직접 이어지는지 나타냅니다.
모든 단계는 정상적으로 작동하려면 워크플로의 다른 단계에 1개 이상 연결되어야 합니다. 에디터 어디에서나 워크플로 외부에 단계를 추가할 수 있지만, 화살표로 다른 단계에 연결되지 않으면 해당 단계는 워크플로에 포함되지 않습니다. 각 단계에는 선행 단계가 1개만 있을 수 있으므로 워크플로의 여러 분기를 단일 단계 경로로 다시 수렴하는 것은 지원되지 않습니다.
워크플로 편집기 왼쪽에 있는 구성 패널을 사용하여 조건 및 작업 단계의 세부 정보를 구성할 수 있습니다. 구성 패널은 단계가 선택된 경우에만 표시됩니다.
이 페이지의 내용
워크플로 편집기에서 워크플로 열기
Shopify Flow에서 새 워크플로를 생성하거나, 기존 워크플로를 클릭한 다음 편집을 클릭하여 워크플로 편집기에 액세스할 수 있습니다.
단계:
Shopify 관리자에서 앱 > Flow로 이동합니다.
워크플로 섹션에서 다음 작업 중 하나를 수행합니다.
- 새 빈 워크플로의 워크플로 편집기를 열려면 워크플로 생성을 클릭합니다.
- 기존 워크플로의 워크플로 편집기를 열려면 워크플로를 클릭한 다음 편집을 클릭합니다.
워크플로에 단계 추가하기
워크플로 에디터에서 다음 방법 중 하나를 사용하여 워크플로에 단계를 추가할 수 있습니다.
- 기존 단계 위로 마우스를 가져간 다음
+아이콘을 클릭하여 워크플로에서 다음 연결로 추가할 조건 또는 작업 단계를 선택합니다.- 조건 단계에는
+아이콘이 2개 있습니다. 하나는 조건이 충족될 때의 True 경로용이고, 다른 하나는 조건이 충족되지 않을 때의 False 경로용입니다. - For each 루프(반복) 작업 단계에도
+아이콘이 2개 있습니다. 하나는 목록의 모든 품목에 대해 수행되는 단계를 정의할 수 있게 해주는 각 품목에 대해 반복용이고, 다른 하나는 목록의 마지막 품목이 반환된 후 수행되는 단계를 정의할 수 있게 해주는 마지막 품목 이후용입니다.
- 조건 단계에는
- 워크플로 에디터의 빈 공간을 클릭합니다. 워크플로에 기존 트리거가 없으면 구성 패널에 트리거 단계 옵션이 표시됩니다. 워크플로에 기존 트리거가 있으면 구성 패널에 작업 단계 옵션이 표시됩니다.
워크플로에서 단계 복사 및 붙여넣기
워크플로를 만들 때는 다른 곳에 이미 설정한 단계를 다시 만드는 경우가 많습니다. 워크플로 편집기에서는 단계를 처음부터 다시 만드는 대신 기존 작업 또는 조건 단계를 하나 이상 복사하여 같은 워크플로나 다른 워크플로에 붙여넣을 수 있습니다. 붙여넣은 단계에는 복사한 단계의 구성 필드 값이 유지되고, 조건 단계의 경우 논리도 유지되므로 약간만 수정하면 바로 사용할 수 있습니다.
여러 단계를 한 번에 복사하면 복사한 단계 사이의 연결이 유지되므로, 조건 단계와 해당 조건의 참 및 거짓 경로에 있는 단계가 하나의 연결된 그룹으로 붙여넣어집니다. 복사하지 않은 단계와의 연결은 유지되지 않으므로 직접 연결하기 전까지는 붙여넣은 그룹이 나머지 워크플로와 연결되지 않습니다. 복사한 단계가 데이터 가져오기 작업 등 함께 복사한 다른 단계에서 반환한 데이터를 사용한다면, 붙여넣은 단계는 해당 작업의 붙여넣은 복사본에서 반환한 데이터를 사용합니다.
트리거 단계는 복사할 수 없습니다. 마케팅 이메일 보내기와 같이 사용자 지정 구성 페이지를 사용하는 단계도 복사할 수 없습니다. 선택한 단계 중 복사할 수 없는 단계가 포함되어 있으면 선택한 모든 단계가 복사되지 않습니다.
단계:
- 워크플로 편집기에서 워크플로를 엽니다.
- 복사할 단계를 선택하십시오:
- 단계 하나를 복사하려면 해당 작업 또는 조건 단계를 클릭하십시오.
- 여러 단계를 복사하려면 키보드의 Shift 키를 누른 상태에서 복사할 단계를 하나씩 클릭하거나, Shift 키를 누른 상태에서 드래그하여 단계를 둘러싸는 선택 상자를 만드십시오.
- PC에서는
ctrl + C를, Mac에서는command + C를 눌러 단계를 복사하십시오. - 선택 사항: 단계를 다른 워크플로에 붙여넣으려면 워크플로 편집기에서 해당 워크플로를 여십시오. 붙여넣을 대상 워크플로에는 트리거 단계가 이미 있어야 합니다.
- PC에서는
ctrl + V를, Mac에서는command + V를 눌러 단계를 붙여넣으십시오. 단계 하나를 붙여넣으면 커서 근처에 추가됩니다. 단계 그룹을 붙여넣으면 커서에서 가장 가까운 빈 공간에 복사한 단계와 동일한 레이아웃으로 추가되며, 이동할 수 있도록 붙여넣은 그룹이 선택됩니다. 커서가 편집기 위에 없으면 편집기 중앙에 단계가 추가됩니다. - 워크플로를 활성화하기 전에 붙여넣은 단계를 나머지 워크플로에 연결하십시오.
워크플로에서 단계 연결하기
모든 단계는 정상적으로 작동하려면 워크플로의 다른 단계에 1개 이상 연결되어야 합니다. 워크플로 에디터는 방향 화살표를 사용하여 서로 연결되는 단계를 나타냅니다. 워크플로는 기본적으로 워크플로 에디터에서 위에서 아래로 수직으로 흐릅니다.
+ 아이콘을 사용하여 다른 단계에서 워크플로에 단계를 추가하면 새 단계가 자동으로 이전 단계에 연결됩니다. 또한 첫 번째 단계에서 +를 클릭한 상태로 화살표 끝을 두 번째 단계로 끌어 단계 간에 수동으로 연결을 생성할 수도 있습니다. 각 단계는 선행 단계 연결을 하나만 가질 수 있으므로 워크플로의 여러 분기를 단일 단계 경로로 다시 통합하는 것은 지원되지 않습니다.
제거하려는 화살표 위로 마우스를 가져간 다음 
아이콘을 클릭하여 단계 간의 연결을 제거할 수 있습니다.
워크플로 에디터에서 단계 정렬
워크플로 에디터에서 단계를 끌어서 놓아 워크플로 레이아웃을 수동으로 구성할 수 있습니다. 이렇게 하면 워크플로를 작성하면서 쉽게 추적할 수 있습니다. 기본적으로 단계는 위에서 아래 형식으로 서로 연결되지만, 단계 간의 화살표 연결을 끊지 않고도 워크플로 에디터의 아무 곳에나 단계를 끌어서 놓을 수 있습니다.
키보드에서 Shift 키를 누른 상태에서 그룹으로 선택할 단계를 클릭하여 한 번에 여러 단계를 이동할 수 있습니다. 회색 그룹 상자 안의 아무 단계나 클릭하고 끌어서 포함된 단계를 일괄 이동합니다.
단계 간의 기본 간격으로 워크플로 레이아웃을 자동으로 재설정하여 워크플로를 더 쉽게 검토할 수 있습니다. 
아이콘을 클릭한 다음 워크플로 정렬을 클릭하여 재설정을 확인합니다.
워크플로에서 단계 삭제하기
워크플로 편집기에서 삭제하려는 단계 위로 마우스를 가져간 다음 단계 옆의 아이콘을 클릭하여 워크플로에서 단계를 삭제할 수 있습니다. 단계 삭제는 실행 취소할 수 없습니다.
키보드에서 Shift 키를 누른 상태에서 그룹으로 선택할 단계를 클릭하여 한 번에 여러 단계를 삭제할 수 있습니다. 회색 그룹 상자 위의 아이콘을 클릭하여 단계를 일괄 삭제합니다.
다른 단계가 연결된 단계를 삭제하면 해당 단계는 워크플로 에디터에 남아 있지만 모든 선행 단계에서 연결이 끊어집니다. 워크플로에서 이러한 단계를 계속 사용하려면 연결이 끊어진 단계를 수동으로 다시 연결해야 합니다.
워크플로 편집기 디스플레이 툴바 사용하기
워크플로 편집기 하단의 디스플레이 툴바에서 다음 아이콘 중 하나를 클릭할 수 있습니다.
또는 
를 사용하여 워크플로를 축소하거나 확대합니다.
아이콘을 사용하여 전체 워크플로가 표시되는 확대/축소 수준으로 워크플로 에디터의 표시 영역 중앙에 워크플로를 배치합니다.
을 사용하여 새 브라우저 탭에서 Shopify Flow 지원 센터 설명서를 시작합니다.- 을 사용하여 워크플로의 레이아웃을 정렬합니다.
워크플로 편집기에서 단계 구성 패널 사용하기
단계를 선택하면 워크플로 편집기 왼쪽에 구성 패널이 표시됩니다. 구성 패널에는 단계 세부 정보가 포함되며, 단계의 작업 내용에 따라 변수 설정, 논리 연산자 할당, 사용자 지정 작업 정보 추가 등 특정 단계의 기능을 사용자 지정할 수 있는 곳입니다.
구성 패널에 표시되는 옵션은 선택한 단계 유형과 직접적으로 관련이 있습니다.
단계 설명 추가 또는 편집하기
구성 패널에서 조건 또는 작업 단계의 설명을 편집할 수 있습니다. 설명 추가 또는 설명 편집을 클릭하고 단계에 대한 설명을 직접 입력하십시오. 이를 통해 판매자와 직원은 직접 작성한 설명을 기반으로 워크플로의 작업 내용을 해석할 수 있습니다. 설명 필드의 모든 텍스트를 삭제하여 단계 설명을 재설정할 수 있습니다.
누락된 구성 콘텐츠에 대한 단계 검토하기
단계에 기능에 영향을 미치는 데이터 또는 구성 세부 정보가 누락된 경우 단계 상단에 검토 배너가 표시됩니다. 단계를 클릭하여 구성 패널을 열고 누락된 데이터를 추가하면 검토 배너가 제거됩니다. 필드가 선택 사항으로 표시되지 않는 한, 해당 단계를 완전히 구성된 것으로 간주하려면 필드를 채워야 합니다.
또한 단계가 다른 단계에 연결되어 있지 않을 때도 검토 배너가 표시됩니다. 단계의 세부 정보를 계속 구성하려면 먼저 워크플로에서 해당 단계를 다른 단계에 연결해야 합니다.
워크플로를 활성화하기 전에 검토 배너 문제가 해결되지 않으면 해당 단계가 오류로 표시되고 워크플로가 활성화되지 않습니다. 워크플로를 활성화하려면 워크플로의 모든 구성 오류를 해결해야 합니다.
'변수 추가' 대화 상자 사용하기
단계 구성 패널의 일부 필드에는 구성 콘텐츠에 변수를 추가할 수 있는 변수 추가 옵션이 있습니다. 변수 추가 대화 상자에 표시되는 데이터세트는 워크플로의 이전 단계에서 반환된 데이터에 따라 달라집니다. 예를 들어 기본적으로 변수 추가 대화 상자에는 다음 옵션이 표시됩니다.
- 이름이나 설명으로 변수를 검색할 수 있는 검색 창입니다.
- 워크플로의 트리거에서 반환되는 기본 변수 데이터세트이며 일반적으로 다음 옵션이 포함됩니다.
shop변수: 스토어에 전역적으로 적용됩니다.- 워크플로 트리거에 따라 최소 1개 이상의 다른 유형입니다.
하지만 데이터 가져오기 작업 또는 코드 실행과 같이 추가 데이터를 반환하는 단계를 워크플로에 추가하는 경우 워크플로의 해당 지점에서 추가 데이터를 사용할 수 있으므로, 워크플로 분기에서 나중에 나오는 모든 단계에 대해 대화 상자에 추가 변수 데이터세트가 표시되어 선택할 수 있습니다. 가장 최근에 반환된 데이터가 먼저 표시됩니다.
다양한 변수 옵션을 클릭하여 특정 변수로 이동할 수 있습니다. 일부 변수에는 중첩된 옵션이 있으며, 해당 변수 API 경로에 하위 옵션이 있음을 나타내는 > 기호가 있습니다. 변수 API 경로의 끝에 도달하면 변수에 > 옵션이 없고 String, Boolean, DateTime 또는 Int와 같은 변수 콘텐츠 유형 배지가 표시되어 변수에서 반환되는 정보의 종류를 나타냅니다.