3D Viewer Pro

Interactive models across WordPress

3D Viewer Pro extends 3D Viewer, which places interactive 3D models in WordPress posts, pages, widgets, and WooCommerce product pages. Visitors can rotate, zoom, and pan models with a mouse or touchscreen. Responsive rendering helps models fit different screens, and lazy loading starts loading a model when it becomes visible.

Supported formats include GLB, GLTF, OBJ, STL, FBX, DAE, PLY, and 3DS. GLB and GLTF uploads are enabled by default; other supported upload formats can be enabled in Settings under Allowed Mime Types. Add a model with a Gutenberg block or shortcode. Elementor customers can place models with a drag-and-drop widget that includes viewer options, and the live editor preview shows the model during configuration.

Pro controls for model show

Choose an external model URL, including a file hosted on Amazon S3, Google Drive, or a CDN, instead of uploading the model directly to WordPress. Adjust lighting, shadow intensity, and exposure, then choose the camera angle visitors see when the viewer opens. A poster image can appear while the model loads, with a progress bar to display loading status. Settings also let you enable or disable auto-rotate, fullscreen, and autoplay.

On WooCommerce products, a 3D gallery can display multiple models. Hotspots and annotations draw attention to details within a model.

AR and product integrations

Augmented Reality is included in the free 3D Viewer plugin. Visitors on supported phones can place a model in their surroundings, and desktop visitors can scan a QR code to open it on a phone. AR supports WebXR, Scene Viewer, and Quick Look, with floor or wall placement and an optional iOS USDZ source.

The plugin also supports FluentCart product shows, where a model can appear as a gallery thumbnail, above or below the gallery, or in place of it. Dokan vendors can add a GLB model, poster, and optional USDZ source when the website administrator enables vendor access; this support is off by default. Environment images can provide lighting and reflections, and an HDR skybox can serve as the model background. The optional download button is off by default.

Add a model to a page or product

1. In the WordPress dashboard, go to 3D Viewer → Add New.
2. Upload a model or paste an external URL.
3. Configure settings such as lighting, rotation, background, and camera view.
4. Save the viewer to generate a shortcode.
5. Paste the shortcode into a post, page, or widget. You can also add the 3D Viewer block in the block editor.

For WooCommerce, edit or create a product and open the 3D Viewer Settings metabox. Upload a model or add an external link, then publish the product.