Skip to main content

개요

이 커스터마이징은 업셀 하나가 수락되는 즉시 업셀 섹션을 숨겨 여러 업셀이 한꺼번에 추가되는 것을 방지해요. 업셀이 제거되면 모듈이 다시 나타나요. 다음을 원할 때 유용해요:
  • 장바구니 경험 단순화
  • 결정 피로 줄이기
  • 특정 오퍼의 독점성 유지

작동 방식

  • 고객이 업셀을 수락하면 업셀 섹션이 숨겨져요
  • 업셀 상품이 제거되면 업셀 섹션이 다시 표시돼요
  • AI 추천 업셀과 수동 업셀 모두에서 작동해요

코드를 추가할 위치

  1. Upcart > Cart Editor > Settings > Custom HTML로 이동하세요
아래 선택자는 버전 1 전용이에요. .upcart-upsells-module은 V1 업셀 캐러셀에 있어요. Upsells 모듈이 버전 2에 있다면 세 개의 핸들러 모두에서 .upcart-public-upsell로 교체하세요 — 나머지 스크립트는 그대로예요. V2 CSS 선택자 라이브러리를 참고하세요.
  1. 다음 코드를 Above announcements/rewards 위치에 붙여넣으세요

복사할 HTML 스크립트

레거시 참고: window.upcartOnItemRemoved, window.upcartOnAddUpsell, window.upcartOnCartLoaded 콜백은 여전히 작동하지만 더 이상 사용되지 않으며(deprecated) 콘솔 경고를 기록해요. 모든 새 스크립트에는 upcartSubscribeItemRemoved, upcartSubscribeUpsellsAddedToCart, upcartSubscribeCartLoaded를 사용하세요.

결과

이 커스터마이징을 추가하면:
  • 고객은 아직 업셀을 수락하지 않은 경우에만 업셀을 볼 수 있어요
  • 업셀이 추가되는 즉시 업셀 모듈이 숨겨져요
  • 업셀 상품이 제거되면 모듈이 자동으로 다시 나타나요
  • 제품 ID나 태그를 구성할 필요가 없어요
이렇게 하면 업셀 경험이 집중적이고 깔끔하며 고객이 참여하기 쉬워져요.

여전히 도움이 필요하신가요?

더 고급 커스터마이징의 경우 Shopify Expert와 함께 작업하시는 것을 권장해요. 장바구니 드로어 내부의 HTML, CSS, JavaScript 작업을 도와드릴 수 있어요. Shopify Experts 보기