Integration Hub

Install Your 3D Models

We've prepared detailed instructions for the most popular e-commerce platforms and CMS. Choose your platform to get started.

Shopify

  • Native support in Media Section
  • Works on any OS 2.0 theme
  • Automatic AR (Augmented Reality) view

Steps: Products > Media > Add .glb file

WooCommerce

  • Recommended Plugin: Model Viewer
  • Shortcode or Blocks editor support
  • Easy integration via Media Library

Steps: Install Plugin > Upload .glb > Paste URL

Wix

  • Use the "Embed HTML" element
  • Requires external hosting for the model
  • Compatible with any page layout

Method: Add Iframe > Paste model-viewer script

Squarespace

  • Use a "Code Block"
  • Full CSS customization enabled
  • Optimized for E-commerce templates

Method: Code Block > Model Viewer Script > Upload Link

Instructions for Other Platforms

Magento / Adobe Commerce

Use 3D Viewer extensions or edit the product page PHP template to include the 3D script.

Webflow

Add an "Embed" element in your design system. You can map the 3D model URL to Webflow CMS for dynamic products.

PrestaShop

Specialized modules are available in the PrestaShop marketplace to allow adding GLB files directly from the back-office.

Universal Integration Code

If your platform allows HTML editing, this code is all you need. Copy and replace the model URL.

<!-- Model Viewer Library -->
<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.3.0/model-viewer.min.js"></script>

<!-- 3D Element -->
<model-viewer 
  src="your-model-url.glb" 
  ar 
  auto-rotate 
  camera-controls 
  style="width: 100%; height: 500px; background: transparent;">
</model-viewer>

This script is recognized by search engines and optimized for maximum loading speed.

Start Creating for Free