Embedding
Simply copy and paste the script tags into your site's HTML, and you're all set.
<script type="module" src="https://viewer.aircada.com/embedder.js"></script>
<air-viewer smartId="d047fada8"></air-viewer><air-viewer/> Attributes
Attribute | Description | Example |
|---|---|---|
| url | The URL of the 3D scene to load. This is required. | <air-viewer url="https://viewer.aircada.com/d5fff905b" /> |
| smartid | Unique identifier for the scene, alternative to `url`. | <air-viewer smartid="d5fff905b" /> |
| viewkey | Secure key for accessing private scenes. | <air-viewer viewkey="your-secret-key" /> |
| background-color | Sets the background color of the viewer (HEX or color name). | <air-viewer background-color="#ffffff" /> |
| style | Apply custom CSS styles to the viewer. | <air-viewer style="width: 100%; height: 500px;" /> |
Example Walkthrough
Embed any scene
Create and publish a scene, grab the embed code, and paste it into your site. Works with standard html, wordpress, shopify, react, angular, vue, and more.