Summary
1. Asset library
Inside the asset library you can find all the approved 3D models, ready to be shared and published.
Tabs
-
Click on 3D models to have an overview of all the uploaded and approved 3D models.
-
Select Gif to access all the gifs generated from the 3D models in the gallery. They can be visualized and downloaded.
-
Click on Video to access all the videos generated from the 3D models in the gallery. They can be visualized and downloaded.
Filters
-
Tags includes all the tags used to categorize the 3D models in the gallery (Learn More in the Tags guide).
-
Project Type is used to filter the 3D models generated for Viewer, Customizer, Configurator or Demo
-
You can use the bar Search 3D to search and find a specific product name/SKU code.
1.1 Add a product
If you want to add a product, go to 3D DAM & AR Viewer back-office, click on Add and select:
- Order your custom 3D model: if you request a 3D modeling estimate for 3D / AR Viewer, 3D Product Configurator or Visual Product Customizer.
-
Upload 3D model: if you upload your 3D files for the 3D/AR Viewer in GLB format, specifying:
- Product name (mandatory)
- Product SKU (mandatory)
- Import a GLB format 3D file
- Import a HDR format file (to insert a custom environment map)
- Import a preview image for the 3D file (if not uploaded, it will be automatically generated)
Once you confirm, the product can be found in the Asset library section within a few minutes, along with its preview image.
1.2 View product and adjust settings
By clicking on the single 3D model, you can visualize, rotate and zoom in on every detail of your 3D model.
You will also have the following options:
| Share and embed the 3D / AR Viewer | |
|
|
Product Info |
|
|
Virtual Try On |
|
|
Settings |
|
|
Full Screen View |
Share and embed the 3D / AR Viewer
The integration can be carried out via:
Link
Simply copy and paste the link wherever you want. From that link, your customers will be able to open the 3D / AR Viewer.
You will also find a QR Code which works in the same way as the link.
Iframe
You can generate an iframe for your 3D / AR Viewer by setting your custom size for it. Simply copy the HTML code and paste it on your own assets to directly show the 3D / AR Viewer with no need for any button or link to open it.
Share Button
In this section, you can generate a button that can be placed on your pages or other assets to let your customers launch the 3D / AR Viewer.
Zakeke gives you all the tools to create the button as you prefer with your custom texts, colors, and borders.
Below the button preview, there is the HTML Selector.
If you need to place the button in a specific position in your HTML page, you can simply write the future container of your button's ID or Class name in the HTML selector text area.
In this way, when you copy and paste the button link, it will place itself exactly in the container you need it into.
Otherwise, if you don't have a specific container for your button, you can leave the HTML selector empty.
These three checkboxes let you decide which icons will be shown in the 3D product view.
Product Info
In this section you can find informations about your 3D model (e.g.: Product SKU).
Virtual Try On
Through the Virtual Try On feature you can enable customers to virtually try on your products. Please check all the details about this solution here.
Settings
You can click on the icon to edit the following settings groups:
- General: the general parameters groups settings that affect the overall appearance. These include background activation, background color and tone mapping.
- Environment: the environment parameters control the virtual surroundings in which the 3D model is displayed
- Lights: the lights parameters manage the lighting setup within the 3D scene. Options include lights activation, intensity and position regulation.
- Camera: the camera parameters define how the user views the 3D model. This includes settings like camera position and auto rotation.
- Shadows: the shadows parameters deal specifically with how shadows are rendered in the scene. Key settings include shadow size, blur and color.
- AR: the AR (Augmented Reality) parameters impact the view of 3D models in augmented reality.
- Model: the model parameters focus on the properties and position of the 3D model itself.
Save Settings
After you have adjusted the parameters to suit your preferences, it is essential to save your settings by clicking on the SAVE SETTINGS button.
Full Screen View
Once you click on the icon, a public link opens in a new tab and you can access the 3D / AR Viewer in full screen, with the possibility to zoom the product in and out.
To experience AR, click on the iconand choose between iOS and Android to get the QR code to be scanned.
1.3 Editing/Deleting a product
Edit and Delete features are available inside the product page.
Edit
With the Edit feature, you can upload a different GLB file, change the environment of the 3D scene and update the preview image of the 3D model.
Note
If you change the GLB file of a product, it is recommended to delete the old preview image and click on "Confirm". A preview image of the new 3D model will be automatically generated within a few seconds.
Alternatively you can manually upload a custom preview image.
Delete
Using the Delete feature, you can permanently remove unwanted assets, keeping your asset library organized, with confirmation prompt for added security.
Warning
This action is irreversible, so please confirm carefully before deleting any products.
1.4 Generating GIFs and Videos
This chapter will guide you through generating GIFs and videos for individual products and in bulk, streamlining content creation and saving valuable time.
Generating GIF or video for a single product can be done by clicking on the icon located at the bottom right of the product card:
Generating GIFs and Videos can be also done in Bulk by selecting multiple products and clicking on "GIF/VIDEO"
In both cases you will be asked to define these parameters:
- Width: set the width of the frame in pixels (height will be adjusted automatically)
- Frame rates
- Duration: set the duration of the video in seconds
- Vertical offset from the center of the object
- Zoom factor of the object
- Background color of the gif/video
- Check GIF, VIDEO or both to choose the type of media you want to generate
Click on Submit to start the generation process. In a few minutes, GIFs and Videos will be available in the respective sections.