How to add 360° Product Views on commercebuild

Overview

At the moment, commercebuild doesn’t natively host 360° or 3D product images, but you can easily display them using a third-party 3D viewer such as Vectary.

How It Works

You can upload your 3D models to a third-party platform like Vectary.com, which allows you to create and host interactive 360° product views.

Vectary supports multiple 3D formats and includes animation features, making it perfect for showcasing products such as handles, hardware, or other physical items in a fully rotatable, interactive view.

Steps to Add a 360° Product View:

1. Upload your model to Vectary
   
   • Go to vectary.com and upload your 3D model.
     
   • Set up the lighting, rotation, and animation as desired.

2. Publish and copy the embed code
   
   • Once your model is ready, publish it and copy the iframe embed code that Vectary provides.

3. Embed in your Commercebuild product page
   
   • In your commercebuild admin panel, open the product where you want the 360° viewer to appear.
     
   • Paste the iframe code into a Content or Description tab using the HTML view.
     
   • Save your changes.

Example iframe Embed:

<iframe src="https://www.vectary.com/viewer/v1/?model=your-model-id" 
        frameborder="0" 
        width="100%" 
        height="480" 
        allowfullscreen>
</iframe>

Summary:

While commercebuild doesn’t directly host 3D or 360° images, you can seamlessly integrate them using a third-party service like Vectary. Once your model is published, simply embed the iframe code into your product page for an engaging, interactive customer experience.