---
title: 3D Preview
description: Spiff Knowledge Base
---

[Skip to content](https://help.spiffcommerce.com/knowledge-base/quick-start/site-navigation/3d-preview#main-content)

[![c306e0b841df22eb274a13eb284de3893a945dde-256x102](https://help.spiffcommerce.com/hubfs/c306e0b841df22eb274a13eb284de3893a945dde-256x102.svg)](https://www.spiffcommerce.com/)

- [Home](https://help.spiffcommerce.com/knowledge-base/)
- Support
  
  Show submenu for Support

    - [Getting Started](https://help.spiffcommerce.com/knowledge-base/getting-started)
    - [Content](https://help.spiffcommerce.com/knowledge-base/content)
    - [Configurations](https://help.spiffcommerce.com/knowledge-base/configuration)
    - [Add-Ons](https://help.spiffcommerce.com/knowledge-base/additional-features)
    - [Troubleshooting](https://help.spiffcommerce.com/knowledge-base/troubleshooting)
- [Developer Docs](https://developer.spiffcommerce.com/)
- [Product Page](https://www.spiffcommerce.com/)

Open main navigation

Close main navigation

- [Home](https://help.spiffcommerce.com/knowledge-base/)
- Support
  
  Show submenu for Support

    - [Getting Started](https://help.spiffcommerce.com/knowledge-base/getting-started)
    - [Content](https://help.spiffcommerce.com/knowledge-base/content)
    - [Configurations](https://help.spiffcommerce.com/knowledge-base/configuration)
    - [Add-Ons](https://help.spiffcommerce.com/knowledge-base/additional-features)
    - [Troubleshooting](https://help.spiffcommerce.com/knowledge-base/troubleshooting)
- [Developer Docs](https://developer.spiffcommerce.com/)
- [Product Page](https://www.spiffcommerce.com/)
- [Contact us](mailto:support@spiff.com.au)

[Contact us](mailto:support@spiff.com.au)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [Spiff Knowledge Base](https://help.spiffcommerce.com/knowledge-base?hsLang=en)
2. [Getting started](https://help.spiffcommerce.com/knowledge-base/getting-started?hsLang=en)
3. [3D Models](https://help.spiffcommerce.com/knowledge-base/getting-started?hsLang=en#3d-models)

# 3D Preview

## Exploring the 3D Preview and Control Panel Features

The 3D preview relates to the standard experience of the SpiffCommerce platform. The preview is where the user sees the 3D models and surrounding scene on their device. Picture below you can see the main preview with a 3D model of a wine bottle display. This model can be interacted with and spun, so the user can view the product at any particular angle and understand exactly what they will receive once they order the product.

![3dPreview](https://help.spiffcommerce.com/hubfs/Knowledge%20Base%20Import/3dPreview-1024x511-1.jpg)

The 3D control panel, accessed with the triple dot icon on the top left of the preview, directly right of the fullscreen icon. This panel features a few helpful controls.

#### Pause Rotation

When 'Auto-Rotation' is enabled in the experience config area of your workflow, the control for it will appear when an experience is used by you or the customer. The pause button displayed allows the auto-rotation features to be stopped at any time, or started again.

![Screenshot 2023 03 09 at 2.59.34 pm](https://help.spiffcommerce.com/hs-fs/hubfs/Knowledge%20Base%20Import/Screenshot-2023-03-09-at-2_59_34-pm-1.png?width=227&height=72&name=Screenshot-2023-03-09-at-2_59_34-pm-1.png)

#### Reset Model

When the user pans the preview to a specific location on the 3D model, they may not be able navigate themselves back to the original view with ease, this is where the Reset Model tool comes in handy. Simply click on this icon to return to the original viewpoint.

![Screenshot 2023 03 09 at 2.59.34 pm copy](https://help.spiffcommerce.com/hs-fs/hubfs/Knowledge%20Base%20Import/Screenshot-2023-03-09-at-2_59_34-pm-copy-1.png?width=222&height=71&name=Screenshot-2023-03-09-at-2_59_34-pm-copy-1.png)

#### Pan/orbit Toggle

This toggle will allow the user to switch between panning or orbiting the 3D preview. On a computer this isn't strictly necessary, since the users can orbit with the left-mouse button, and pan with the right-mouse button. For mobile, this is incredibly helpful, since it will switch the swiping control from orbiting to panning.

![Screenshot 2023 03 09 at 2.59.34 pm copy 2](https://help.spiffcommerce.com/hs-fs/hubfs/Knowledge%20Base%20Import/Screenshot-2023-03-09-at-2_59_34-pm-copy-2-1.png?width=227&height=72&name=Screenshot-2023-03-09-at-2_59_34-pm-copy-2-1.png)

#### Help sidebar Toggle

This toggle will simply display the help documentation related to the 3D preview.

![Screenshot 2023 03 09 at 2.59.34 pm copy 3](https://help.spiffcommerce.com/hs-fs/hubfs/Knowledge%20Base%20Import/Screenshot-2023-03-09-at-2_59_34-pm-copy-3-1.png?width=238&height=76&name=Screenshot-2023-03-09-at-2_59_34-pm-copy-3-1.png)

- [Getting started](https://help.spiffcommerce.com/knowledge-base/getting-started?hsLang=en#main-content)

    - [Ecommerce Plugins](https://help.spiffcommerce.com/knowledge-base/getting-started?hsLang=en#ecommerce-plugins)
    - [3D Models](https://help.spiffcommerce.com/knowledge-base/getting-started?hsLang=en#3d-models)
    - [Printer Setup](https://help.spiffcommerce.com/knowledge-base/getting-started?hsLang=en#printer-setup)
- [Content](https://help.spiffcommerce.com/knowledge-base/content?hsLang=en#main-content)

    - [Workflows](https://help.spiffcommerce.com/knowledge-base/content?hsLang=en#workflows)
    - [Themes](https://help.spiffcommerce.com/knowledge-base/content?hsLang=en#themes)
    - [Workflow Steps](https://help.spiffcommerce.com/knowledge-base/content?hsLang=en#workflow-steps)
    - [Assets](https://help.spiffcommerce.com/knowledge-base/content?hsLang=en#assets)
- [Configuration](https://help.spiffcommerce.com/knowledge-base/configuration?hsLang=en#main-content)

    - [Orders](https://help.spiffcommerce.com/knowledge-base/configuration?hsLang=en#orders)
    - [Products](https://help.spiffcommerce.com/knowledge-base/configuration?hsLang=en#products)
- [Additional Features](https://help.spiffcommerce.com/knowledge-base/additional-features?hsLang=en#main-content)

    - [Order Management](https://help.spiffcommerce.com/knowledge-base/additional-features?hsLang=en#order-management)
    - [Engagement Optimisation](https://help.spiffcommerce.com/knowledge-base/additional-features?hsLang=en#engagement-optimisation)
    - [Additional Customisation](https://help.spiffcommerce.com/knowledge-base/additional-features?hsLang=en#additional-customisation)
    - [Dynamic Pricing](https://help.spiffcommerce.com/knowledge-base/additional-features?hsLang=en#dynamic-pricing)
- [Troubleshooting](https://help.spiffcommerce.com/knowledge-base/troubleshooting?hsLang=en)
- [Developer Docs](https://help.spiffcommerce.com/knowledge-base/developer-docs?hsLang=en)

[![880d1d95153037f5b68501da7ef50994ebc548b0-256x102](https://help.spiffcommerce.com/hubfs/880d1d95153037f5b68501da7ef50994ebc548b0-256x102.svg "880d1d95153037f5b68501da7ef50994ebc548b0-256x102")](http://spiffcommerce.com)

             www.spiffcommerce.com

<https://www.facebook.com/spiffcommerce> <https://www.instagram.com/spiffcommerce/> <https://www.linkedin.com/company/spiffcommerce/> <https://github.com/spiffdev>

**Contact Us**                

✉️  support@spiff.com.au

             [Privacy Policy](https://www.spiffcommerce.com/privacy)            [Terms of Service](https://www.spiffcommerce.com/terms)         © 2025 SpiffCommerce. All rights reserved.