🌐 Language: English · Nederlands

Nova's 3D viewer lets your customers interact with your product in 3D directly on your webshop. Here are best practices for implementation.

Why add a 3D viewer?

Interactive 3D viewers can increase conversion rates by giving customers confidence in what they're buying. They can rotate the product, zoom into details, and even use AR to see it in their own space.

Getting the embed code

1. Go to your product in Nova
2. Select the variant you want to display
3. Click Variant settings in the left sidebar
4. Scroll to the Embed section
5. Click Copy embed code

The code is a standard iframe that works on any website.

Implementation tips

Size and responsiveness:

The embed code includes default width (800px) and height (600px). Customize these to fit your product page layout. The viewer adapts to its container, so you can also use percentage-based sizing.

Placement:

Place the 3D viewer prominently on the product page — ideally within or near the image gallery. Many shops add it as the last "image" in the product photo carousel, or as a dedicated tab.

Mobile: