WooCommerce용 고객 허브로 시작하기

약 10분 읽음

Klaviyo 고객 허브에 대해 설명합니다.

Klaviyo 고객 허브는 고객이 브랜드와의 관계를 관리할 수 있는 단 하나의 공간이에요. 기존 계정 기능을 개인화된 쇼핑 경험(예: 상품을 즐겨찾기에 저장하기, 고유 쿠폰을 노출하기, 상품 추천을 표시하기)과 함께 통합해요. WooCommerce에 적용되는 기능과 제한 사항은 4단계를 참고해 주세요.

고객 허브는 WooCommerce 확장 프로그램을 통해 WooCommerce 스토어프론트를 지원합니다. WooCommerce는 Klaviyo의 기본 Shopify 앱을 사용하지 않으므로, Shopify에 비해 스토어 자격 증명을 연결하고 계정 페이지 링크를 리디렉션하는 몇 가지 추가 단계가 필요합니다.

시작하기 전에 알아야 할 것

WooCommerce용 고객 허브를 설정하기 전에 다음을 확인하세요.

• Klaviyo와 연동된 활성 WooCommerce 스토어가 있습니다.
• 1단계를 사용해 WooCommerce Consumer key 및 Consumer secret에 액세스할 수 있거나, 이를 생성할 수 있어요.
• Klaviyo 계정과 WooCommerce 스토어에 모두 관리자 액세스 권한이 있습니다.

1. WooCommerce API 자격 증명 생성

Klaviyo 고객 허브는 WooCommerce REST API를 통해 스토어 데이터에 연결되므로 라이브로 설정하기 전에 스토어 자격 증명을 제공해야 합니다. 이렇게 하면 고객 허브가 허브 환경 내에 주문 내역, 고객 프로필 및 기타 스토어 데이터를 표시할 수 있습니다.

1. WordPress 관리자 패널에서 WooCommerce > 설정 > 고급 > REST API로 이동합니다.
2. 키 추가 를 클릭합니다.
3. 권한을 읽기/쓰기 로 설정하고 설명 이름(예: "Klaviyo 고객 허브")을 할당합니다.
4. API 키 생성을 클릭합니다.
5. 소비자 키와 소비자 비밀번호를 복사하세요. 이 비밀번호는 한 번만 표시됩니다.

중요: 이 페이지를 떠나기 전에 소비자 키와 소비자 비밀번호를 안전하게 저장하세요. 사용자가 다른 곳으로 이동한 후에는 WooCommerce에서 소비자 비밀번호를 다시 표시하지 않습니다.

2. Klaviyo 고객 허브를 활성화하고 스토어를 연결하기

1. Klaviyo의 기본 탐색에서 서비스 아래 고객 허브 탭으로 이동합니다.
2. 지원되는 전자상거래 연동이 여러 개인 경우 사용하려는 연동을 선택하세요.에서 WooCommerce를 선택해 주세요.
3. 스토어 URL을 입력하거나 확인해 주세요.
4. 체험판 시작을 클릭하거나, 이미 Klaviyo 고객 허브에 액세스할 수 있다면 시작하기를 클릭하세요.
5. WooCommerce 스토어 연결에서 다음을 입력하세요:
   • 스토어 URL 도메인 ― 스토어의 기본 도메인(예: example.com)
   • 소비자 키 — WooCommerce에서 생성된 키입니다.
   • 소비자 비밀번호 — WooCommerce에서 생성된 비밀번호입니다.
6. 저장을 클릭합니다.

저장되면 Klaviyo는 이러한 자격 증명을 사용하여 WooCommerce 스토어에서 주문 및 고객 데이터를 가져와 고객 허브 내에서 표시합니다.

안내에 따라 디자인 및 콘텐츠 단계를 완료한 다음 설정 완료를 클릭해 주세요. 설정 후 디자인을 열어 Hub를 더 맞춤 설정해 보세요. 선택할 수 있습니다.

• 고객 허브의 디자인과 브랜딩을 사용자 정의하세요.
• 쇼핑객이 허브를 발견할 수 있도록 사이트 내 위젯을 사용자 정의하세요.
• 로열티 포인트 및 구독 상태와 같은 동적 데이터를 표시하는 파트너 구축 블록을 포함하여 사전 구축된 콘텐츠 블록 라이브러리에서 허브에 개인화된 콘텐츠를 추가하세요.
• 3가지 고유한 인증 상태를 기준으로 쇼핑객을 타겟팅하세요:

인식된 쇼핑객 타겟팅을 사용하려면 Klaviyo 고객 허브 > 설정으로 이동해 주세요. 인식된 쇼핑객 개인화에서 활성화를 선택한 다음 저장을 클릭해 주세요.

