Shift4Shop 시작하기
학습 내용
Shift4Shop(이전 명칭: 3dcart)을 Klaviyo와 연동하여 각 고객의 구매 및 웹사이트 활동을 기반으로 이메일을 개인화하고 타겟팅하는 방법을 알아보세요. Shift4Shop에서 Klaviyo로 동기화되는 데이터에는 다음이 포함됩니다:
- 고객이 주문한 주문에 대한 데이터로, 판매, 환불, 주문 처리 완료 주문, 취소된 주문 등이 포함돼요.
- 사람들이 웹사이트를 언제, 얼마나 자주 방문하는지 등 자세한 고객 정보
Klaviyo는 지난 3년 이내에 주문한 고객의 정보만 동기화해요.
목차
- Shift4Shop 연동 추가
- Klaviyo 온사이트 트래킹 추가
- 데이터 동기화를 모니터링하세요.
- Shift4Shop에서 동기화된 데이터
- 추가 자료
Shift4Shop 연동 추가
- Klaviyo에서 연동 탭을 선택합니다.
- 앱 살펴보기를 선택하세요.
- Shift4Shop을 검색하고 카드를 클릭한 다음 설치를 클릭하세요.
- Shift4Shop 스토어 URL(보안 URL이라고도 함)을 찾으려면 새 탭에서 Shift4Shop 계정을 여세요.
- Shift4Shop에서 설정 > 일반 > 스토어 설정으로 이동하세요.
- Store Information에서 도메인 및 스토어 URL 관리를 클릭하세요.
- 도메인 설정 아래에서 Store URL을 복사해 주세요.
- Klaviyo로 돌아가서 상자에 스토어 URL을 붙여넣고 Shift4Shop에 연결을 클릭해 주세요.
- 다음 페이지에 표시되는 Klaviyo Public API 키를 복사해 주세요.
- Shift4Shop으로 이동 버튼을 클릭하세요.
- Shift4Shop의 REST API Apps 페이지에서 오른쪽 상단의 추가 를 클릭하여 Klaviyo API 키를 추가하세요.
- Klaviyo 공개 API 키(2bd83b00fcd7d56916a28c452d3d080c)를 붙여넣어 주세요.
- 저장을 클릭합니다.
- 팝업 창이 표시되며 Klaviyo가 Shift4Shop 데이터를 플랫폼으로 가져올 수 있도록 권한을 부여하라는 메시지가 표시됩니다. 승인을 클릭해 주세요.
- Klaviyo 계정으로 다시 리디렉션되며 데이터 동기화가 시작돼요. 성공 콜아웃으로 데이터가 동기화되고 있음을 확인할 수 있어요.
Klaviyo 온사이트 트래킹 추가
Shift4Shop 사이트에 추가할 수 있는 Klaviyo 온사이트 트래킹 코드 조각은 2가지예요. 첫 번째 온사이트 트래킹 코드 조각은 쿠키가 있는 사용자가 사이트에서 활동 중인지( 사이트에서 활성 지표) 추적할 수 있게 해 주고, 두 번째 온사이트 트래킹 코드 조각은 사용자가 어떤 제품을 보는지( 제품 조회 지표) 추적할 수 있게 해 줍니다.
그런 다음 사이트에서 활성 지표를 사용하여 사이트를 방문했지만 아무것도 구매하지 않은 알려진 브라우저의 세그먼트를 만들 수 있어요. 사이트에서 활성 스니펫(Klaviyo.js라고도 함)을 사용하면 Klaviyo 가입 양식도 사용할 수 있어요.
Viewed Product 트래킹은 대부분 탐색 이탈 자동 이메일 플로우를 트리거하는 데 활용돼요. 자세한 내용은 탐색 이탈 플로우 생성 에 대한 도움말 문서를 참조하세요.
- Shift4Shop 스토어 관리자에 로그인한 다음 콘텐츠 > 사이트 콘텐츠로 이동하세요.
- Header & Footer 아래의 편집 버튼을 클릭합니다.
- Global Header 오른쪽에 있는 +를 클릭해 헤더 편집기를 여세요.
- WYSIWYG 모드 끔/켬 옆의 슬라이더를 클릭하여 보기를 HTML 편집기로 전환하세요.
- 사이트에서 활성 트래킹을 추가하려면 HTML 편집기 하단에 다음 스크립트를 붙여넣어 주세요:
<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js"></script>
<script type="text/javascript">
//Initialize Klaviyo object on page load
!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}(); </script> - 스니펫의 첫 번째 줄에서 Public API Key를 Klaviyo의 계정 이름 > 설정 > API 키에서 찾을 수 있는 Klaviyo Public API 키로 바꿔 주세요.
- Viewed Product 트래킹을 추가하려면, 헤더에서 Active on Site 스크립트 아래에 이 스크립트를 추가하세요:
<script type="text/javascript">
var klaviyo = window.klaviyo || [];
// Track each product view.
if ('[price]' !== '[' + 'price]') {
klaviyo.track("Viewed Product", {
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. 페이지 오른쪽 상단에서 저장을 클릭하세요.
Klaviyo 동기화 모니터링
Shift4Shop 연동 데이터를 보려면:
- Klaviyo 계정에서 분석 > 지표로 이동하세요.
- Placed Order 지표를 클릭해 데이터가 채워지기 시작했는지 확인해 주세요. 차트에 데이터가 채워지는 것이 보이면 Shift4Shop 연동이 계정에 성공적으로 동기화되고 있다는 뜻이에요. 동기화가 완료되면 연동 탭에서 볼 때 Shift4Shop 연동 옆에 초록색 테두리가 표시돼요.
- Klaviyo는 모든 과거 Shift4Shop 데이터를 가져와요. 이를 확인하려면 Klaviyo에서 특정 날짜의 주문 수를 Shift4Shop 인터페이스에 있는 내용과 비교하고, 서로 일치하는지 확인해 주세요.
- 일치하지 않는다면, 문제는 대부분 Klaviyo 계정의 시간대가 Shift4Shop 시간대와 일치하지 않기 때문이에요. Klaviyo에서 시간대 설정을 확인하려면 계정 이름 > 설정 > 조직으로 이동하세요.
- 이 페이지 중간에서 시간대를 설정하는 영역을 확인할 수 있어요. Klaviyo 계정을 올바른 시간대로 업데이트한 다음 정보 업데이트를 클릭하세요.
Shift4Shop에서 동기화된 데이터
Shift4Shop 연동은 1시간마다 한 번 Klaviyo로 데이터를 동기화하므로 Shift4Shop에서 이벤트가 기록된 후 1시간 이내에 Klaviyo에서 이벤트가 표시될 거예요.
다음 지표는 Shift4Shop에서 동기화됩니다:
- '처리된 주문'
- '주문한 제품'
- '완료된 주문'
- 결제 시작
'처리된 주문'
이 이벤트는 고객이 결제 프로세스를 완료하고 Shift4Shop 스토어에서 주문을 생성할 때 추적돼요. 구매 후 후속 이메일에 사용할 수 있도록, 누군가가 구매한 항목의 제품 이름, 이미지, 그리고 같은 이메일의 다른 버전 정보 등 모든 제품 정보를 포함합니다. 다음 기준에 따라 처리 완료된 주문 이벤트를 필터링하고 타기팅할 수 있습니다:
- Items: 누군가의 주문에 포함된 제품 이름(예: 티셔츠 또는 바지)
- 카테고리: 누군가의 주문에 포함된 제품 카테고리의 전체 집합(예: 티셔츠, 남성, 바지, 세일)
'주문한 제품'
이 지표는 고객이 주문할 때 추적되며, 누군가가 구매한 각 품목에 대해 이벤트를 추적합니다. 예를 들어 누군가가 티셔츠와 바지를 구매하면 주문한 제품 이벤트가 2개 생성됩니다. 하나는 티셔츠에 대한 이벤트이고 다른 하나는 바지에 대한 이벤트입니다.
Ordered Product 이벤트에는 누군가가 구매한 각 제품에 대한 자세한 정보가 포함돼요. 이는 Placed Order 이벤트에서 사용할 수 없는 제품 같은 이메일의 다른 버전 옵션 및 기타 세부 정보를 기반으로 행동 세그먼트를 생성할 때 유용해요. 다음 기준에 따라 주문한 제품 이벤트를 필터링하고 타기팅할 수 있습니다.
- 이름: Shift4Shop의 제품 이름 또는 제목(예: 티셔츠 또는 바지)
- SKU: 제품 같은 이메일의 다른 버전의 SKU(예: REDMEDIUMTSHIRT)
- 카테고리: 제품의 전체 카테고리 집합(예: 티셔츠, 남성용, 세일)입니다.
'완료된 주문'
이 이벤트는 고객이 결제 프로세스를 완료하고 Shift4Shop 스토어에서 주문을 생성할 때 추적돼요. 구매 후속 이메일에 사용할 수 있도록, 제품 이름, 이미지, 같은 이메일의 다른 버전 정보 등을 포함해 누군가가 구매한 항목에 대한 모든 제품 정보가 포함돼요. 다음 기준에 따라 주문 완료 이벤트를 필터링하고 타기팅할 수 있습니다:
- Items: 누군가의 주문에 포함된 제품 이름(예: 티셔츠 또는 바지)
- 카테고리: 누군가의 주문에 포함된 제품 카테고리의 전체 집합(예: 티셔츠, 남성, 바지, 세일)
- 품목 수: 주문에 포함된 품목 수(예: 2)입니다.
참고: 기본적으로 Shift4Shop은 Placed Order에 대해 2, 4 두 가지 상태를 동기화해요.
결제 시작
이 이벤트는 Shift4Shop 결제 프로세스에서 결제 페이지로 이동하기 전 페이지에서 고객이 연락처 및 배송 정보를 입력하고 계속을 클릭할 때 추적돼요. 여기에는 장바구니에 담긴 항목의 모든 제품 정보(제품 이름, 이미지, 장바구니 이탈 이메일에 사용할 같은 이메일의 다른 버전 정보 포함)가 포함돼요. 다음 기준에 따라 결제 시작 이벤트를 필터링하고 타기팅할 수 있습니다:
- 항목: 누군가의 장바구니에 있는 제품 이름(예: 티셔츠 또는 바지)
- 카테고리: 누군가의 장바구니에 있는 제품의 전체 카테고리 집합(예: 티셔츠, 남성, 바지, 세일)입니다.
고객 데이터
Klaviyo가 Shift4Shop에서 동기화하는 지표 외에도, 각 Klaviyo 프로필에 추가되는 속성이 있어요. 세그먼트와 플로우에서 이러한 속성을 사용할 수 있습니다. 다음은 Shift4Shop에서 자동으로 동기화된 Klaviyo 기본 속성입니다.
- 이메일
- 이름
- 성
- 도시
- 주/도
- 우편번호
- 국가
- 전화번호
결과
이제 Shift4Shop과 연동하고, Klaviyo 온사이트 트래킹을 활성화했으며, 동기화된 Shift4Shop 데이터를 확인했어요. 이제 Klaviyo에서 Shift4Shop 데이터를 확인하고, 각 고객의 구매 및 웹사이트 활동을 기반으로 이메일을 개인화하고 타겟팅할 수 있어요.
Shift4Shop 연동 업데이트
2025년 5월 12일 이전에 Klaviyo를 Shift4Shop과 통합했나요? 그렇다면 이전 앱을 사용 중이에요. Klaviyo는 보안과 안정성을 개선하기 위해 새로운 Shift4Shop 앱을 출시했어요. 이전 앱은 2025년 9월 6일에 지원이 종료되며, 해당 시점부터 작동하지 않아요.
새 연동으로 업데이트하려면 Klaviyo에서 Shift4Shop 앱을 다시 설치해야 해요:
- Klaviyo에서 연동 탭을 클릭하세요.
- 활성화된 연동 목록에서 Shift4Shop을 선택합니다.
- 오른쪽 상단에서 연동 관리를 클릭해 주세요.
- 재인증을 선택하세요.
- Klaviyo 공개 API 키를 복사하세요.
- Shift4Shop으로 이동 버튼을 클릭하세요.
- Shift4Shop의 REST API Apps 페이지에서 추가를 클릭해 Klaviyo API 키를 추가한 다음, 키를 붙여넣으세요.
- 저장을 클릭합니다.
- 표시되는 승인 요청 모달에서 승인을 클릭하세요.
- Klaviyo 계정으로 다시 리디렉션되며, 확인 모달에 Shift4Shop 계정이 이제 연결되었음을 표시합니다.
연동이 업데이트되었으며 이제 새 앱을 사용하기 시작해요.
필수는 아니지만, Shift4Shop의 연결된 앱에서 사용 중단된 Klaviyo 앱을 제거할 수도 있어요. 이를 위해 Shift4Shop REST API 앱 페이지에서 "Klaviyo" 앱을 제거하세요.