카페24 상세페이지에 3D 제품 뷰어 넣는 방법

요약

카페24 상세페이지에는 EVOVA 3D 뷰어를 HTML 임베드 코드 한 줄로 넣을 수 있습니다. 고객은 상세페이지 안에서 제품을 360° 돌려보고 확대해 실물 질감을 확인합니다.

홈앤쇼핑 적용 데이터 기준으로 3D 뷰어 도입 후 구매 전환율은 29% 증가하고 반품률은 23% 감소했으며, 평균 체류시간은 약 3초에서 45초로 늘었습니다.

준비물

• EVOVA에서 제작한 제품 3D (제품을 EVOVA 스튜디오로 보내면 도착 후 1주일 안에 완성)
• EVOVA 에디터의 스타일 탭에서 복사한 "HTML 태그"
• 카페24 쇼핑몰 관리자 계정

설치 순서

1. EVOVA 에디터에서 제품을 열고 스타일 탭에서 배경·자동 회전·로고 등 뷰어 모양을 정한 뒤 저장합니다.
2. 같은 화면의 "HTML 태그 복사" 버튼으로 임베드 코드를 복사합니다.
3. 카페24 관리자에서 해당 상품의 수정 화면을 열고, 상품 상세설명 에디터를 HTML(소스) 편집 모드로 바꿉니다.
4. 3D를 보여줄 위치에 복사한 코드를 붙여넣고 저장합니다. PC와 모바일 상세페이지에서 모두 확인합니다.

스크립트가 지워질 때

기본 임베드 코드는 iframe과 스타일만으로 되어 있어 대부분의 에디터에서 그대로 동작합니다. "썸네일을 눌러 모달로 열기" 표시 방식은 작은 스크립트를 함께 쓰므로, 에디터가 스크립트를 지운다면 기본(바로 보이는) 방식으로 코드를 다시 복사해 넣으세요.

EVOVA 파일럿에는 자사몰 임베드 태그 발급과 상세페이지 설치 지원이 포함되어 있어, 설치가 어려우면 EVOVA가 도와드립니다.

상세페이지가 느려지지 않나요?

EVOVA 3D는 하나당 10MB 이하로 최적화되어 3초 안에 로딩되고, 모바일에서도 실시간으로 렌더링됩니다.

비용

제작 비용은 상품 1개당 30만원(VAT 별도)이며, 처음이라면 첫 상품 1개를 10만원에 만드는 파일럿으로 시작할 수 있습니다. 뷰어 사용 기간 2년이 포함되고 이후 연 5만원으로 연장합니다. 대량 제작은 별도 견적입니다.

자세한 내용: https://app.evova.ai/ko/business