가이드 설정을 완료하면 확장 기능으로 이동합니다. 아직 Klaviyo 고객 허브를 라이브로 설정하지 마세요. 게시하기 전에 3–5단계를 완료해 주세요.

자격 증명은 나중에 업데이트하기

1. Klaviyo에서 고객 허브 > 확장 프로그램으로 이동합니다.
2. WooCommerce settings에서 필요에 따라 Store URL domain, Consumer key 또는 Consumer secret을(를) 업데이트해 주세요.
3. 저장을 클릭합니다.

3. 계정 페이지 링크를 업데이트합니다.

Shopify와 달리 WooCommerce는 /my-account 페이지를 자동으로 리디렉션해 Klaviyo 고객 허브를 열지 않아요. 사이트의 계정 페이지 링크가 Klaviyo 고객 허브 환경으로 연결되도록 수동으로 업데이트해야 해요.

고객 허브가 트리거되는 방법입니다.

Klaviyo 고객 허브는 쇼핑객이 #k-hub로 끝나는 URL로 이동하면 열려요. 기본 WooCommerce 계정 환경을 Klaviyo 고객 허브로 대체하려면, 사이트에서 /my-account 페이지를 가리키는 모든 링크가 다음으로 리디렉션되도록 업데이트해 주세요:

https://your-store-domain.com/#k-hub

계정 링크를 업데이트할 수 있는 위치

업데이트할 수 있는 일반적인 위치는 다음과 같습니다.

• 탐색 메뉴 — 사이트의 헤더나 바닥글에 있는 '내 계정' 또는 '로그인' 링크입니다.
• 테마 템플릿 ― 테마 파일에 /my-account로 연결되는 하드코딩된 링크가 있는 경우입니다.
• 위젯 또는 단축 번호 — 사이드바 또는 페이지 템플릿에 삽입된 모든 WooCommerce 계정 위젯입니다.

팁: 테마의 커스터마이저, 페이지 빌더를 사용하거나 템플릿 파일을 직접 편집하여 이러한 링크를 업데이트할 수 있어요. 사이트에서 계정 링크가 어디에 표시되는지 확실하지 않다면 테마 파일에서 /my-account에 대한 참조를 검색해 보세요.

특정 링크에 대한 기본 WooCommerce 계정 환경을 보존합니다.

표준 WooCommerce 계정 페이지를 열어야 하는 링크의 경우, /#k-hub(으)로 변경하는 대신 /my-account 대상은 그대로 유지해 주세요. 아래 예시에는 자동 계정 링크 대체에서 링크를 제외하는 data-k-hub-ignore도 포함되어 있어요:

HTML

<a href="/my-account" data-k-hub-ignore>View my account</a>

링크를 클릭하면 기본 WooCommerce 계정 페이지가 열려요. data-k-hub-ignore 속성은 링크가 계정 링크 대체 규칙과 일치하는 경우에도 Klaviyo 고객 허브가 해당 링크를 바꾸지 않도록 해요.

4. Klaviyo 고객 허브 기능 구성하기

확장을 사용해 제품 추천, 웹 채팅, 지원을 구성해 보세요. 디자인에서 즐겨찾기와 FAQ를 구성해 보세요. 제품 추천, 즐겨찾기, FAQ를 사용하려면 Klaviyo 고객 허브 평가판 또는 유료 플랜이 활성 상태여야 해요.

• 제품 추천 — Klaviyo의 AI를 기반으로 한 표면화된 맞춤형 제품 추천입니다.
• 즐겨찾기 — 쇼핑객이 제품을 저장하고 고객 허브에 표시할 수 있는 기능을 제공합니다.
• 자주 묻는 질문 — 쇼핑객이 대화를 시작하기 전에 채팅 탭에 표시할 자주 묻는 질문 목록을 만듭니다.
• 웹 채팅 — 채팅 탭을 추가하고 쇼핑객이 Klaviyo 헬프데스크 또는 지원되는 헬프데스크 공급업체를 통해 Klaviyo의 고객 에이전트 및/또는 인간 에이전트와 채팅할 수 있도록 합니다.
• 지원 ― 쇼핑객이 주문 상세 페이지에서 Klaviyo 헬프데스크, 외부 도움말 페이지 또는 Gorgias 채팅을 통해 도움을 받도록 하거나, 이 옵션을 숨길 수 있어요. Klaviyo 헬프데스크를 선택하기 전에 웹 채팅을 활성화해 주세요.

확장에서 각 기능을 구성한 후 저장을 클릭하세요. Hub 편집기에서 게시를 클릭하여 디자인 변경 사항을 저장하세요.

