> For the complete documentation index, see [llms.txt](https://docs.simplio3d.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.simplio3d.com/learning-the-app/products/product-viewer.md).

# 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="/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>
