Registration Form 제출 시 Shopify Flow 실행

이 기능을 켜면 고객이 Registration Form을 통해 생성되거나 업데이트될 때마다 앱이 Shopify의 무료 노코드 자동화 도구인 Shopify Flow로 이벤트를 보냅니다. 그런 다음 Flow에서 워크플로를 만들어 이 이벤트에 원하는 방식으로 대응할 수 있습니다. 예를 들어 Slack으로 영업팀에 알리거나, 고객에게 태그를 지정하거나 세그먼트로 분류하거나, 작업을 만들거나, 고객을 다른 시스템과 동기화할 수 있습니다.

참고

이 기능을 사용하기 전에 양식이 이미 Shopify 고객 데이터와 연결되어 있는지 확인하세요. Integrate Registration Form with Shopify customer data를 참고하세요.

관리 단계

1. 양식의 통합 설정 열기

   앱에서 Registration Form을 클릭하고 원하는 양식을 연 다음 Integration 탭을 클릭해 Shopify를 선택합니다.

   

2. Flow 트리거 활성화하기

   Enable Shopify Flow trigger를 켭니다.

   

3. 저장하기

   Save를 클릭합니다.

주의

이 옵션은 일부 요금제에서만 사용할 수 있습니다. Integration > Shopify에 Enable Shopify Flow trigger가 보이지 않으면 Settings > Pricing plan을 확인하거나 지원팀에 문의하세요.

Shopify Flow에서 워크플로 만들기

1. Shopify Flow 설치하기

   Shopify 관리자 > 앱 > Flow로 이동합니다. Flow는 무료이며 모든 Shopify 요금제에서 사용할 수 있습니다. 아직 설치하지 않았다면 설치하세요.

2. 워크플로 만들기

   워크플로 만들기를 클릭합니다.

3. 트리거 선택하기

   트리거 단계에서 Sami Wholesale(*“All-in-1 Wholesale B2B: Volume discount, b2b registration, tax”*로 표시됨)을 검색해 엽니다. 그 안에서 Sami B2B Wholesale Pricing이라는 트리거를 선택합니다. 설명은 *“Triggers when a customer is created or updated via a Wholesale registration form.”*입니다.

   

4. 작업 추가하기

   필요한 작업을 추가하세요. Flow에는 알림 보내기, 태그 추가, 웹훅 호출, 조건 분기 등 수백 가지 기본 작업이 있습니다.

5. 워크플로 켜기

   켜기를 클릭합니다.

팁

결과: 이제부터 이 옵션이 켜진 양식으로 고객이 가입하거나 업데이트될 때마다 워크플로가 자동으로 실행됩니다. 보통 제출 후 약 2분 이내에 실행됩니다.

워크플로에서 사용할 수 있는 데이터

워크플로를 만들 때 모든 단계에 다음 변수를 삽입할 수 있습니다.

변수	설명
Customer	생성되거나 업데이트된 Shopify 고객입니다. 고객과 관련된 모든 작업(태그 추가, 세그먼트에 추가, 이메일 보내기 등)에 그대로 사용할 수 있습니다.
Form > Name	제출된 Registration Form의 이름입니다. 양식이 여러 개이고 어떤 양식이 사용되었는지에 따라 워크플로가 다르게 동작하게 하려는 경우에 유용합니다.
Registration customer > Data	고객이 양식에 입력한 모든 내용(필드 라벨과 값)을 하나의 JSON 문자열로 묶은 것입니다. 개별 필드로 나누는 방법은 아래를 참고하세요.

“Registration customer > Data”에서 개별 필드 읽기

제출된 양식 데이터는 모든 필드가 하나의 변수로 묶인 하나의 JSON 문자열로 전송됩니다(예: {"Email": "[email protected]", "First Name": "John", "Company name": "ABC Co."}). 워크플로의 이후 단계에서 사용할 수 있도록 개별 필드로 나누려면 트리거 바로 뒤에 Run code 단계를 추가하세요.

1단계 — “Run code” 작업 추가하기

워크플로에서 작업 추가를 클릭한 다음 Run code를 찾아 선택합니다.

2단계 — Input(GraphQL 쿼리) 입력하기

Input 상자에 다음을 붙여넣습니다.

{
  registrationCustomer {
    data
  }
}

3단계 — Function(JavaScript) 입력하기

Function 상자에 다음을 붙여넣습니다.

export default function main({ registrationCustomer }) {
  const formData = JSON.parse(registrationCustomer.data);

  return {
    email: formData['Email'] || '',
    firstName: formData['First Name'] || '',
    companyName: formData['Company name'] || '',
  };
}

참고

'Email', 'First Name', 'Company name'… 을 내부 요소 ID가 아니라 양식에 표시되는 정확한 필드 라벨로 바꾸세요.

4단계 — Output(반환 유형) 입력하기

Output 상자에 3단계에서 반환한 값과 일치하는 유형 선언을 붙여넣습니다.

type Output {
  email: String!
  firstName: String!
  companyName: String!
}

5단계 — 이후 단계에서 결과 사용하기

저장하면 이 Run code 단계가 이후 작업의 새로운 변수 소스가 됩니다. email, firstName, companyName(또는 지정한 이름)을 이메일 본문, Slack 메시지, 조건 등에 삽입하세요.

주의

Shopify Flow의 Run code는 제한된 샌드박스(외부 API 호출 불가, 외부 라이브러리 불가, 실행 시간 5초 제한)에서 JavaScript를 실행하므로 데이터를 재구성하는 용도로만 사용하고 웹훅을 직접 호출하는 데는 사용하지 마세요. 웹훅을 호출하려면 별도의 단계에서 Flow의 기본 HTTP request 작업을 사용하세요.

제한 사항: Run code 단계의 Output은 개별 필드(String, Int, Float, Boolean, ID 등)만 선언할 수 있으며 범용 “JSON” 반환 유형은 없습니다. registrationCustomer.data 객체 전체를 자유롭게 전달할 수는 없으며, 필요한 필드를 양식의 정확한 라벨을 사용해 하나씩 선언해야 합니다(3~4단계). 나중에 양식에 새 필드를 추가하고 워크플로에서 사용하려면 Run code 단계에도 돌아와서 추가하세요.

참고 사항

• 스토어에 Shopify Flow 앱이 필요합니다(무료이며 모든 Shopify 요금제에서 사용 가능).
• 고객이 양식을 제출한 후 워크플로가 실행되기까지 최대 몇 분 걸릴 수 있으며, 이는 오류가 아니라 정상입니다.
• 이 기능은 앱의 요금제에 따라 사용할 수 있습니다. Enable Shopify Flow trigger가 보이지 않으면 현재 요금제를 확인하거나 지원팀에 문의하세요.

지원이 필요하신가요?

위 단계를 진행하다가 어려움이 있으면 망설이지 말고 [email protected]로 이메일을 보내 주세요.