AR for WooCommerce

توسط webandprint

Augmented Reality for WooCommerce plugin lets you display 3D models and AR products directly in your store with no app required.

Experience the Future of Shopping with Augmented Reality for WooCommerce!

Transform your WooCommerce store into an immersive 3D shopping experience with our all-in-one solution. Show off your products using 3D models in a browser-based interactive viewer, and offer your customers the ability to view products in Augmented Reality (AR) directly in their environments. No app downloads required!

Key Features:
– AR Insights Analytics: Monitor AR product performance with real-time analytics, device breakdowns (iOS/Android/Desktop), and top-performing models directly in your WooCommerce dashboard
– AI-Powered 3D Generation: Create stunning 3D models from photos using advanced AI technology
– 3D Product Gallery: Showcase your products in 3D and Augmented Reality directly on your WooCommerce product pages
– User Uploads: Allow users to upload their own 3D models or images and view them in AR on the fly
– AR Magic: Use GLB, GLTF, USDZ, and Reality model files to provide a seamless 3D model viewing experience and AR
– Try Before You Buy: Let customers visualize products in 3D and AR in their own environment, enhancing the shopping experience, improving conversion rates, and reducing returns
– Smart Poster System: Automatic fallback to default poster images for consistent product presentation
– Guided Onboarding Assistant: Follow contextual tours, surface WooCommerce-specific FAQs, and jump to support resources without leaving your store dashboard
– Google Analytics Integration: Forward AR Insights events to GA4 or dataLayer for comprehensive eCommerce analytics tracking

Feature-rich and easy to use – Seamlessly integrates with WooCommerce, Elementor, Gutenberg, and more, providing you with everything you need for AR and 3D model integration.

AI-Powered 3D Model Generation

Transform your product photos into stunning 3D models with our advanced AI technology! The AR Display AI feature allows you to:

Upload Product Photos: Simply upload any product photo and let AI do the work
Automatic 3D Conversion: AI analyzes your image and generates a complete 3D model
Multiple Format Support: Generate GLB files compatible with all AR devices
Customizable Settings: Control texture resolution and foreground ratio for optimal results
Credit-Based System: Affordable AI model generation with our credit system
Instant Results: Get your 3D model ready for AR display in minutes

Perfect for creating 3D models of products, furniture, artwork, or any item you want to showcase in your WooCommerce store with Augmented Reality!

Smart Poster Image System

Ensure consistent product presentation with our intelligent poster image system:

Default Poster Images: Set global default poster images in your AR settings
Automatic Fallback: Products automatically use default posters when no custom poster is set
Featured Image Integration: Seamlessly integrates with WooCommerce product images
Consistent Branding: Maintain professional appearance across all your AR products
Easy Management: Set once and apply to all products automatically

This feature ensures that even products without custom poster images display beautifully and consistently across your WooCommerce store.

Technical Improvements & Compatibility

Version 8.0 brings significant technical improvements for better performance and stability:

PHP 8.2+ Compatibility: Full support for the latest PHP versions
Enhanced Error Handling: Graceful fallbacks for failed requests and model loading
Improved Security: Better API permission checks and nonce validation
Performance Optimization: Faster model viewer loading and better resource management
Update System Stability: Fixed WP_Error handling for reliable plugin updates
Better User Experience: Improved drag-and-drop functionality and shortcode options

These improvements ensure your AR products load faster, display more reliably, and provide a smoother shopping experience across all devices.

Features

View Models in AR: No app required, customers can view models in both 3D and AR modes directly in their browser.
Zoom Functionality: Customers can zoom in and out to examine your models in detail.
Simple Interface: Designed for an easy-to-use, seamless experience.
Responsive Design: Displays 3D models on desktop, and AR on mobile/tablet devices.
Model Placement: Place models on horizontal (floor) or vertical (wall) surfaces in AR mode.
QR Code Support: Generate a QR code for desktop users to easily switch to AR mode on their phone or tablet.
Free Version: Limited to 1 model only.

Premium Subscription

Unlock the full power of AR for WooCommerce with our Premium Subscription