참고: 리뷰, 로열티(Smile.io / Yotpo), 구독 관리, 주문 추적(타사) 및 반품 관리는 현재 WooCommerce 스토어 프론트에서 지원되지 않습니다.

5. 개인정보 보호정책 및 서비스 이용 약관을 링크하세요.

쇼핑객이 Klaviyo 고객 허브와 상호작용할 때 적용되는 약관을 읽을 수 있도록 사이트의 개인정보 보호정책 및 서비스 이용 약관 링크를 추가해 주세요:

1. Klaviyo 고객 허브 > 설정으로 이동해 주세요.
2. 약관 및 정책에서 개인정보 보호정책 링크와 서비스 이용 약관 링크에 URL을 입력해 주세요.
3. 저장을 클릭합니다.

두 링크는 쇼핑객이 로그인하기 전에 표시돼요. 개인정보 보호정책 링크도 쇼핑객이 웹 채팅 대화를 시작하기 전에 표시돼요.

6. 고객 허브를 라이브로 설정합니다.

게시하기 전에 Klaviyo 고객 허브 > 설정으로 이동한 다음 미리보기 보기를 클릭해 허브를 테스트해 보세요. 특히 WooCommerce 스토어의 주문 데이터를 확인해 보세요. 또한 3단계에서처럼 /#k-hub으로 끝나는 스토어프런트 URL을 열 수도 있어요.

게시할 준비가 되면 다음을 수행합니다.

1. Klaviyo 고객 허브 > 설정으로 이동해 주세요.
2. Klaviyo 고객 허브 표시 설정에서 라이브를 선택한 다음 저장을 클릭하세요.
3. 스토어프런트를 열고 업데이트된 계정 링크를 클릭해 Klaviyo 고객 허브가 열리는지 확인해 주세요. 주문 데이터와 활성화한 기능을 확인해 주세요.

라이브로 설정하면 저장된 모든 변경 사항이 현장 경험에 즉시 적용됩니다.

7. 성과를 분석하세요.

Klaviyo 고객 허브가 활성화되면 Klaviyo 고객 허브 대시보드에서 성과를 모니터링합니다. 주요 수익 지표와 보고서를 검토하여 고객 계정 경험의 가치를 이해하고 이 데이터를 사용하여 특정 고객 기반에 맞게 고객 허브를 맞춤화하는 방법을 알아보세요.

자주 묻는 질문

고객이 고객 허브를 발견하거나 열려면 어떻게 해야 하나요?

고객 허브가 "라이브"로 설정되어 있고 계정 페이지 링크가 업데이트된 경우(3단계 참고), /#k-hub을(를) 가리키는 모든 링크가 Klaviyo 고객 허브를 열어요. 또한 지속적인 참여 유도를 위해 Klaviyo 고객 허브 위젯을 활성화하는 것도 권장해요.

쇼핑객이 '내 계정'을 클릭하면 고객 허브가 자동으로 열리지 않는 이유는 무엇인가요?

Shopify와 달리 WooCommerce는 계정 페이지 링크를 자동으로 가로챌 수 있는 기본 Klaviyo 앱을 사용하지 않아요. 계정 페이지 링크가 /my-account 대신 /#k-hub을 가리키도록 수동으로 업데이트해야 해요. 자세한 내용은 3단계를 참조하세요.

일부 쇼핑객이 로그인하지 않고 이름과 최근 주문을 볼 수 있는 이유는 무엇인가요?

인식된 쇼핑객 개인화가 활성화되면, Klaviyo 고객 허브는 Klaviyo의 "Identified State"를 사용해 브라우저 토큰으로 재방문 쇼핑객을 인식해요. 이를 통해 최대 28일 동안 즐겨찾기 목록을 보여주는 것과 같은 개인화된 경험을 제공할 수 있어요. 전체 주소 및 결제 수단과 같은 민감한 정보는 쇼핑객이 완전히 로그인할 때까지 숨겨져 있어요.

Klaviyo 고객 허브는 WooCommerce에서 어떤 주문 데이터를 가져오나요?

고객 허브는 WooCommerce REST API를 사용하여 주문 기록, 주문 상태 및 고객 프로필 데이터를 가져옵니다. 고객 허브가 이 데이터를 정확하게 표시할 수 있도록 소비자 키에 읽기/쓰기 권한이 있는지 확인하세요.

WooCommerce 소비자 키와 소비자 비밀번호는 어디에서 찾을 수 있나요?

WordPress 관리자 패널에서 WooCommerce > 설정 > 고급 > REST API로 이동합니다. 아직 자격 증명을 생성하지 않은 경우 키 추가를 클릭하고 프롬프트 를 따릅니다. 소비자 비밀번호는 생성 시 한 번만 표시된다는 점에 유의하세요.