> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Upcart x Zepto Product Personalizer 연동

> Zepto Product Personalizer를 Upcart와 함께 사용할 때 발생하는 리디렉션 및 가격 업데이트 문제를 해결하는 방법을 알아보세요. 셀프 서비스 안내예요.

<div id="overview">
  # 개요
</div>

Zepto Product Personalizer는 Upcart와 호환되지만, 최적의 성능을 위해 몇 가지 설정 조정이 필요할 수 있어요. 이 가이드에서는 두 가지 일반적인 문제인 장바구니 리디렉션과 가격 업데이트, 그리고 해결 방법을 다뤄요.

<div id="1-zepto-redirects-to-the-cart-page-not-upcart">
  # 1: Zepto가 (Upcart가 아닌) 장바구니 페이지로 리디렉션해요
</div>

기본적으로 Zepto는 Upcart 사이드 카트를 표시하는 대신 고객을 장바구니 페이지로 리디렉션해요.

**해결 방법:**

1. **Zepto** > **Settings** > **Add to Cart Settings**로 이동하세요
2. \*\*"Action after a product is added to the cart"\*\*라는 섹션을 찾으세요
3. \*\*"Stay on the product page and show a success message"\*\*를 선택하세요
4. 변경 사항을 저장하세요

Zepto에서 해당 설정은 다음 위치에서 찾을 수 있어요:

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/zepto-add-to-cart-settings.gif?s=308efe1faa8d9c56884aee560a8474ca" alt="Stay on the product page and show a success message를 선택하는 Zepto Add to Cart Settings" width="1154" height="720" data-path="images/upcart/zepto-add-to-cart-settings.gif" />

***

<div id="sometimes-the-product-price-doesnt-update-in-upcart-after-personalization-this-is-often-due-to-zepto-using-shadow-dom-which-can-prevent-upcart-from-detecting-price-changes">
  # 개인화 후 Upcart에서 제품 가격이 업데이트되지 않는 경우가 있어요. 이는 보통 Zepto가 Shadow DOM을 사용하기 때문인데, 이로 인해 Upcart가 가격 변경을 감지하지 못할 수 있어요.
</div>

**해결 방법:**

1. **Upcart** > **Cart Editor** > **Settings** > **Cart settings**로 이동한 다음 **Advanced Settings**를 펼치세요
2. **Shadow DOM**이라는 체크박스를 해제하세요
3. 변경 사항을 저장하세요
4. 다른 앱이나 테마 기능의 동작에 영향을 줄 수 있으므로 충분히 테스트하세요

💡 **참고:** Shadow DOM을 비활성화하면 이 문제가 해결될 수 있지만 테마와의 CSS 충돌이 발생할 수 있어요. 전체적인 장단점은 [Shadow DOM 설정](/ko/upcart/render_cart_in_shadow_dom_setting) 문서를 참고하세요.

자세한 내용은 [Zepto 문서](https://productpersonalizer.com/docs/)도 참고할 수 있어요

<div id="whats-shadow-dom">
  ## ⚠️ Shadow DOM이란?
</div>

Shadow DOM은 Upcart를 페이지의 다른 코드(테마나 앱 등)와 분리하여 원활하게 실행되도록 돕는 Upcart의 고급 설정이에요. 하지만 Zepto와 같은 일부 경우에는 장바구니가 가격을 올바르게 업데이트할 수 있도록 이 "벽"을 허물어야 해요.

***

<div id="need-more-help">
  # 더 많은 도움이 필요하세요?
</div>

여전히 문제가 있다면:

* **Zepto 설정 관련**은 \*\*[Zepto 지원팀](mailto:support@product-personalizer.zendesk.com)\*\*에 문의하세요
* 다른 부분이 작동하지 않는다면 모든 설정이 저장되고 테스트되었는지 다시 확인해 주세요.
* 고급 커스터마이징에 도움이 필요하다면 [Shopify 전문가](https://www.shopify.com/partners/directory)와 상담하는 것을 권장해요