Premium Features:
– AR Insights Analytics: Monitor AR product performance with real-time analytics, device breakdowns, and top-performing models
– AI-Powered 3D Model Generation: Transform photos into 3D models using advanced AI technology
– Unlimited 3D Models: Add as many 3D models to your store as you need
– Variable Product Support: Use different models for different variations of your WooCommerce products
– Dynamic Shortcode: Display your models using the [ardisplay] shortcode, including for product variations
– User Uploads: Allow customers to upload 3D models or images to be instantly displayed in AR
– Encrypted URLs: Protect your models with encrypted URLs, preventing direct downloads
– AR Gallery Shortcode: Display featured images of your products as 3D models or AR-ready artworks
– Advanced Model Settings: Adjust exposure, shadow softness, scale, field of view, zoom restraints, and more directly in the admin
– Supports Model Variants: Show different models for different product variants
– Background and Environment Images: Add images to create a complete AR scene
– Restrict Resizing: Prevent resizing in AR to ensure the model appears at the correct scale in your customers’ environments
– Model Rotation Restrictions: Restrict model rotation for a more controlled AR experience
– Hotspot Annotations: Add interactive hotspots to your models for more engagement
– Animation Controls: Play/pause animations and set autoplay options for dynamic presentations
– Thumbnails for Multiple Models: Display multiple models in a single viewer window. Users can switch between models in 3D or AR mode
– API Integration: Use JSON data to manage models dynamically
– Customizable AR View: Hide the AR button, QR code, or display it as an image or text
– Default Poster Image System: Set global default poster images for consistent product presentation
– Google Analytics Integration: Forward AR Insights events to GA4 or dataLayer for comprehensive eCommerce analytics tracking

How to Use the Plugin

Watch the tutorial video to get started.
Follow our step-by-step guide for installation and setup.

See it in Action

Demo Site: Explore our demo site and see the AR features in action.

Sample 3D Files and Resources

Download Sample Files: Test out sample 3D models to get a feel for the plugin.

Why Choose AR for WooCommerce?

Enhance Customer Engagement: Let your customers interact with your products in 3D and AR before purchasing.
Increase Sales and Reduce Returns: Provide a visual experience that helps customers better understand your products.
Seamless Integration: Easily integrate AR with your WooCommerce store using shortcodes and popular page builders like Elementor and Gutenberg.

Elevate your WooCommerce store today with AR for WooCommerce and stay ahead of the competition by embracing the future of eCommerce with immersive AR experiences.

Upload the ar-for-woocommerce.zip to the /wp-content/plugins/ directory and extract it.
Activate the plugin through the ‘Plugins’ menu in WordPress.
Visit the settings page in WooCommerce to get started.

سوالات متداول

What 3D model formats are supported?

AR for WooCommerce supports GLB, GLTF, USDZ, and Reality files for 3D model viewing. These are the most compatible formats for AR and 3D display across all devices.

Does it support Android and iOS?

