Shift4Shop 시작하기

예상 5 읽은 시간(분)

업데이트 2024년 11월 27일 오후 3:59 EST

각 고객의 구매 및 웹사이트 활동을 기반으로 이메일을 개인화하고 타겟팅하기 위해 Shift4Shop(구 3dcart)을 Klaviyo와 통합하는 방법을 알아보세요. 시프트4샵에서 클라비요로 동기화된 데이터에는 다음이 포함됩니다:

판매, 환불, 주문 처리, 주문 취소 등 고객의 주문에 대한 데이터
사람들이 웹사이트를 방문하는 시기와 빈도를 포함한 자세한 고객 정보

클라비요는 지난 3년 이내에 주문한 고객에 대해서만 정보를 동기화합니다.

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 스토어에서 주문을 생성할 때 추적됩니다. 여기에는 구매 후속 이메일에 사용할 제품 이름, 이미지, 이형 상품 정보 등 구매자가 구매한 품목에 대한 모든 제품 정보가 포함됩니다. 다음 기준에 따라 주문 처리됨 이벤트를 필터링하고 타겟팅할 수 있습니다:

품목: 주문한 제품의 이름(예: 티셔츠 또는 바지)
카테고리: 주문한 제품의 전체 카테고리 집합(예: 티셔츠, 남성용, 바지, 세일)

주문한 제품

이 지표는 고객이 주문할 때 추적되며, 고객이 구매하는 각 품목에 대한 이벤트를 추적합니다. 예를 들어 티셔츠와 바지를 구매하는 경우 티셔츠와 바지에 대해 각각 하나씩 두 개의 주문한 제품 이벤트가 생성됩니다.

주문한 제품 이벤트에는 구매자가 구매한 각 제품에 대한 자세한 정보가 포함되어 있습니다. 이는 주문 완료 이벤트에서 사용할 수 없는 제품 이형 상품 옵션 및 기타 세부 정보를 기반으로 행동 세그먼트를 생성할 때 유용합니다. 다음 기준에 따라 주문한 제품 이벤트를 필터링하고 타겟팅할 수 있습니다:

이름: Shift4Shop에서 제품의 이름 또는 제목(예: 티셔츠 또는 바지)
SKU: 제품 이형 상품의 SKU(예: REDMEDIUMSHIRT)
카테고리: 제품의 전체 카테고리 세트(예: 티셔츠, 남성, 세일)

주문하기

이 이벤트는 고객이 결제 프로세스를 완료하고 Shift4Shop 스토어에서 주문을 생성할 때 추적됩니다. 여기에는 구매 후속 이메일에 사용할 제품 이름, 이미지, 이형 상품 정보 등 구매자가 구매한 품목에 대한 모든 제품 정보가 포함됩니다. 다음 기준에 따라 주문 완료 이벤트를 필터링하고 타겟팅할 수 있습니다:

품목: 주문한 제품의 이름(예: 티셔츠 또는 바지)
카테고리: 주문한 제품의 전체 카테고리 집합(예: 티셔츠, 남성용, 바지, 세일)
품목 수: 주문에 포함된 품목 수(예: 2)

참고: 기본적으로 Shift4Shop은 주문 완료에 대해 두 가지 상태를 동기화합니다: 2, 4

결제 시작

이 이벤트는 고객이 Shift4Shop 결제 프로세스의 결제 페이지 전 페이지에서 연락처 및 배송 정보를 입력하고 계속을 클릭하면 추적됩니다. 여기에는 버려진 카트 이메일에 사용할 제품 이름, 이미지, 이형 상품 정보 등 다른 사람의 카트에 있는 품목에 대한 모든 제품 정보가 포함됩니다. 다음 기준에 따라 결제 시작 이벤트를 필터링하고 타겟팅할 수 있습니다:

항목: 다른 사람의 카트에 있는 제품의 이름(예: 티셔츠 또는 바지)
카테고리: 장바구니에 있는 제품의 전체 카테고리 집합(예: 티셔츠, 남성, 바지, 세일)

고객 데이터

클라비요가 시프트4샵에서 동기화하는 메트릭 외에도 각 클라비요 프로필에 추가되는 속성도 있습니다. 이러한 속성은 세그먼트와 흐름에서 사용할 수 있습니다. 다음 기본 제공 클라비요 속성은 Shift4Shop에서 자동으로 동기화됩니다: