Shopify Flow에서 워크플로 편집기 사용

워크플로 편집기는 Shopify Flow에서 워크플로의 기능을 사용자 지정하고 편집할 수 있는 도구입니다. 워크플로 편집기는 다양한 유형의 단계를 상단에서 하단으로 이어지는 세로 형식으로 추가하여 워크플로를 추가, 구성, 디자인할 수 있는 끌어서 놓기 캔버스입니다.

워크플로 편집기를 사용하여 워크플로에 추가할 수 있는 첫 번째 단계는 항상 트리거 단계입니다. 워크플로 트리거를 추가한 후 + 아이콘을 사용하여 워크플로 시퀀스에서 다음에 발생하는 조건 또는 작업 단계를 추가할 수 있습니다. 화살표는 워크플로 편집기 캔버스에서 여러 단계를 연결하며, 수행된 조건이나 작업에 따라 어떤 단계가 다른 단계로 직접 연결되는지 나타냅니다.

모든 단계는 작동하려면 워크플로의 다른 단계 하나 이상에 연결되어야 합니다. 워크플로 편집기 캔버스의 어느 곳에나 워크플로 외부에 단계를 추가할 수 있지만, 화살표로 다른 단계에 연결되지 않으면 해당 단계는 워크플로에 포함되지 않습니다. 각 단계는 선행 단계를 하나만 가질 수 있으므로 워크플로의 여러 분기를 단일 단계 경로로 다시 통합하는 것은 지원되지 않습니다.

워크플로 편집기 왼쪽에 있는 구성 패널을 사용하여 조건 및 작업 단계의 세부 정보를 구성할 수 있습니다. 구성 패널은 단계가 선택된 경우에만 표시됩니다.

워크플로 편집기에서 워크플로 열기

Shopify Flow에서 새 워크플로를 생성하거나, 기존 워크플로를 클릭한 다음 편집을 클릭하여 워크플로 편집기에 액세스할 수 있습니다.

단계:

  1. Shopify 관리자에서 > Flow로 이동합니다.

  2. 워크플로 섹션에서 다음 작업 중 하나를 수행합니다.

    • 새 빈 워크플로의 워크플로 편집기를 열려면 워크플로 생성을 클릭합니다.
    • 기존 워크플로의 워크플로 편집기를 열려면 워크플로를 클릭한 다음 편집을 클릭합니다.

워크플로에 단계 추가하기

워크플로 편집기에서는 다음 방법 중 하나를 사용하여 워크플로 캔버스에 단계를 추가할 수 있습니다.

  • 기존 단계 위로 마우스를 가져간 다음 + 아이콘을 클릭하여 워크플로에서 다음 연결로 추가할 조건 또는 작업 단계를 선택합니다.
    • 조건 단계에는 + 아이콘이 2개 있습니다. 하나는 조건이 충족될 때의 True 경로용이고, 다른 하나는 조건이 충족되지 않을 때의 False 경로용입니다.
    • For each 루프(반복) 작업 단계에도 + 아이콘이 2개 있습니다. 하나는 목록의 모든 품목에 대해 수행되는 단계를 정의할 수 있게 해주는 각 품목에 대해 반복용이고, 다른 하나는 목록의 마지막 품목이 반환된 후 수행되는 단계를 정의할 수 있게 해주는 마지막 품목 이후용입니다.
  • 워크플로 캔버스의 빈 공간을 클릭합니다. 캔버스에 기존 트리거가 없으면 구성 패널에 트리거 단계 옵션이 표시되고, 기존 트리거가 있으면 구성 패널에 작업 단계 옵션이 표시됩니다.

워크플로에서 단계 연결하기

모든 단계는 작동하려면 워크플로의 다른 단계 하나 이상에 연결되어야 합니다. 워크플로 편집기는 방향 화살표를 사용하여 어떤 단계가 서로 연결되는지 나타냅니다. 기본적으로 워크플로는 캔버스에서 위에서 아래로 세로로 흐릅니다.

+ 아이콘을 사용하여 다른 단계에서 워크플로에 단계를 추가하면 새 단계가 자동으로 이전 단계에 연결됩니다. 또한 첫 번째 단계에서 +를 클릭한 상태로 화살표 끝을 두 번째 단계로 끌어 단계 간에 수동으로 연결을 생성할 수도 있습니다. 각 단계는 선행 단계 연결을 하나만 가질 수 있으므로 워크플로의 여러 분기를 단일 단계 경로로 다시 통합하는 것은 지원되지 않습니다.

