학습 내용
각 고객의 구매 및 웹사이트 활동을 기반으로 이메일을 개인화하고 타겟팅하기 위해 Shift4Shop(구 3dcart)을 Klaviyo와 통합하는 방법을 알아보세요. 시프트4샵에서 클라비요로 동기화된 데이터에는 다음이 포함됩니다:
- 판매, 환불, 주문 처리, 주문 취소 등 고객의 주문에 대한 데이터
- 사람들이 웹사이트를 방문하는 시기와 빈도를 포함한 자세한 고객 정보
클라비요는 지난 3년 이내에 주문한 고객에 대해서만 정보를 동기화합니다.
목차
- Shift4Shop 통합 추가
- 클라비요 현장 추적 추가
- 데이터 동기화 모니터링
- Shift4Shop에서 동기화된 데이터
- 추가 리소스
Shift4Shop 통합 추가
- Klaviyo 에서 왼쪽 아래 모서리에 있는 계정 이름을 클릭한 다음 연동 > 연동 추가를 선택합니다.
- Shift4Shop을 검색하고 카드를 클릭한 다음 설치를 클릭합니다.
- Shift4Shop 스토어 URL(보안 URL이라고도 함)을 찾으려면 새 탭에서 Shift4Shop 계정을 엽니다.
- Shift4Shop에서 설정 > 일반 > 스토어 설정으로 이동합니다.
- 스토어 정보에서 도메인 관리 & 스토어 URL을 클릭합니다.
- 도메인 설정 아래에서 스토어 URL을 복사합니다.
- 클라비요로 돌아와서 스토어 URL을 상자에 붙여넣고 Shift4Shop에 연결을 클릭합니다.
- 다음 페이지에 표시되는 클라비요 퍼블릭 API 키를 복사합니다.
- Shift4Shop으로 이동 버튼을 클릭합니다.
- Shift4Shop의 REST API 앱 페이지에서 오른쪽 상단 모서리에 있는 추가를 클릭하여 클라비요 API 키를 추가합니다.
- 클라비요 퍼블릭 API 키(2bd83b00fcd7d56916a28c452d3d080c)를 붙여넣습니다.
- 저장을 클릭합니다.
- Shift4Shop 데이터를 플랫폼으로 가져올 수 있도록 클라비요에 권한을 부여할지 묻는 팝업 창이 나타나면 승인을 클릭합니다.
- 클라비요 계정으로 다시 리디렉션되고 데이터 동기화가 시작됩니다. 성공 콜아웃이 표시되면 데이터가 동기화되고 있음을 확인할 수 있습니다.
클라비요 현장 추적 추가
시프트4샵 사이트에 추가할 수 있는 클라비요 현장 추적 코드 스니펫은 두 가지가 있습니다. 첫 번째 온사이트 추적 스니펫을 사용하면 쿠키화된 사용자가 사이트에서 언제 활동하는지 추적할 수 있고( 사이트 활동 지표), 두 번째 온사이트 추적 스니펫을 사용하면 어떤 제품을 보는지 추적할 수 있습니다(조회한 제품 지표).
그런 다음 사이트에서 활성 상태 메트릭을 사용하여 사이트를 방문했지만 아무것도 구매하지 않은 알려진 브라우저의 세그먼트를 만들 수 있습니다. 액티브 온 사이트 스니펫(Klaviyo.js라고도 함)을 사용하면 클라비요 가입 양식도 사용할 수 있습니다.
조회한 제품 추적은 대부분 검색 포기 자동 이메일 흐름을 트리거하는 데 활용됩니다. 자세한 내용은 찾아보기 포기 흐름 만들기에 대한 도움말 문서를 참조하세요.
- Shift4Shop 스토어 관리자에 로그인하고 콘텐츠 > 사이트 콘텐츠로 이동합니다.
- 머리글 & 바닥글 아래의 편집 버튼을 클릭합니다.
- 글로벌 헤더 오른쪽에 있는 +를 클릭하여 헤더 편집기를 엽니다.
-
위지위그 모드 끄기/켜기 옆의 슬라이더를 클릭하여 보기를 HTML 편집기로 전환합니다.
-
사이트에서 활성 상태 추적을 추가하려면 HTML 편집기 하단에 다음 스크립트를 붙여넣습니다:
<스크립트 유형="텍스트/자바스크립트" async="" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js"></script> <script type="text/javascript"> //페이지 로드 시 Klaviyo 객체를 초기화 !function(){if(!window.Klaviyo){window._klOnsite=window._klOnsite||[];try{window.Klaviyo=새로운 프록시({},{get:function(n,i){return"푸시"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=새) Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=새 Promise((function(n){window._klOnsite.푸시([i].concat(o,[function(i){t&&t(i),n(i)}]))});return e}}})}catch(n){window.Klaviyo=window.Klaviyo[],window.Klaviyo.푸시=function(){var n;(n=window._klOnsite).푸시.적용(n,인수)}}}}(); </script>
- 스니펫의 첫 줄에서 공개 API 키를 계정 이름 > 설정 > API 키에서 찾을 수 있는 클라비요 공개 API 키로 바꿉니다.
-
조회한 제품 추적을 추가하려면 헤더의 사이트 내 활성 스크립트 아래에 이 스크립트를 추가합니다:
<스크립트 유형="텍스트/자바스크립트"> var klaviyo = window.klaviyo || []; // 각 제품 보기를 추적합니다. if ('[가격]' !== '[' + '가격'') { klaviyo.track("조회됨 제품", { ProductID: "[id]", Name: "[name]", Description: "[description]", URL: [location.protocol, '//', location.host, location.pathname].join(''), Categories: "[catid]", ImageURL: [location.protocol, '//', location.host, '/[image1]'].join(''), Price: parseFloat("[price]".slice(1), 10) }); }</script>
8. 페이지 오른쪽 상단에서 저장을클릭합니다.
클라비요 동기화 모니터링클라비요 동기화 모니터링
Shift4Shop 연동 데이터를 보려면 다음과 같이 하세요:
-
클라비요 계정에서 애널리틱스 > 메트릭으로 이동합니다.
-
주문 완료 메트릭을 클릭하여 데이터가 채워지기 시작했는지 확인합니다. 차트를 채우는 데이터가 표시되면 Shift4Shop 연동이 계정에 성공적으로 동기화되었다는 뜻입니다. 동기화가 완료되면 연동 탭( 계정 이름 > 연동 아래에 있음)에서 Shift4Shop 연동 옆에 녹색 테두리가 표시됩니다.
-
클라비요는 과거 Shift4Shop 데이터를 모두 가져옵니다. 이를 확인하려면 클라비요에서 특정 날짜의 주문 수를 Shift4Shop 인터페이스의 주문 수와 비교하여 일치하는지 확인합니다.
-
시간대가 일치하지 않는 경우, 클라비요 계정의 시간대가 Shift4Shop 시간대와 일치하지 않는 문제일 가능성이 높습니다. 클라비요에서 표준 시간대 설정을 확인하려면 계정 이름 > 설정 > 조직으로 이동하세요.
-
이 페이지 중간에는 시간대를 설정할 수 있는 영역이 있습니다. 클라비요 계정을 올바른 시간대로 업데이트하고 정보 업데이트를 클릭합니다.
Shift4Shop에서 동기화된 데이터
Shift4Shop 통합은 한 시간에 한 번씩 데이터를 Klaviyo에 동기화하므로 이벤트가 Shift4Shop에 기록된 후 1시간 이내에 Klaviyo에 이벤트가 표시되어야 합니다.
다음 메트릭은 Shift4Shop에서 동기화됩니다:
- 주문 처리됨
- 주문한 제품
- 주문하기
- 결제 시작
주문 처리됨
이 이벤트는 고객이 결제 프로세스를 완료하고 Shift4Shop 스토어에서 주문을 생성할 때 추적됩니다. 여기에는 구매 후속 이메일에 사용할 제품 이름, 이미지, 이형 상품 정보 등 구매자가 구매한 품목에 대한 모든 제품 정보가 포함됩니다. 다음 기준에 따라 주문 처리됨 이벤트를 필터링하고 타겟팅할 수 있습니다:
- 품목: 주문한 제품의 이름(예: 티셔츠 또는 바지)
- 카테고리: 주문한 제품의 전체 카테고리 집합(예: 티셔츠, 남성용, 바지, 세일)
주문한 제품
이 지표는 고객이 주문할 때 추적되며, 고객이 구매하는 각 품목에 대한 이벤트를 추적합니다. 예를 들어 티셔츠와 바지를 구매하는 경우 티셔츠와 바지에 대해 각각 하나씩 두 개의 주문한 제품 이벤트가 생성됩니다.
주문한 제품 이벤트에는 구매자가 구매한 각 제품에 대한 자세한 정보가 포함되어 있습니다. 이는 주문 완료 이벤트에서 사용할 수 없는 제품 이형 상품 옵션 및 기타 세부 정보를 기반으로 행동 세그먼트를 생성할 때 유용합니다. 다음 기준에 따라 주문한 제품 이벤트를 필터링하고 타겟팅할 수 있습니다:
- 이름: Shift4Shop에서 제품의 이름 또는 제목(예: 티셔츠 또는 바지)
- SKU: 제품 이형 상품의 SKU(예: REDMEDIUMSHIRT)
- 카테고리: 제품의 전체 카테고리 세트(예: 티셔츠, 남성, 세일)
주문하기
이 이벤트는 고객이 결제 프로세스를 완료하고 Shift4Shop 스토어에서 주문을 생성할 때 추적됩니다. 여기에는 구매 후속 이메일에 사용할 제품 이름, 이미지, 이형 상품 정보 등 구매자가 구매한 품목에 대한 모든 제품 정보가 포함됩니다. 다음 기준에 따라 주문 완료 이벤트를 필터링하고 타겟팅할 수 있습니다:
- 품목: 주문한 제품의 이름(예: 티셔츠 또는 바지)
- 카테고리: 주문한 제품의 전체 카테고리 집합(예: 티셔츠, 남성용, 바지, 세일)
- 품목 수: 주문에 포함된 품목 수(예: 2)
참고: 기본적으로 Shift4Shop은 주문 완료에 대해 두 가지 상태를 동기화합니다: 2, 4
결제 시작결제 시작
이 이벤트는 고객이 Shift4Shop 결제 프로세스의 결제 페이지 전 페이지에서 연락처 및 배송 정보를 입력하고 계속을 클릭하면 추적됩니다. 여기에는 버려진 카트 이메일에 사용할 제품 이름, 이미지, 이형 상품 정보 등 다른 사람의 카트에 있는 품목에 대한 모든 제품 정보가 포함됩니다. 다음 기준에 따라 결제 시작 이벤트를 필터링하고 타겟팅할 수 있습니다:
- 항목: 다른 사람의 카트에 있는 제품의 이름(예: 티셔츠 또는 바지)
- 카테고리: 장바구니에 있는 제품의 전체 카테고리 집합(예: 티셔츠, 남성, 바지, 세일)
고객 데이터
클라비요가 시프트4샵에서 동기화하는 메트릭 외에도 각 클라비요 프로필에 추가되는 속성도 있습니다. 이러한 속성은 세그먼트와 흐름에서 사용할 수 있습니다. 다음 기본 제공 클라비요 속성은 Shift4Shop에서 자동으로 동기화됩니다:
- 이메일
- 이름
- 성
- 도시
- 주/지역
- 우편 번호
- 국가
- 전화번호
결과
이제 시프트4샵과 통합하고, 클라비요 현장 추적을 활성화하고, 동기화된 시프트4샵 데이터를 확인했습니다. 이제 클라비요에서 Shift4Shop 데이터를 확인하고 각 고객의 구매 및 웹사이트 활동을 기반으로 이메일을 개인화 및 타겟팅할 수 있습니다.
추가 리소스추가 리소스
- Klaviyo 온사이트 추적 시작하기
- 전자상거래 플랫폼 전환 후 클라비요를 업데이트하는 방법