Core Purpose

• Display interactive 3D models directly inside WordPress.
• Let visitors rotate, zoom, pan and inspect products or objects in the browser.
• Add 3D previews to pages, posts, WooCommerce products and documentation.
• Manage 3D model records from the WordPress admin area.
• Use shortcodes to place models exactly where needed.
• Avoid manually coding 3D viewers into pages.
• Useful for product demos, engineering parts, furniture, 3D printed items, prototypes, portfolios and digital product previews.

Interactive 3D Viewing

• Browser-based 3D model display.
• Rotate models with mouse, trackpad or touch.
• Zoom in and out to inspect details.
• Pan or move the view where supported.
• Fullscreen viewing option.
• Auto-rotate option for presentation-style product displays.
• Touch-friendly controls for tablets and mobiles.
• Works well for visual product demonstrations.

Supported Model Formats

GLB is recommended for most websites because it normally keeps model, material and texture data in one web-friendly file.

STL support is useful for simpler geometry or 3D-print style models.

OBJ and DAE support can help with workflows where separate material and texture files are required.

Model Library Management

• Create individual model records.
• Store each model with its own title, file and viewer settings.
• Edit existing model records.
• Duplicate or reuse model setup workflows where needed.
• Keep shortcodes connected to saved model records.
• Manage all models from a dedicated WordPress admin area.
• Use clear model names for easier future maintenance.

Upload Workflow

• Upload model files from the WordPress admin area.
• Select supported model files from the media library where available.
• Upload ZIP files for models with supporting texture or material files.
• Create one model record per object or product view.
• Preview the model before publishing.
• Save settings to the individual model record.
• Copy the generated shortcode for use on pages, posts or products.

Preview Window

• Live preview before publishing.
• Check how the model looks inside the viewer.
• Adjust lighting before saving.
• Adjust background settings before saving.
• Adjust camera angle, zoom and scale.
• Test model framing.
• Check shadows and visual presentation.
• Confirm that the model loads correctly before placing it on a public page.

Lighting Controls

• Ambient light settings.
• Directional light settings.
• Studio-style lighting presets.
• Light position controls.
• Shadow options.
• Environment-style lighting where supported.
• Improve product presentation without editing the model file itself.
• Useful for making dark, reflective or complex models display more clearly.

Background Controls

• Solid colour background options.
• Light or dark display backgrounds.
• Transparent background support where suitable.
• Gradient or styled background options where available.
• Helps match the 3D viewer to the website design.
• Allows technical models, product models and showcase models to use different presentation styles.

Camera and View Settings

• Camera perspective controls.
• Field of view options.
• Zoom level adjustment.
• Model scale adjustment.
• Initial viewing angle control.
• Framing controls so the object appears at the correct size.
• Helps prevent models loading too small, too large or off-centre.

Material and Appearance Settings

• Mesh colour options for models without embedded materials.
• Roughness settings.
• Metalness settings.
• Useful for STL or simple models with no material data.
• Helps improve plain geometry files without needing to re-export the model.
• Can make technical parts, prototypes or 3D print files easier to view.

Save to Record

• Save preview settings to the current model only.
• Keep each model’s own lighting, camera and background setup.
• Useful when different products need different viewing styles.
• Prevents one model’s settings from accidentally changing future models.
• Allows careful tuning of important product displays.

Save as New Defaults

• Save the current preview setup as the default for future models.
• Speeds up creation of multiple similar model records.
• Helps keep product displays visually consistent.
• Useful after perfecting the lighting, scale, camera and background on a representative model.
• Does not automatically redesign existing model records, only future starting defaults.

Shortcode Output

• Automatically generates a shortcode for each saved model.
• Shortcode can be copied into pages.
• Shortcode can be copied into posts.
• Shortcode can be copied into WooCommerce product descriptions.
• Shortcode can be used in compatible builders or shortcode blocks.
• Allows model placement without coding.
• Makes it easy to move or reuse a viewer across the site.

WooCommerce Use

• Add interactive 3D models to product pages.
• Place the shortcode in product descriptions.
• Use with product image galleries and normal product content.
• Let customers inspect products before buying.
• Useful for furniture, tools, parts, models, collectibles, manufactured items and custom products.
• Can improve product confidence compared with static photos alone.

Performance Features

• Lazy loading options where available.
• Model file size awareness.
• GLB recommended for efficient delivery.
• Encourages optimised geometry and texture sizes.
• Helps avoid slow product pages caused by oversized 3D files.
• Suitable for modern browsers with WebGL support.
• Best used with properly optimised web-ready model files.

Visitor Experience

• Visitors can interact with models without installing desktop software.
• Models display directly in the page.
• Controls are familiar and simple.
• Mobile and touch support helps visitors inspect products on phones and tablets.
• Fullscreen mode can give a clearer inspection experience.
• Auto-rotate can attract attention on sales pages.
• Makes product pages feel more premium and interactive.

Practical Use Cases

Key Product Page Feature Blocks