학습 내용
쇼핑객이 사이트의 고객 허브 서랍에 즐겨찾는 품목을 저장할 수 있도록 허용하는 방법을 알아보세요. 고객 허브 서랍에 즐겨찾기를 표시하도록 설정하면 쇼핑객이 가장 관심 있는 상품을 빠르게 찾거나 이전 쇼핑 여정에서 중단한 부분을 다시 시작할 수 있습니다.
고객 허브는 Klaviyo 서비스의 일부이며 베타 버전에 대한 액세스는 점진적으로 제공되고 있습니다. 아직 Klaviyo의 기본 탐색에서 고객 허브 탭에 액세스할 수 없는 경우 고객 허브 베타에 참여하세요. 승인을 받으려면 유료 이메일 요금제( Klaviyo )를 사용 중이어야 합니다. 이 베타 버전은 현재 Shopify 온라인 스토어를 운영하는 사람만 영어로만 참여할 수 있습니다.
이 제품은 아직 베타 버전이지만 기능이 완성된 것은 아니며 베타 기간 동안 자주 변경될 수 있습니다. 온보딩 워크플로우를 통해 고객 허브를 활성화하면 베타 이용 약관에 동의하는 것입니다. 이 기능은 베타 기간에는 무료로 제공되지만, 일반 출시 시에는 별도로 판매될 예정입니다.
고객 허브 기능에 대한 피드백은 이메일(customerhub@klaviyo.com)로 보내주세요.
시작하기 전에 알아야 할 것
이 가이드에서는 사이트의 고객 허브 서랍에 표시되도록 즐겨찾기를 활성화하는 방법을 설명합니다. 계속 진행하기 전에 Klaviyo에서 고객 허브 기능이 활성화되어 있는지 확인하세요.
즐겨찾기 정보즐겨찾기 정보
Klaviyo 의 고객 허브 설정에서 활성화하 면 이 기능을 통해 모든 사이트 방문자가 고객 계정에 로그인했는지 여부와 관계없이 즐겨찾기에 제품을 추가할 수 있습니다.
고객 허브 서랍에 표시할 즐겨찾기를 활성화합니다.
쇼핑객이 즐겨찾는 제품을 사이트에 저 장하고 고객 허브 인터페이스에 표시할 수 있는 기능을 제공하려면 해당 제품을 저장해야 합니다:
- 에서 즐겨 찾기 설정을 활성화합니다. Klaviyo
- Shopify 스토어의 제품 세부 정보 페이지에 즐겨찾는 아이콘 추가
이 두 가지 모두 Klaviyo 의 고객 허브 설정에서 수행할 수 있습니다:
고객 허브 기능이 라이브 상태인 경우 이 변경 사항을 저장하면 사이트에 게시됩니다. 그렇지 않은 경우 일반 설정 메뉴에서 고객 허브를 실시간 설정해야 이 변경 사항을 확인할 수 있습니다.
- Klaviyo의 왼쪽 메인 탐색에서 고객 허브를 선택합니다.
-
설정을 클릭합니다.
- 확장 프로그램을 선택합니다.
- 즐겨찾기아래에서 확인란을 선택하여 즐겨찾기를 활성화합니다.
-
아이콘 선택 드롭다운에서 제품 아래에 표시할 즐겨찾기 아이콘 유형(예: 하트 또는 더하기 기호)을 선택합니다.
- 기본적으로 미리보기에는 아이콘의 선택되지 않은(즉, 즐겨찾기에 추가되지 않은) 버전이 표시됩니다. 미리보기에서 아이콘을 클릭하면 즐겨찾기 상태로 변경되는 것을 확인할 수 있습니다.
-
저장을 클릭합니다.
-
앱 블록 추가를 선택합니다. 이렇게 하면 Shopify 온라인 스토어가 새 창에서 시작되고 테마 편집기가 열리며 Klaviyo 위시리스트 앱 블록이 추가되었음을 나타내는 모달이 표시됩니다.
- 필요에 따라 앱을 클릭하고 드래그하여 제품 세부 정보 페이지에서 위치를 조정합니다.
- 준비가 완료되면 저장을 클릭하여 Shopify에 변경 사항을 저장합니다.
활성화되면 고객 허브 서랍의 For You 탭에 있는 "즐겨찾기에" 섹션에 방문자가 즐겨찾는 항목이 표시됩니다. 이 섹션을 확장하여 목록 보기에서 항목을 볼 수 있으며, 항목을 클릭하면 해당 제품 세부 정보 페이지로 바로 이동할 수 있습니다.
사이트에 Klaviyo 위시리스트 앱을 수동으로 Shopify 설치합니다(접을 수 있는 섹션).
빈티지 Shopify 테마를 사용하거나 앱 블록을 지원하지 않는 사용자 지정 설정을 사용하는 경우, 즐겨찾기 작업을 원하는 페이지(예: 제품 페이지)에 Klaviyo 위시리스트 앱을 수동으로 설치해야 할 수 있습니다.
그렇게 하려면
- Shopify 스토어 관리자를 엽니다.
- 판매 채널에서 온라인 스토어를 선택합니다.
- 현재 테마에서 점 3개 메뉴를 클릭한 다음 코드 편집을 선택합니다. 테마 초안에서 테스트하려면 먼저 현재 테마를 복제한 다음 복제 테마의 코드를 편집하세요.
- 제품 세부 정보 페이지의 파일을 찾습니다. 테마에 따라 다르지만 일반적으로 이름에 '제품'이라는 단어가 포함되어 있습니다. 예를 들어 새벽 테마에서는 이를 "main-product.liquid"라고 합니다.
- 즐겨찾기 버튼을 표시할 위치에 다음 코드 조각을 붙여넣습니다:
<div class="klaviyo-wishlist-slot" data-product-id="{{ product.id }}"></div> - 저장을 클릭합니다.
- 스토어 미리 보기를 클릭합니다.
- 스토어 미리 보기 내에서 제품 페이지로 이동합니다. 추가된 즐겨찾기 버튼이 지정된 위치에 표시되어야 합니다.
즐겨찾기 작업 테스트
즐겨찾는 항목이 고객 허브 서랍에 표시되는 지 확인합니다. 이렇게 하려면 제품 페이지 중 하나에서 즐겨찾기 아이콘을 클릭하고 고객 허브의 '즐겨찾기' 섹션에 추가되는지 확인합니다.