Description: This tool allows you to insert and display interactive three-dimensional models directly within pages created with the Visual Builder.
What is it for? (Practical examples)
Using the 3D Model Viewer enhances user experience and content presentation.
- Product Presentation: Allows customers to rotate and zoom a product (e.g., furniture, jewelry) before purchase, offering a full 360-degree view.
- Project Visualization: Displays architectural models, industrial prototypes, or scientific representations in an interactive and engaging way.
- Augmented Reality: Enables users with compatible devices to virtually place the 3D object in their real environment (for example, see how a sofa would look in their living room).
Main Features
The "3D Model" block offers complete control over how the object is displayed on the page.
- Model Upload: Allows uploading standard 3D model files (
.glbor.gltfformat) directly into the media library. - Interactive Controls: The end user can interact with the model, rotate it, zoom in, or move it within the viewing window.
- Automatic Rotation: It is possible to set the model to rotate automatically when the page loads, immediately capturing the visitor's attention.
- Augmented Reality (AR) Support: If enabled, a button appears on compatible mobile devices allowing switching to Augmented Reality mode.
- Appearance Management: You can define the minimum height of the viewer on the page using fixed units (pixels) or percentages.
How to Configure
Settings are accessible by selecting the "3D Model" block within the Visual Builder.
1. File Upload
| Field | Description | Supported Formats |
|---|---|---|
| Select 3D Model | Upload the 3D model file from your library or your computer. | .glb, .gltf |
2. Viewer Settings
These options define user interaction with the model.
| Option | Purpose | Values |
|---|---|---|
| Camera controls | Enable or disable user's ability to move, zoom, and rotate the model using mouse or touch. | Yes / No |
| Automatic rotation | Set the model for continuous automatic rotation inside the viewer. | Yes / No |
| Augmented reality (AR) | Enable AR functionality on compatible devices. | Yes / No |
3. Appearance and Style
These options define viewer dimensions and accessibility.
| Option | Purpose | Details |
|---|---|---|
| Minimum height | Defines the minimum height of the area where the model is displayed. | Can be set in px (pixels) or % (percentage). |
| Alternative text (Alt) | Textual description of the 3D model. Important for accessibility (for users who use screen readers) and search engine optimization (SEO). | Short descriptive text. |
Integration into Visual Builder
The 3D Model Viewer is a native block of the system. It is added to the blocks menu available in the section dedicated to building web pages. Once inserted into a page, the model will be visible and interactive only on the final website page, not in builder preview mode.
