# 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. 

<figure><img src="/files/EV0yyP66AwdOz7EVDe0I" 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="/files/QLdzGHSPLrLsMBy07Mxu" 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="/files/fylGGP5BzjEARihUZsP1" alt=""><figcaption><p>Select Layout</p></figcaption></figure>

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

<figure><img src="/files/NS1NIcZrn7wa2K1kUl3M" 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="/files/1hwTLbpppXbGcG5Tr56j" 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](/learning-the-app/products/create-options/default.md). If your 3D model already has materials applied, you can leave this step blank.

<figure><img src="/files/uXljF50XTApO7sCsk08u" 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="/files/OgSrkGEBg3taOe1QQvsG" alt=""><figcaption><p>3D Viewer Mode</p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.simplio3d.com/learning-the-app/products/product-viewer.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.