Yes! The plugin uses the model-viewer scripts which support most iOS and Android devices. Viewing of the models in 3D is done directly in the browser and launches the native Android WebXR and iOS Quick Look apps for AR viewing. For optimum performance, it requires your site to have an SSL certificate (https://).

What is AR Insights?

AR Insights is our comprehensive analytics system that provides real-time tracking of your AR product performance. It includes a dashboard widget showing key metrics at a glance, and a dedicated Insights page with in-depth analytics including product views, device breakdowns (iOS/Android/Desktop), top-performing products, historical trends, and engagement metrics. You can also integrate with Google Analytics to forward AR events to GA4 or a dataLayer for advanced eCommerce tracking.

What is the AR Display AI feature?

AR Display AI is our revolutionary feature that allows you to generate 3D models from product photos using artificial intelligence. Simply upload a product photo, and our AI will analyze it and create a complete 3D model ready for AR display. This feature uses a credit-based system and supports customizable texture resolution and foreground ratio settings.

How does the Default Poster Image system work?

The Default Poster Image system allows you to set a global default poster image in your AR settings. When a product doesn’t have a custom poster image set, it automatically falls back to this default image, ensuring consistent and professional presentation across all your AR products.

Can I use this plugin with page builders?

Absolutely! AR for WooCommerce integrates seamlessly with popular page builders including:
– Gutenberg – Native blocks and shortcodes
– Elementor – Custom widgets and elements
– WPBakery – Shortcode integration
– Divi – Shortcode support
– Any page builder that supports shortcodes

How do I add AR models to my WooCommerce products?

You can add AR models to products using several methods:
– Product Page Integration: Models automatically display on product pages
– Shortcode: [ardisplay id=X] where X is your model ID
– Gutenberg Block: Use the AR Display block in the editor
– Elementor Widget: Drag and drop the AR widget
– PHP Code: Use the do_shortcode() function
– Widget Areas: Add to any widget-enabled area

What is the User Upload feature?

The User Upload feature allows customers to upload their own 3D models or images and view them instantly in AR. Images are automatically converted to 3D models, making it perfect for custom product visualization, user-generated content, or interactive product showcases.

How do I set up the AR Gallery?

The AR Gallery feature converts your product featured images into 3D models that can be displayed on walls in AR. Use the [argallery] shortcode with options for frame style, color, opacity, and more. Perfect for creating virtual showrooms or showcasing product collections.

How does AR work with WooCommerce variations?

AR for WooCommerce fully supports product variations:
– Individual Models: Assign different 3D models to each variation
– Dynamic Display: Models automatically switch when customers select different variations
– Shortcode Support: Use [ardisplay id=X] to display variation-specific models
– API Integration: Manage variation models through the REST API

Are there any additional costs?

The free version allows for 1 model with basic features. The premium subscription unlocks unlimited models, AI generation, user uploads, advanced settings, and all premium features. Learn more about the premium subscription.

What if I don’t have any 3D models?

No problem! You have several options:
– AI Generation: Use our AI feature to create 3D models from product photos
– User Uploads: Let your customers upload and create models
– AR Shop: Purchase ready-made 3D models from our marketplace
– Sample Models: Download free sample models from our support section
– Commission Models: Work with 3D artists to create custom models

How do I customize the AR experience for my store?

You can customize various aspects of the AR experience:
– Product Settings: Control exposure, shadows, lighting, and animations
– AR Restrictions: Limit rotation, zoom, and resizing for accurate product sizing
– Custom Buttons: Personalize AR and QR code buttons with your branding
– Hotspots: Add interactive product information and call-to-action buttons
– Environment: Set background images and lighting conditions

Can I use this with other eCommerce plugins?

Yes! While primarily designed for WooCommerce, the plugin can integrate with:
– WooCommerce Subscriptions – AR models for subscription products
– WooCommerce Bookings – AR visualization for bookable products
– WooCommerce Memberships – AR content for members
– Other eCommerce platforms – Via shortcodes and API integration

How do I troubleshoot AR display issues?

Common solutions for AR display issues:
– Ensure your site uses HTTPS
– Check that your device supports AR (iOS 11+ or Android 8+)
– Verify the 3D model file is valid and not corrupted
– Clear browser cache and cookies
– Check that the model file size isn’t too large
– Ensure proper file permissions on your server
– Verify WooCommerce is properly configured

What browsers are supported?

3D Viewing: Chrome, Firefox, Safari, Edge (all modern versions)
AR Features:
– iOS: Safari (Quick Look)
– Android: Chrome (WebXR), Samsung Internet
– Desktop: Limited AR support (shows QR codes for mobile)

How do I manage multiple product models?

You can manage multiple product models using:
– Thumbnail Navigation: Display multiple models in one viewer
– Category Shortcodes: [ardisplay cat=X] for category-based display
– Multiple IDs: [ardisplay id="1,2,3"] for specific products
– Product Lists: Use the [armodels] shortcode for product listings
– WooCommerce Integration: Models automatically display on product pages

Is my product content secure?

Yes! We implement several security measures:
– Encrypted model URLs to prevent direct downloads from within the browser (model files once passed to native AR viewers like iOS Quick Look can still be saved and shared. Unfortunately there is no option available from iOS to prevent this. For the best protection, export simplified (low-poly) versions of your models, bake textures into a single map, and embed subtle watermarks or identifying metadata so any saved copies are less editable or traceable to your original work.)
– Nonce verification for all AJAX requests
– User permission checks for API access
– Secure file handling and validation
– Regular security updates and patches
– WooCommerce integration security

How does AR improve my eCommerce conversion rates?

AR can significantly improve your eCommerce performance:
– Better Product Understanding: Customers can see products in 3D and AR
– Reduced Returns: Customers know exactly what they’re buying
– Increased Engagement: Interactive AR experiences keep customers on your site
– Mobile Optimization: AR works great on mobile devices where most shopping happens
– Competitive Advantage: Stand out from competitors with cutting-edge technology

Can I use AR for virtual try-ons?

Yes! AR for WooCommerce is perfect for virtual try-outs:
– Furniture: Let customers see how furniture fits in their space
– Home Decor: Visualize how items look in different rooms
– Electronics: See how devices fit in various environments
– Custom Products: Personalized AR experiences for custom items