판매자 튜토리얼
카페24 상세페이지에 3D 제품 뷰어 넣는 방법
마지막 업데이트:
카페24 상세페이지에는 EVOVA 3D 뷰어를 HTML 임베드 코드 한 줄로 넣을 수 있습니다. 고객은 상세페이지 안에서 제품을 360° 돌려보고 확대해 실물 질감을 확인합니다. 홈앤쇼핑 적용 데이터 기준으로 3D 뷰어 도입 후 구매 전환율은 29% 증가하고 반품률은 23% 감소했으며, 평균 체류시간은 약 3초에서 45초로 늘었습니다.

준비물
- EVOVA에서 제작한 제품 3D (제품을 EVOVA 스튜디오로 보내면 도착 후 1주일 안에 완성)
- EVOVA 에디터의 스타일 탭에서 복사한 "HTML 태그"
- 카페24 쇼핑몰 관리자 계정
설치 순서
- EVOVA 에디터에서 제품을 열고 스타일 탭에서 배경·자동 회전·로고 등 뷰어 모양을 정한 뒤 저장합니다.
- 같은 화면의 "HTML 태그 복사" 버튼으로 임베드 코드를 복사합니다.
- 카페24 관리자에서 해당 상품의 수정 화면을 열고, 상품 상세설명 에디터를 HTML(소스) 편집 모드로 바꿉니다.
- 3D를 보여줄 위치에 복사한 코드를 붙여넣고 저장합니다. PC와 모바일 상세페이지에서 모두 확인합니다.
스크립트가 지워질 때
기본 임베드 코드는 iframe과 스타일만으로 되어 있어 대부분의 에디터에서 그대로 동작합니다. "썸네일을 눌러 모달로 열기" 표시 방식은 작은 스크립트를 함께 쓰므로, 에디터가 스크립트를 지운다면 기본(바로 보이는) 방식으로 코드를 다시 복사해 넣으세요.
EVOVA 제작에는 자사몰 임베드 태그 발급과 상세페이지 설치 지원이 포함되어 있어, 설치가 어려우면 EVOVA가 도와드립니다.
3D 뷰어를 넣으면 상세페이지가 느려지지 않나요?
EVOVA 3D는 하나당 10MB 이하로 최적화되어 3초 안에 로딩되고, 모바일에서도 실시간으로 렌더링됩니다.
비용
제작 비용은 상품 수와 계약 조건에 따라 달라지며, 문의를 남겨주시면 견적과 진행 방법을 안내드립니다. 제작 비용에는 뷰어 사용 기간 2년이 포함되고, 제품 왕복 배송비는 고객 부담입니다.
자세한 내용: https://app.evova.ai/ko/business
자주 묻는 질문
카페24에 3D 뷰어를 넣을 수 있나요?
네. EVOVA 3D 뷰어는 카페24 상품 상세설명에 HTML 임베드 코드 한 줄로 넣을 수 있습니다. 에디터를 HTML(소스) 편집 모드로 바꾸고 코드를 붙여넣으면 됩니다.
3D 뷰어를 넣으면 어떤 효과가 있나요?
홈앤쇼핑 적용 데이터 기준으로 3D 뷰어 도입 후 구매 전환율은 29% 증가하고 반품률은 23% 감소했으며, 평균 체류시간은 약 3초에서 45초로 늘었습니다.
3D 제작은 어떻게 하나요?
제품을 EVOVA 스튜디오로 보내주시면 촬영 후 초실감 3D로 제작하고 제품은 반송합니다. 왕복 배송비는 고객 부담이며, 제품 도착 후 1주일 안에 완성됩니다.
주소: 서울특별시 마포구 성암로 330, DMC 첨단산업센터 B동 516호 EVOVA 스튜디오