고객 허브에서 즐겨찾는 항목을 표시하는 방법

예상 3 읽은 시간(분)

업데이트 2025년 2월 20일 오후 9:58 EST

쇼핑객이 사이트의 고객 허브 서랍에 즐겨찾는 품목을 저장할 수 있도록 허용하는 방법을 알아보세요. 고객 허브 서랍에 즐겨찾기를 표시하도록 설정하면 쇼핑객이 가장 관심 있는 상품을 빠르게 찾거나 이전 쇼핑 여정에서 중단한 부분을 다시 시작할 수 있습니다.

고객 허브는 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>
저장을 클릭합니다.
스토어 미리 보기를 클릭합니다.
스토어 미리 보기 내에서 제품 페이지로 이동합니다. 추가된 즐겨찾기 버튼이 지정된 위치에 표시되어야 합니다.