제거하려는 화살표 위로 마우스를 가져간 다음 삭제 아이콘을 클릭하여 단계 간의 연결을 제거할 수 있습니다.

진행 중인 워크플로가 있는 Shopify Flow 워크플로 편집기 이미지. 조건 단계의 'True' 경로에서 나온 두 연결이 강조 표시되어 있으며, 각각 아래의 다른 작업 단계를 가리킵니다. 가장 오른쪽 연결을 삭제하는 옵션이 휴지통 아이콘으로 표시되어 있습니다.

워크플로 캔버스에서 단계 정렬하기

워크플로 편집기의 끌어서 놓기 캔버스를 사용하여 워크플로가 표시되는 방식을 수동으로 구성할 수 있습니다. 이렇게 하면 워크플로를 구축할 때 더 쉽게 추적할 수 있습니다. 단계는 기본적으로 위에서 아래로 형식으로 서로 연결되지만, 단계 간의 화살표 연결을 끊지 않고 캔버스 어디로든 단계를 끌어서 놓을 수 있습니다.

키보드에서 Shift 키를 누른 상태에서 그룹으로 선택하려는 단계를 클릭하여 한 번에 여러 단계를 이동할 수 있습니다. 회색 그룹 상자에서 단계를 클릭하고 끌어 포함된 단계를 한꺼번에 이동할 수 있습니다.

단계 간의 기본 간격으로 워크플로 레이아웃을 자동으로 재설정하여 워크플로를 더 쉽게 검토할 수 있습니다. 워크플로 정렬 아이콘을 클릭한 다음 워크플로 정렬을 클릭하여 재설정을 확인합니다.

워크플로에서 단계 삭제하기

워크플로 편집기에서 삭제하려는 단계 위로 마우스를 가져간 다음 단계 옆의 삭제 아이콘을 클릭하여 워크플로에서 단계를 삭제할 수 있습니다. 단계 삭제는 실행 취소할 수 없습니다.

키보드에서 Shift 키를 누른 상태에서 그룹으로 선택하려는 단계를 클릭하여 한 번에 여러 단계를 삭제할 수 있습니다. 회색 그룹 상자 위의 삭제 아이콘을 클릭하여 단계를 한꺼번에 삭제합니다.

다른 단계가 연결된 단계를 삭제하는 경우 해당 단계는 워크플로 캔버스에 남아 있지만 이전 단계와의 연결은 끊어집니다. 워크플로에서 해당 단계를 계속 사용하려면 연결이 끊긴 단계를 수동으로 다시 연결해야 합니다.

워크플로 편집기 디스플레이 툴바 사용하기

Shopify Flow 워크플로 편집기의 디스플레이 툴바 아이콘 이미지입니다.

워크플로 편집기 하단의 디스플레이 툴바에서 다음 아이콘 중 하나를 클릭할 수 있습니다.

  • 축소 또는 확대를 사용하여 워크플로를 축소하거나 확대합니다.
  • 기본 보기를 사용하여 전체 워크플로를 표시하는 확대/축소 수준에서 워크플로를 보이는 캔버스 중앙에 맞춥니다.
  • 도움말을 사용하여 새 브라우저 탭에서 Shopify Flow 지원 센터 설명서를 시작합니다.
  • 워크플로 정렬을 사용하여 워크플로의 레이아웃을 정렬합니다.

워크플로 편집기에서 단계 구성 패널 사용하기

단계를 선택하면 워크플로 편집기 왼쪽에 구성 패널이 표시됩니다. 구성 패널에는 단계 세부 정보가 포함되며, 단계의 작업 내용에 따라 변수 설정, 논리 연산자 할당, 사용자 지정 작업 정보 추가 등 특정 단계의 기능을 사용자 지정할 수 있는 곳입니다.

구성 패널에 표시되는 옵션은 선택한 단계 유형과 직접적으로 관련이 있습니다.

진행 중인 워크플로가 있는 Shopify Flow 워크플로 편집기의 이미지입니다. 이미지에서 조건 단계의 구성 패널이 선택 및 강조 표시되어 있습니다.

