요즘 트렌드

페이지 이탈 없이 추가구성상품 구매까지! 객단가를 높이는 모달 UI 솔루션

오너플로우(OWNERFLOW)

1,442명이 봤어요 0명이 좋아해요 2025-08-07

#추가구성상품 #모달UI #전환율상승 #이탈방지

추가 구성 상품을 더 효과적으로 추천하는 방법 💡

쇼핑몰에서 고객에게 한 가지 상품만 보여주는 건 아쉽죠..

'이 제품을 구매하는 고객이라면 이 구성도 함께 고려해볼 수 있다'

바로 추가구성상품 기능이 그 역할을 해줍니다.

하지만 단순히 연결만 된다고 해서 고객이 보게 되는 건 아닙니다.
구성상품이 눈에 잘 띄고, 자연스럽게 눌러보고 싶고, 쉽게 선택할 수 있어야
진짜 '함께 팔리는 상품'이 됩니다.

페이지 이탈 없이 바로 확인하고 선택하세요 ✨

카페24 기본 구조에서는
✔️ 구성상품 클릭 시 새로운 페이지로 이동
✔️ 옵션 선택을 위해 또 다른 페이지 로딩
✔️ 뒤로가기로 원래 상품으로 복귀

그 결과, 고객은 복잡한 탐색 과정에서 이탈하게 됩니다.

[기존 카페24 추가 구성 상품 UI]

오너플로우는 이 흐름을 바꿉니다.

현재 화면에서 바로,
✅ 구성상품 상세 정보 확인
✅ 옵션 선택 (사이즈, 색상 등)
✅ 구성상품으로 바로 추가
✅ 페이지 이탈 없는 자연스러운 탐색

고객은 즉시 판단합니다:
"이거랑 같이 쓰면 좋겠네, 지금 사면 편하겠는데?"

이처럼 '모달 기반 UI'로 탐색 흐름을 유지하면
구매 결정 속도는 빨라지고, 이탈률은 줄어듭니다.

[오너플로우 커스텀된 추가 구성 상품 UI]

[상품 상세 모달]

[상품 옵션 선택 모달]

📈 실제 적용 쇼핑몰에서는

✅ 구성상품 클릭률 3배 이상 상승
✅ 구매 전환율 1.7배 향상
✅ 고객 페이지 이탈률 감소
✅ 모바일에서도 동일한 UX 유지
효과가 확인되었습니다.

주요 기능 요약

모달 기반의 페이지 이탈 없는 상품 탐색
옵션이 있는 상품도 모달 내에서 선택 가능
구성상품 바로 추가 기능
PC/모바일 반응형 완벽 대응
쇼핑몰 스타일에 맞는 디자인 커스터마이징 가능

자주 묻는 질문 (Q&A)

Q1. 기존 카페24 구성상품 데이터와 호환되나요?
→ 네, 기존 구성상품 데이터를 그대로 활용하며 UI만 커스터마이징됩니다.

Q2. 옵션이 있는 구성상품도 적용할 수 있나요?
→ 가능합니다. 사이즈, 색상 등 옵션은 모달 내에서 선택하도록 구성되어 있으며, 다양한 상품군에 유연하게 대응합니다.

Q3. 반응형 웹도 지원하나요?
→ 모든 구성은 PC와 모바일 모두에서 자연스럽게 작동되도록 반응형으로 구현되어 있습니다.

이런 UI 하나가 바꾸는 건 전환율 그 이상입니다 🔄

추가구성상품은 단지 '더 팔기 위한 구성'이 아닙니다.
고객 입장에서 함께 사용하면 좋은 것, 미리 알려주면 편리한 것, 제안받으면 구매 결정이 쉬운 것입니다.

오너플로우의 구성상품 커스텀 UI는 이 과정을 고객 입장에서 자연스럽게 이어줍니다.

링크가 복사되었습니다

오너플로우(OWNERFLOW)

카페24 쇼핑몰 제작/수정/개발 전문. 오랜 경력과 약 2,000여개의 쇼핑몰을 진행하며 쌓은 노하우로 카페24 쇼핑몰 제작부터 오픈, 수정 그리고 운영까지 책임집니다.

스토리 목록 가기

오너플로우(OWNERFLOW)