설명
웹사이트에 코드 없이 즉시 인터랙티브 3D 모델 및 360° 제품 이미지 표시
3D 뷰어를 사용하면 인터랙티브 3D 모델을 글, 페이지, 위젯, WooCommerce 제품 페이지에 임베드할 수 있습니다. Three.js 라이브러리를 활용하여 GLB, GLTF, OBJ, STL 등 다양한 3D 파일 형식을 지원합니다.
터치 컨트롤, 확대/축소, 이동, 자동 회전, 지연 로딩 등의 기능을 제공합니다. 사용자는 조명, 배경, 카메라 각도 등 뷰어 설정을 필요에 맞게 맞춤 설정할 수 있습니다. Elementor 및 Gutenberg 편집기와의 통합으로 블록이나 쇼트코드를 사용해 3D 모델을 원활하게 배치할 수 있습니다.
WooCommerce에서 3D 뷰어는 3D 제품 모델 표시를 용이하게 하여 고객이 제품을 3차원으로 상호작용할 수 있도록 하여 사용자 경험을 향상시킵니다. 이 플러그인은 또한 여러 제품 변형에 대한 갤러리 생성을 지원합니다.
성능을 고려하여 설계된 3D 뷰어는 모든 기기에서 3D 콘텐츠의 반응형이며 모바일 친화적인 렌더링을 보장합니다.
무료 기능 – 시작에 필요한 모든 것
-
게시물, 페이지 및 위젯에 3D 모델 삽입: 숏코드 또는 구텐베르크 블록을 사용하여 3D 모델을 어디에나 쉽게 배치하세요.
-
인기 있는 3D 형식 지원: .GLB, .GLTF, .OBJ, .STL 등의 파일을 업로드하고 표시하세요.
-
WooCommerce 통합: WooCommerce 제품 페이지에서 바로 3D 제품 뷰를 표시하여 참여도와 구매자의 신뢰도를 높입니다.
-
터치, 패닝, 확대/축소 및 회전: 방문자가 마우스나 터치스크린 제스처로 모델을 탐색할 수 있습니다.
-
자동 회전 기능: 상호작용 없이 모델을 자동으로 회전시켜 360° 제품 뷰를 생성합니다.
-
변형 갤러리 지원: 단일 뷰어 갤러리에 여러 3D 모델(예: 제품 변형)을 추가하세요.
-
사전 설정: 선호하는 뷰어 구성을 저장하여 여러 모델에 재사용하세요.
-
Elementor 호환: Elementor와 원활하게 연동되어 드래그 앤 드롭으로 간편하게 3D 모델을 배치할 수 있습니다.
-
성능을 위한 지연 로딩: 모델이 화면에 보일 때만 로드하여 페이지 로딩 속도를 최적화합니다—SEO에 탁월합니다!
프로 버전 – 더 많은 제어 및 맞춤 설정 가능
더 많은 유연성을 원하시나요? 3D 뷰어 프로에는 뷰어를 미세 조정하고 성능을 개선하며 워크플로를 간소화할 수 있는 강력한 기능이 추가되었습니다.
프로 기능에는 다음이 포함됩니다:
-
전체 뷰어 설정이 적용된 Elementor 위젯을 드래그 앤 드롭하세요.
-
외부 모델 URL 지원 (Amazon S3, Google Drive, CDN 등).
-
조명, 그림자 강도 및 노출 조정.
-
모델 로딩 중 표시할 포스터 이미지를 추가하세요.
-
3D 파일이 완전히 로드될 때까지 진행률 표시줄을 표시하세요.
-
자동 회전, 전체 화면 및 자동 재생을 활성화하거나 비활성화하세요.
-
완벽한 첫인상을 위한 사용자 지정 카메라 각도 설정.
-
제품당 여러 3D 파일을 포함한 WooCommerce 갤러리 생성.
3D 뷰어 사용 방법 – 빠른 시작 가이드
시작하기 쉽습니다!
단계별 가이드
-
워드프레스 대시보드에서 3D 뷰어 > 새로 추가로 이동하세요.
-
3D 모델을 업로드하거나 URL을 붙여넣으세요.
-
뷰어 설정(조명, 회전, 배경 등)을 사용자 정의하세요.
-
저장을 클릭하여 숏코드를 생성합니다.
-
쇼트코드를 복사하여 게시물, 페이지 또는 위젯 블록에 붙여넣으세요.
WooCommerce 상품에 삽입하려면:
-
WooCommerce 상품 편집 또는 생성
-
“3D 뷰어 설정” 메타박스로 스크롤하세요.
-
모델 파일을 업로드하거나 외부 링크를 붙여넣으세요.
-
제품 게시 – 3D 모델이 제품 페이지에 표시됩니다.
구텐베르크 블록 지원
-
블록 편집기를 선호하시나요? 저희가 도와드립니다!
-
게시물/페이지 편집기에서 공통 블록 섹션으로 이동하세요.
-
3D 뷰어 블록 선택
-
원하는 플레이어 선택
-
게시를 누르세요
이것으로 끝입니다 – 3D 모델이 활성화되었습니다!
사용 사례
-
WooCommerce 제품: 고객이 구매 전에 3D 제품 모델을 회전하고 살펴볼 수 있게 하세요.
-
교육 및 훈련: 해부학적 모델, 기계 부품 또는 과학적 시각 자료를 삽입하여 이해도를 높입니다.
-
건축 및 엔지니어링: 클라이언트 프레젠테이션이나 포트폴리오에서 3D 건축 설계도나 프로토타입을 선보이세요.
-
게임 및 에셋: 인터랙티브 데모나 다운로드를 위해 캐릭터, 에셋 또는 환경 모델을 표시하세요.
-
예술 및 디자인 포트폴리오: 조각품부터 제품 디자인에 이르기까지 창의적인 작업을 매력적인 형식으로 강조하세요.
-
연구 및 프로토타이핑: 실험적인 모델과 시뮬레이션을 공유하여 협업 피드백을 받으세요.
-
앱 및 UI 미리보기: 투자자 프레젠테이션이나 베타 사용자 온보딩을 위해 앱 인터페이스나 하드웨어를 3D로 제시하세요.
-
패키징 및 제품 모형: 생산 전 이해관계자가 실제 패키징을 실시간으로 탐색할 수 있게 하세요.
지원되는 3D 파일 형식
-
– 모델 형식: .GLB, .GLTF, .OBJ, .STL
-
– 선택 사항 (Pro): .FBX, .DAE, .PLY, .3DS
모든 기기 최적화
-
완전 반응형 및 모바일 친화적
-
터치 제스처 지원 (회전, 확대/축소, 이동)
-
레티나 지원 렌더링
-
대부분의 인기 WordPress 테마와 호환됩니다
사용자 피드백
‘3D 모델 보기에 가장 적합한 플러그인입니다. 지원도 매우 훌륭하고 제가 보고한 문제는 즉시 수정되었습니다.”
-diegoparoni
”-내가 좋아하는 환상적인 플러그인의 주요 기능은 3D 모델이 완벽하게로드되고 조명을 조정할 수 있다는 것입니다. **”-프로 버전을 사용하고 있습니다.
-blunoa
이 플러그인이 마음에 드시나요? 마음에 들지 않나요? 새로운 기능을 원하시나요? 피드백 보내기
다른 워드프레스 플러그인을 확인해 보세요.
Html5 동영상 플레이어 – 동영상을 단일 및 여러 스킨의 재생 목록으로 표시합니다.
Html5 오디오 플레이어 – 멋진 비주얼로 오디오를 들을 수 있습니다.
PDF 포스터 – 다양한 스타일의 PDF 파일을 표시/임베드합니다.
StreamCast – 다양한 스킨으로 커스터마이징 가능한 라디오 플레이어입니다.
고급 글 블록 – 글과 사용자 정의 글을 다양한 레이아웃으로 표시합니다.
스크린샷
새로운 3D 추가 
3D 설정 
단일 및 다중 미리보기 
이미지 상단의 3D 제품 
이미지 하단의 3D 제품 
제품 이미지가 3D 프로로 대체됨 
제품 변수에 기반한 3D 표시 
설정 
구텐베르크 블록 
구텐베르크 블록 설정
블록
이 플러그인은 3개의 블록을 제공합니다.
- Model Viewer
- 3D Viewer Display interactive 3D models on the web.
- Model Viewer Preset
설치
이 섹션에서는 플러그인을 설치하고 작동시키는 방법을 설명합니다.
예시
플러그인 디렉터리를/wp-content/plugins/디렉터리에 업로드합니다.- 워드프레스에서 ‘플러그인’ 메뉴를 통해 플러그인을 활성화합니다.
- 페이지, 글 또는 위젯에서 쇼트코드를 사용합니다.
- 테마 php에 플레이어를 사용하려면 템플릿에
<?php echo do_shortcode('YOUR_SHORTCODE'); ?를 배치합니다.
FAQ
-
현재 이 플러그인은 어떤 3D 파일을 지원하나요?
-
현재 이 플러그인은 .glb, .gltf 파일을 지원합니다.
-
이 플러그인을 엘리멘터 페이지 빌더와 함께 사용할 수 있나요?
-
예, 3D 뷰어의 쇼트코드를 복사하여 엘리멘터의 쇼트코드 요소에 붙여넣을 수 있습니다.
-
.fbx 파일이 있는데 3D 뷰어 플러그인을 사용하여 해당 파일을 임베드할 수 있나요?
-
아니요, 이 플러그인은 .glb 및 .glTF 파일만 지원합니다. 파일을 지원되는 파일 형식으로 변환하여 사이트에 업로드하세요.
-
수정, 사용자 지정 또는 도움이 필요한 경우 어떻게 연락할 수 있나요?
후기
기여자 & 개발자
“3D 뷰어 – 인터랙티브 3D 모델 표시”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.
기여자
변경이력
1.8.3 – 17 Dec, 2025
수정: 새로운 단축코드가 제대로 작동하지 않던 문제 수정.
1.8.2 – 4 Dec, 2025
- 기능: 핫스팟에 링크 추가 옵션 (프리미엄)
- 개선: 일부 자바스크립트 및 CSS 코딩
- 기능: 클래식 단축코드 생성기의 AR 모드
1.8.1 – 5 Nov, 2025
- 업데이트: 라이브러리 업데이트
- 수정: Flatsome 테마 충돌
- 삭제: 모델의 핸드 툴
- 기능: iPhone의 전체 화면 버튼
1.8.0 – 15 Sep, 2025
- 새 페이지: 대시보드
- 추가: 비주얼 에디터
- 기능: 우커머스 갤러리 첫 이미지에서 3D 표시
- 수정: 제품 페이지 레이아웃 오류
- 수정: public.css 파일 미검출
- 개선: 코드
- 기능: 초기 뷰 설정 (프리미엄)
- 기능: 증강 현실 (AR) (프리미엄)
- 기능: 핫스팟/주석 추가 옵션 (프리미엄)
- 기능: X/Y 축 회전 잠금 (프리미엄)
- 기능: 캡처 버튼 (프리미엄)
- 기능: 확대/축소 버튼 (프리미엄)
- 기능: QR 코드를 이용한 AR 뷰 (프리미엄)
- 추가됨: 프리셋 (프리미엄)
- 개선됨: 상점 페이지 및 상품 목록에서 3D 모델 표시 (프리미엄)
1.7.0 – 9 Jul, 2025
- 수정: 아이폰에서 AR 아이콘 표시 오류
- 수정: 제품 페이지에서 치명적/중대한 오류 발생
- 수정: WooCommerce에서 단일 속성 시 제품 변형에 따라 다른 3D 모델 표시
- 수정: iPhone에서 전체 화면 작동 안 함
- 수정: 3d_viewer_product 숏코드 작동 오류
- 기능: 스카이박스 높이 추가 필드
- 기능: 다중 제품 변수에 기반한 모델 표시
- 기능: 로더 추가
1.6.3 – 7 May, 2025
- 수정: 로드_텍스트도메인_저스트_인_타임이 잘못 호출되었습니다.
1.6.2 – 12 Feb, 2025 (Pro)
- 기능: 가장자리 표시 및 색상 사용자 지정 옵션(고급 뷰어, 프리미엄)
- 옵션: 줌 활성화/비활성화(고급 뷰어)
- 옵션: 줌 활성화/비활성화(우커머스)
1.6.1 – 12 Feb, 2025 (Pro)
- 수정: 정의되지 않은 percentageWrapper의 프로퍼티를 읽을 수 없음
1.6.0 – 5 Feb, 2025 (Pro)
- 옵션: HDR 스카이박스 이미지 추가(프리미엄)
- 옵션: 톤 매핑(구텐베르크에서만 사용 가능)(프리미엄)
- 기능: 모델에 팩터 및 텍스처 적용(구텐베르크에서만 사용 가능)(프리미엄)
- 기능: 텍스처 옵션을 사용하여 머티리얼 수정(구텐베르크에서만 사용 가능)(프리미엄)
1.5.1 – 1 Feb, 2025
- 업데이트: 워드프레스 SDK
1.5.0 – 03 Sep, 2024
- 기능: 스카이박스 이미지를 모델로 설정
- 기능: AR 기능
- 수정: 회전 지연
1.5.0 – 03 Sep, 2024
- 개선: 코드
- 기능: 모델이 로드될 때까지 포스터/이미지를 표시하는 옵션입니다.
- 기능: 대부분의 테마와 호환
- 수정: 제품 쇼트코드에서 전체 화면으로 작동하지 않음
1.4.2 – 27 June, 2024
- 수정: 동적 속성 생성
1.4.0 – 24 March, 2024
- 기능: 줌 레벨 설정
- 기능: 환경 이미지 설정
1.3.28 – 3 Mars, 2024
- 수정: 우드마트 단일 상품 이미지 CSS
1.3.27 – 12 Feb, 2024
- 수정: 사용자 정의 각도
1.3.26 – 7 Feb, 2024
- 수정: 모달 너비 문제
1.3.25 – 28 Jan, 2024
- 기능: 우커머스 제품에 라이트/고급 뷰어 추가
1.3.24 – 17 Jan, 2024
- 개선: 사용자 지정 선택기
1.3.23 – 7 Dec, 2023
- 개선: 가격 페이지
1.3.20 – 23 Nov, 2023
- 수정: $product가 정의되지 않음
1.3.19 – 11 Nov, 2023
- SDK 업데이트
1.3.17 – 12 Oct, 2023
- Divi 테마의 단일 제품보기 수정
1.3.16 – 5 Oct, 2023
- 3D용 제품 페이지의 모델/팝업
- 포스터 문제 수정
1.3.15 – 24/08/2023
- OV가 정의되지 않은 문제 수정
1.3.14 – 17/08/2023
- 엘리멘터 문제 수정
- 클래식 쇼트코드 생성기의 뷰어 2
1.3.11 – 29/07/2023
- 퍼센트 문제 수정
1.3.11 – 19/07/2023
- 퍼센트 문제 수정
1.3.10 – 17/07/2023
- 설정 페이지 문제 수정
1.3.9 – 11/07/2023
- 구텐베르크 쇼트코드 생성기
- 우커머스 커스텀 셀렉터
1.3.8 – 30/03/2023
- 수정: 전체 화면 버튼 문제
- 수정: 우커머스의 SSL 문제
1.3.3 – 04/09/2022
- 모델에 속성을 추가하는 apply_filters 후크 추가
1.3.1
- 전체 화면 문제 수정
1.2.9
- 너비 문제 수정
1.2.7
- SDK 업데이트
1.2.6
- 미러 문제 수정
1.2.5
- 제품 메타박스 문제 수정.
- 기타 미러 문제 해결
1.2.4
- 미러 문제 수정.
1.2.3
- 제품 문제 해결
1.2.2
- 성능 향상.
- 미러 문제 수정.
1.2.1
- 새로운 쇼트코드 생성기
- 미러 문제 수정.
1.2.0
- 우커머스 지원
- 모델을 위한 다중 소스 옵션
- 전용 설정 패널.
- 사전 설정 설정
1.1.1
- 전체 화면 기능 추가
- 특정 모델에 대한 사용자 정의 각도 지원
- 스크립트 개선
- 기타 문제 해결
1.1.0
- 프로에 새로운 기능 추가
- 옵션 패널 최적화
- 스크립트 개선
- 진행률 표시줄 문제
- 기타 문제 해결
1.0.10
- 이전 버전 쇼트코드 문제 수정.
- 스크립트 개선
- 미러 문제 수정
1.0.9
- 동일한 페이지/글에서 여러 개의 쇼트코드 지원.
- 스크립트 업데이트됨
- 응답성 개선
- 미러 문제 수정
1.0.8
- Https 문제 수정.
1.0.7
- 자동 회전 속도 및 지연 옵션이 추가되었습니다(프로 전용).
- 미러 문제 수정하기.
1.0.6
- 새로운 독점 기능 포함.
- 미러 문제 수정하기.
1.0.5
- 새로운 독점 기능 포함.
- 미러 문제 수정하기.
- 업데이트된 스크립트
1.0.4
- 새로운 기능 포함.
- 미러 문제 수정.
- 업데이트된 스크립트
1.0.2
- 미러 문제 수정.
- 업데이트된 스크립트
1.0.1
- Json 문제 수정.
1.0.0
- 초기 릴리스