# Product Viewer

On all subscription plans, the platform allows users to generate 3D visualizations without including a configurator. The viewer is for presentation purposes only and can be embedded anywhere that supports HTML code. You can embed a 3D viewer in a web page or slider, in a powerpoint presentation or using the API in a third party application.

A 3D viewer is created in the **Products** section by clicking the blue "Add Product" button located in the top right of the screen.&#x20;

<figure><img src="https://272360655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWstJiDljIGTKDHKp9JL%2Fuploads%2FJjORthyX3kVatwIrANHG%2FScreenshot%202025-04-14%20at%2018.36.07.png?alt=media&#x26;token=445d7e4f-2b14-4548-a4a0-090f11719537" alt=""><figcaption><p>Click 'Add Product' button to create a 3D viewer</p></figcaption></figure>

This time, after clicking "Add Product", we no longer keep the "Configurator" product type selected, but switch to the "Viewer" product type, as shown in the screenshot below.

<figure><img src="https://272360655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWstJiDljIGTKDHKp9JL%2Fuploads%2FU0mAL52TCRLfeLDkIhED%2FScreenshot%202025-04-14%20at%2018.31.22.png?alt=media&#x26;token=55383e76-65ae-43ae-8b44-1fb54eaeee79" alt=""><figcaption><p>Select 'Viewer' type of product</p></figcaption></figure>

Once we clicked "Save", we created the 3d viewer and we can edit it as we need. All views are defined in 4 steps: selecting the layout, adding a 3D model, applying materials to the 3D model and the share section where we copy the HTML code or source link.

<figure><img src="https://272360655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWstJiDljIGTKDHKp9JL%2Fuploads%2F4MW8Gm2Kwun5nyF9tWQ7%2FScreenshot%202025-04-14%20at%2021.47.08.png?alt=media&#x26;token=94e7a0f2-571e-4eb7-839f-529e8cf62e10" alt=""><figcaption><p>Select Layout</p></figcaption></figure>

**Select Layout** - here we select the position of the toolbar and the viewport.

<figure><img src="https://272360655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWstJiDljIGTKDHKp9JL%2Fuploads%2FnU9OR9HP8yJVmw6kW8qd%2FScreenshot%202025-04-14%20at%2021.48.48.png?alt=media&#x26;token=23d354d4-d149-440c-8b65-8fb23dd1e7b5" alt=""><figcaption><p>Add 3D Models</p></figcaption></figure>

**Add 3D Models** - select the 3D model to be used in the viewer.

<figure><img src="https://272360655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWstJiDljIGTKDHKp9JL%2Fuploads%2F3hdj0UPme2PA5Tr3aGZL%2FScreenshot%202025-04-14%20at%2021.53.50.png?alt=media&#x26;token=a5da5d16-08fb-4d0d-83da-18f2928f606a" alt=""><figcaption><p>Apply materials</p></figcaption></figure>

**Create Options** - here we can use the "Default" block to apply materials to a 3D model just like when we apply materials for [configurators](https://docs.simplio3d.com/learning-the-app/products/create-options/default). If your 3D model already has materials applied, you can leave this step blank.

<figure><img src="https://272360655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWstJiDljIGTKDHKp9JL%2Fuploads%2FxsPfuAiDQk8Bub1rvyoF%2FScreenshot-2025-04-14-at-22.04.12.png?alt=media&#x26;token=a2cea867-8765-417b-8831-7e503dcb89bf" alt=""><figcaption><p>Share</p></figcaption></figure>

**Share** - each viewer generates a unique HTML code that you can copy/paste anywhere you want on a web page.

In the Share tab, you can also enable/disable the following in the 3D viewer: **dark theme**, **sidebar**, and **AR mode**.

<figure><img src="https://272360655-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnWstJiDljIGTKDHKp9JL%2Fuploads%2FeOUiERyV5PBpAZMBPiAE%2FScreenshot%202025-04-17%20at%2014.25.47.png?alt=media&#x26;token=80eeb691-8606-4486-b44b-29fd21436469" alt=""><figcaption><p>3D Viewer Mode</p></figcaption></figure>
