3D Viewer – 3D Model Viewer – Augmented Reality

Showcase your 3D Models with immersive AR experiences directly in the browser using advanced 3D Viewer WordPress plugin. No apps or coding needed. Just add a browser-based 3d model, Experience in real environment and build confidence, cut returns, and boost conversions.

Key AR features at a Glance:

• Inspect 3D models from every angle (rotate/zoom) Dining Armchair Demo.
• Place products in real spaces using smartphone AR (floor/wall) Office Chair Demo.
• Preview model Preview model in the product editor page.
• **Integrated with Tripo3D API to generate .glb/3D model

SOME USEFUL LINKS:

• Augmented Reality In Real World
• Live Demo
• Video Tutorial
• Download Now

How To Install Augmented Reality ( AR VR Try On ) Plugin By AtlasAidev

Augmented Reality Plugin From Mobile Phone

Why Choose Our 3d viewer WordPress Solution?

• ✅ Unlimited 3D Uploads: Free version supports unlimited .glb/.gltf/.usdz files.
• ✅ True Mobile AR: Android (GLB) + iOS (USDZ) compatibility.
• ✅ WooCommerce Native: Automatic integration with product pages.
• ✅ Zero Coding: Automatic AR button placement on product pages – no coding required.
• ✅ ShortCode: Easy shortcode setup [atlas_ar] .
• ✅ QR Code: Display a QR code in desktop view .
• ✅ **Integrated with Tripo3D API to generate .glb/3D model

Core Features:

1. Complete 3D Model Control

• Upload .GLB/.GLTF files for Android AR and 3D view in desktop.
• Add .USDZ files for iOS AR Quick Look.
• Set custom posters/thumbnails for each 3D model viewer.
• Automatic fallback to interactive 3D model viewer on desktop/mobile.

2. Mobile Augmented Reality Magic (AR Placement Options)

• **Floor 3d viewer **: Allow customers to visualize furniture, appliances, and other large items in their rooms. Office Chair Demo
• **Wall 3d viewer **: Let users preview wall art, mirrors, and décor directly on their walls. Sun Painting Demo
• Glass Mode (Pro Version – Coming Soon): Enable virtual try-ons for glasses, sunglasses, and jewelry.

3. WooCommerce Optimization

• Dedicated “AtlasAR” tab and settings within the WooCommerce product editor.
• Automatic “View in AR ” button placement on product pages.
• Full support for simple and variable/configurable products.
• Designed to work seamlessly with all standard WooCommerce themes.

4. Enterprise-Ready Performance

• Host unlimited 3D models with no file size restrictions in the free version.
• Optimized for fast and smooth mobile Augmented Reality experiences.
• Asynchronous loading of models to ensure fast page speeds.

5. QR Code

Display a QR code in desktop view, allowing users to scan and switch to an AR capable device.

3D Model Generation

How to Generate 3D Models with Tripo3D API

1. Generate your API key from the Tripo3D API.
2. Copy the API key.
3. Go to the AtlasAR metabox in the post edit screen.
4. Click on the Integration tab.
5. Paste your API key in the Integration settings and save.
6. Now, go back to the Edit Post page.
7. In the AtlasAR metabox, enter your prompt for the 3D model.
8. Click on the Generate Model button.
   • A task_id will be generated.
   • Wait a few seconds while the model is being processed.
9. Once the model is generated, a 3D preview will appear on the right side.
10. Click on the Save This Model button to save the generated model and update the post data.
11. After saving, you can view the generated 3D model on the front end of your site.

How It Works – 3 Simple Steps

1. Install & Activate:
   • In your WordPress admin panel, go to Plugins → Add New.
   • Search for “AR VR 3D Model Try On”.
   • Click “Install Now” and then “Activate.”
   • Find the “AtlasAR” menu.
   • Setup you basic settings.
