Website

Embedding TutAR 3D viewer in a Website

Prerequisites

• This guide expects a basic Web development knowledge

• Get a Connect3D Vendor Account from TutAR by sending a mail at <[email protected]>.

• Gererate an API key from the Connect3D dashboard

Embedding the Viewer

The 3D viewer can be embedded into a website by using an iframe. Based on the Subscription mode you choose there are two different ways to embed the viewer.

• For Vendor-Managed Subscription

<iframe
    src="https://web.tutar.app?api-key=<API-KEY>&user-id=<USER-ID>"
    id="3d-viewer"
    allow="camera"
    allowFullScreen ></iframe>

• For User-Managed Subscription

<iframe
    src="https://web.tutar.app?api-key=<API-KEY>"
    id="3d-viewer"
    allow="camera"
    allowFullScreen ></iframe>

here since the Authentication is handled by the end user, only API-KEY is required.