단계 설명 추가 또는 편집하기

구성 패널에서 조건 또는 작업 단계의 설명을 편집할 수 있습니다. 설명 추가 또는 설명 편집을 클릭하고 단계에 대한 설명을 직접 입력하십시오. 이를 통해 판매자와 직원은 직접 작성한 설명을 기반으로 워크플로의 작업 내용을 해석할 수 있습니다. 설명 필드의 모든 텍스트를 삭제하여 단계 설명을 재설정할 수 있습니다.

누락된 구성 콘텐츠에 대한 단계 검토하기

단계에 기능에 영향을 미치는 데이터 또는 구성 세부 정보가 누락된 경우 단계 상단에 검토 배너가 표시됩니다. 단계를 클릭하여 구성 패널을 열고 누락된 데이터를 추가하면 검토 배너가 제거됩니다. 필드가 선택 사항으로 표시되지 않는 한, 해당 단계를 완전히 구성된 것으로 간주하려면 필드를 채워야 합니다.

또한 단계가 다른 단계에 연결되어 있지 않을 때도 검토 배너가 표시됩니다. 단계의 세부 정보를 계속 구성하려면 먼저 워크플로에서 해당 단계를 다른 단계에 연결해야 합니다.

Shopify Flow '주문 태그 추가' 작업 단계의 이미지입니다. 단계에는 파란색 '검토' 배너가 표시되어 있고, 단계 설명은 '다음 주문 태그 추가' 필드가 비어 있음을 나타냅니다.

워크플로를 활성화하기 전에 검토 배너 문제가 해결되지 않으면 해당 단계가 오류로 표시되고 워크플로가 활성화되지 않습니다. 워크플로를 활성화하려면 워크플로의 모든 구성 오류를 해결해야 합니다.

'변수 추가' 대화 상자 사용하기

단계 구성 패널의 일부 필드에는 구성 콘텐츠에 변수를 추가할 수 있는 변수 추가 옵션이 있습니다. 변수 추가 대화 상자에 표시되는 데이터세트는 워크플로의 이전 단계에서 반환된 데이터에 따라 달라집니다. 예를 들어 기본적으로 변수 추가 대화 상자에는 다음 옵션이 표시됩니다.

  • 이름이나 설명으로 변수를 검색할 수 있는 검색 창입니다.
  • 워크플로의 트리거에서 반환되는 기본 변수 데이터세트이며 일반적으로 다음 옵션이 포함됩니다.
    • shop 변수: 스토어에 전역적으로 적용됩니다.
    • 워크플로 트리거에 따라 최소 1개 이상의 다른 유형입니다.

Shopify Flow '변수 추가' 대화 상자 이미지입니다. 표시된 예시 트리거는 '주문 생성됨' 트리거이며 대화 상자에서 사용할 수 있는 두 데이터세트는 'order'와 'shop'입니다.

하지만 데이터 가져오기 작업 또는 코드 실행과 같이 추가 데이터를 반환하는 단계를 워크플로에 추가하는 경우 워크플로의 해당 지점에서 추가 데이터를 사용할 수 있으므로, 워크플로 분기에서 나중에 나오는 모든 단계에 대해 대화 상자에 추가 변수 데이터세트가 표시되어 선택할 수 있습니다. 가장 최근에 반환된 데이터가 먼저 표시됩니다.

추가 데이터세트 옵션이 있는 Shopify Flow '변수 추가' 대화 상자 이미지입니다. 표시된 데이터의 사용 가능한 소스는 3가지입니다. '코드 실행'은 runCode 데이터를 반환하고 '고객 데이터 가져오기'는 getCustomerData 데이터를 반환하며 '주문 생성됨'은 order 및 shop 데이터를 반환합니다.

다양한 변수 옵션을 클릭하여 특정 변수로 이동할 수 있습니다. 일부 변수에는 중첩된 옵션이 있으며, 해당 변수 API 경로에 하위 옵션이 있음을 나타내는 > 기호가 있습니다. 변수 API 경로의 끝에 도달하면 변수에 > 옵션이 없고 String, Boolean, DateTime 또는 Int와 같은 변수 콘텐츠 유형 배지가 표시되어 변수에서 반환되는 정보의 종류를 나타냅니다.