Collabs 앱에서 사용자 지정 스토어프론트를 위한 개인화된 제휴 링크 설정

Collabs 앱을 사용하면 체크아웃 중에 할인 코드를 자동으로 적용하는 mystore.com/sammy와 같은 개인화된 제휴 링크를 사용할 수 있습니다. 사용자 지정 스토어프론트를 사용하는 경우 개인화된 제휴 링크를 사용하려면 다음 요구 사항을 충족해야 합니다.

• Shopify에 페이지 보기 이벤트 전송
• URL 리디렉션 처리
• 자동 할인 코드 적용을 위해 /discount 경로를 효과적으로 관리

스토어프론트가 이러한 요구 사항을 충족하지 않는 경우 이 페이지에 설명된 지침을 완료하십시오.

페이지 보기 이벤트 전송

Collabs 앱은 Shopify 관리자와 동일한 추적 데이터를 사용하므로 사용자 지정 스토어프론트에서 Shopify 분석을 전송해야 합니다. Shopify에 분석을 전송하려면 Hydrogen 설명서를 참조하십시오.

분석이 Shopify로 전송되는지 확인

Shopify로 분석을 보낸 후 주문 전환 요약을 확인하여 제대로 작동하는지 확인할 수 있습니다.

단계:

1. Shopify 관리자에서 주문으로 이동합니다.

2. 아무 주문이나 클릭합니다.

3. 전환 요약 섹션에서 전환 세부 정보 보기를 클릭합니다.

4. 고객의 여정이 사용자 지정 스토어프론트에서 시작되었는지 확인합니다.

URL 리디렉션 처리

Collabs 앱은 온라인 스토어 URL 리디렉션을 사용하여 개인화된 링크를 생성합니다. Shopify 관리자에서 콘텐츠 > 메뉴 > URL 리디렉션 보기로 이동하여 URL 리디렉션 목록을 찾을 수 있습니다.

URL 리디렉션을 올바르게 처리하려면 Hydrogen의 내장 기능인 storefrontRedirect 유틸리티를 사용해야 합니다.

URL 리디렉션이 작동하는지 확인

사용자 지정 스토어프론트가 URL 리디렉션을 처리하는지 확인하려면, 사용자 지정 스토어프론트에서 URL 리디렉션 경로를 열어 URL이 올바른 위치로 리디렉션되는지 확인하십시오.

단계:

1. Shopify 관리자에서 **콘텐츠** > **메뉴**로 이동합니다.

2. URL 리디렉션 보기를 클릭합니다.

3. 사용자 지정 스토어프론트에서 아무 URL 리디렉션 경로를 엽니다.

4. URL이 올바른 위치로 리디렉션되는지 확인합니다.

/discount 경로 처리

Collabs 앱은 /discount 경로를 사용하여 고객에게 할인 코드를 자동으로 적용합니다.

Hydrogen 템플릿의 할인 경로 구현 예시를 사용하여 /discount 경로를 설정하고 처리할 수 있습니다.

/discount 경로가 올바르게 처리되는지 확인

1. mystore.com/discount/test-discount?redirect=/&dt_id=0으로 이동하세요.
2. mystore.com/?dt_id=0으로 리디렉션되는지 확인합니다.
3. 체크아웃을 시작하고 체크아웃에 test-discount 할인 코드가 적용되었는지 확인합니다.

제휴 링크 도메인 변경

사용자 지정 스토어프론트에 대한 개인화된 제휴 링크를 설정하기 위한 요구 사항을 충족하면 제휴 링크 도메인을 변경할 수 있습니다.

도메인을 업데이트하면 모든 기존 제휴 링크가 업데이트되고 모든 새 제휴 링크가 새 도메인으로 생성됩니다.

단계:

1. Shopify 관리자에서 **앱** > **Collabs**로 이동합니다.

2. 설정 > 제휴로 이동합니다.

3. 스토어프론트 도메인 섹션에서 사용자 지정 스토어프론트 도메인을 추가합니다.

4. 링크 개인화 섹션에서 개인화된 링크를 선택합니다.

5. 저장을 클릭합니다.