2. Upload Models:
   • Navigate to a WordPress post eiditing screen
   • Find the “AtlasAR” Metabox.
   • Select the place where you want to display the 3D Model like Floor/Wall etc.
   • Upload your Android Model: .glb/.gltf file.
   • Upload your iOS Model: .usdz file.
   • Optionally, add a Poster Image (thumbnail) for the 3D model viewer.
   • If your site is WooCommerce Store then first go to settings page of the plugin. And Look “Enable AR For Post Types” by default If would be post' change it toproduct’ and save.
3. Display 3D Model Viewer:
   • The “View in AR ” button is automatically placed on your WordPress Posts/WooCommerce product pages.
   • For manual placement in other locations, you can use the shortcode: [atlas_ar].

Real-World 3D Viewer Applications

• 🪑 Furniture Stores: “Customers visualize sofas in their living rooms before buying.” Office Chair Demo
• 👓 Eyewear Retailers (Pro Version for Try-On): “Virtual try-ons reduced returns by 33% for sunglasses.”
• 💎 Jewelry Designers (Pro Version for Try-On): “See necklaces in AR at actual scale with real lighting.”
• 🖼️ Home Decor: “Preview wall art placement through phone camera.” Dining Armchair Demo

*Eyewear placement & virtual try-ons require Pro version (coming soon)

Competitive Advantages

Free Model Limits
– Our Plugin: Unlimited
– Others: Often 1–10 models

iOS AR Support
– Our Plugin: Full native .USDZ compatibility
– Others: Android-only or limited iOS support

WooCommerce Integration
– Our Plugin: Native, seamless implementation
– Others: May require add-ons or hacks

Virtual Try-Ons
– Our Plugin: Glass mode with face tracking (Pro Soon)
– Others: Basic surface placement only

Pro Version Benefits (Coming Soon)

⭐ Advanced AR Features:
* Virtual mirrors for realistic eyewear and jewelry try-ons.
* Customizable “View in AR” button styling and text.
* Advanced analytics on 3D/AR interactions.
* Priority email support (e.g., 24h response time).

⭐ Coming Soon in Pro:
* Desktop WebAR experiences for broader accessibility.
* Multi-model scene creation and configurators.

Technical Specifications

• Supported 3D Formats: .glb, .gltf (for Android/Web 3D), .usdz (for iOS AR Quick Look).
• Mobile Device Requirements: Android 9.0+ with ARCore support, iOS 12+ with ARKit support.
• WooCommerce Compatibility: Version 3.0 and above.
• WordPress Compatibility: Version 5.0 and above.
• Performance: Models load asynchronously. Lazy loading implemented for archive pages to minimize performance impact. Optimized for mobile 3D rendering.

Start Your AR Journey Today

1. Install the Free Version: Get started with unlimited 3D model uploads, no credit card needed.
2. Upload Your First Model: Add a .glb/.gltf file for Android/Web and a .usdz file for iOS to a product.
3. Watch Engagement Soar: Provide interactive AR experiences.

CHECK OUT OUR OTHER ADDONS 👑:

🔥 Text To Speech TTS Accessibility – Text To Speech TTS Accessibility is the most user-friendly Text-to-Speech tts plugin. Just install and automatically add a text to audio player to your WordPress site!.

1. Upload the plugin folder (ar-vr-3d-model-try-on) to the /wp-content/plugins/ directory via FTP, OR
2. Install directly through the WordPress plugins screen: Go to ‘Plugins’ > ‘Add New’, search for “3D Model Viewer & AR for WordPress & WooCommerce” by Azizul Hasan , and click ‘Install Now’.
3. Activate the plugin through the ‘Plugins’ menu in WordPress.
4. Navigate to a WordPress Post, post metabox section, and find the “AtlasAR” metabox to upload your 3D models.
5. Navigate to a WooCommerce product, go to the product metabox section, and find the “AtlasAR” metabox to upload your 3D models.
6. The “View in AR ” button will automatically appear on product pages. You can also use the shortcode [atlas_ar] for manual placement.
7. If your site is WooCommerce Store then first go to settings page of the plugin. And Look “Enable AR For Post Types” by default If would be post' change it toproduct’ and save.