Integration Guide
Platform Integration
Follow our step-by-step guides to integrate AR Display with your e-commerce platform and start offering immersive AR experiences to your customers.
Custom Website Integration
Integrate AR Display with any custom website using our simple CDN script.
1
Get Your API Key
Sign up and generate your API key to connect your website with AR Display.
- Create an AR Display account
- Navigate to Integration API in your dashboard
- Generate and copy your API key
2
Set Up Your Products
Upload your 3D models and configure your products in the dashboard.
- Go to 3D Models section in dashboard
- Upload your 3D models (GLB format)
- Configure product details and variant sizes
3
Add AR Viewer to Your Site
Embed the AR viewer on your product pages using our CDN script.
- Copy the embed code below
- Paste it in your product page HTML
- The AR viewer will automatically load your products
Add this code to your website:
1
2
<ardisplay-viewer></ardisplay-viewer>
<script type="module" src="https://cdn.ardisplay.net/ardisplay.es.min.js"></script>