Articles on: Add-ons

Display customized design on a 3D model

Chamevo allows you to integrate 3D previews for your products, giving customers a more realistic visualization of their designs. You can either install prebuilt 3D models or upload your own custom models.

1. Install via 3D Model Manager

Go to **Chamevo → Utilities **
Open the 3D Model Manager.

Select and install the models you want.

2. Install via FTP

If you purchased a premade 3D model separately, you’ll receive a .zip archive.

Unzip the archive.
Upload the extracted folder into: wp-content/uploads/fpd_3d

(If the fpd_3d folder doesn’t exist, create it manually.)

wp-content/uploads/fpd_3d/your-model-folder/

3. Setting Up the 3D Model in a Product

From your WordPress dashboard go to Chamevo → Products
Click on product Settings **for specific product (3D Cup** in our example)
Select the model you uploaded or installed.
**Save Changes **

Printing Area Aspect Ratio

The Printing Area Aspect Ratio shows the required dimensions for your print box.

Set this aspect ratio in the View Options.
Ensures exported designs fit correctly on the 3D model.

4. Linking Canvas Layers to 3D Layers (Color Updates)

You can link layers from the canvas to meshes in the 3D model, so color updates sync automatically.

Open your .fbx model in a viewer like 3D Viewer.
Copy the mesh name (e.g., base).

In the Product Builder, paste this name into the Color Link 3D Layer option for your chosen element.

Now, when you change a color on the canvas, it updates on the 3D model in real time.

5. Placement of 3D Preview

Control where the 3D preview appears:

From your WordPress dashboard go to Chamevo → Settings (General Display)
Click on **3D Preview Placement **
Select option best for you
**Save Changes **

Options include inline placement or alternative display locations

6. Using Your Own 3D Models

To use custom models, you’ll need a 3D software tool such as Blender or Cinema4D.

The customizable object (e.g., a label) must be named custom.
Apply a material also named custom.
Export the model as .fbx.

Setup Steps

Create the folder: wp-content/uploads/fpd_3d/your-model/

Inside this folder add:

model.fbx (your exported file)
environment_map.hdr (environment image, provided or custom)
config.json (your configuration file)

7. Example Config File

(`config.json`)

{

"id": "t-shirt-male",

"name": "T-Shirt Male",

"print_area": {

"width": 2048,

"height": 3072

"camera_z": 120,

"base_material_metalness": 0,

"base_material_roughness": 1,

"only_exportable": true,

"print_padding": 5

}

id → must match the folder name
name → display name for your model
print_area → dimensions must match your custom layer’s aspect ratio

8. Example Folder Structure

/wp-content/uploads/fpd_3d/t-shirt-male/

├── model.fbx

├── environment_map.hdr

├── config.json

Once installed and configured, your product will display a fully interactive 3D preview. Customers can rotate, zoom, and see live updates of their designs in a realistic 3D model.

Updated on: 04/11/2025

Was this article helpful?

Thank you!