webandprint

Augmented Reality for WooCommerce plugin lets you display 3D models and AR products directly in your store with no app required.
<h3>**Experience the Future of Shopping with Augmented Reality for WooCommerce!**</h3>
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.
<h3>AI-Powered 3D Model Generation</h3>
Transform your product photos into stunning 3D models with our advanced AI technology! The AR Display AI feature allows you to:
<ul>
<li>Upload Product Photos: Simply upload any product photo and let AI do the work</li>
<li>Automatic 3D Conversion: AI analyzes your image and generates a complete 3D model</li>
<li>Multiple Format Support: Generate GLB files compatible with all AR devices</li>
<li>Customizable Settings: Control texture resolution and foreground ratio for optimal results</li>
<li>Credit-Based System: Affordable AI model generation with our credit system</li>
<li>Instant Results: Get your 3D model ready for AR display in minutes</li>
</ul>
Perfect for creating 3D models of products, furniture, artwork, or any item you want to showcase in your WooCommerce store with Augmented Reality!
<h3>Smart Poster Image System</h3>
Ensure consistent product presentation with our intelligent poster image system:
<ul>
<li>Default Poster Images: Set global default poster images in your AR settings</li>
<li>Automatic Fallback: Products automatically use default posters when no custom poster is set</li>
<li>Featured Image Integration: Seamlessly integrates with WooCommerce product images</li>
<li>Consistent Branding: Maintain professional appearance across all your AR products</li>
<li>Easy Management: Set once and apply to all products automatically</li>
</ul>
This feature ensures that even products without custom poster images display beautifully and consistently across your WooCommerce store.
<h3>Technical Improvements & Compatibility</h3>
Version 8.0 brings significant technical improvements for better performance and stability:
<ul>
<li>PHP 8.2+ Compatibility: Full support for the latest PHP versions</li>
<li>Enhanced Error Handling: Graceful fallbacks for failed requests and model loading</li>
<li>Improved Security: Better API permission checks and nonce validation</li>
<li>Performance Optimization: Faster model viewer loading and better resource management</li>
<li>Update System Stability: Fixed WP_Error handling for reliable plugin updates</li>
<li>Better User Experience: Improved drag-and-drop functionality and shortcode options</li>
</ul>
These improvements ensure your AR products load faster, display more reliably, and provide a smoother shopping experience across all devices.
<h3>Features</h3>
<ul>
<li>View Models in AR: No app required, customers can view models in both 3D and AR modes directly in their browser.</li>
<li>Zoom Functionality: Customers can zoom in and out to examine your models in detail.</li>
<li>Simple Interface: Designed for an easy-to-use, seamless experience.</li>
<li>Responsive Design: Displays 3D models on desktop, and AR on mobile/tablet devices.</li>
<li>Model Placement: Place models on horizontal (floor) or vertical (wall) surfaces in AR mode.</li>
<li>QR Code Support: Generate a QR code for desktop users to easily switch to AR mode on their phone or tablet.</li>
<li>Free Version: Limited to 1 model only.</li>
</ul>
<h3>**Premium Subscription**</h3>
Unlock the full power of AR for WooCommerce with our <a href="https://augmentedrealityplugins.com" rel="nofollow ugc">Premium Subscription</a>
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 <code>[ardisplay]</code> 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
<h3>How to Use the Plugin</h3>
<ol>
<li><a href="https://www.youtube.com/watch?v=jO7wR-meeGI" rel="nofollow ugc">Watch the tutorial video</a> to get started.</li>
<li>Follow our <a href="https://augmentedrealityplugins.com/support/#getstarted" rel="nofollow ugc">step-by-step guide</a> for installation and setup.</li>
</ol>
<h3>See it in Action</h3>
<ul>
<li><a href="https://augmentedrealityplugins.com" rel="nofollow ugc">Demo Site</a>: Explore our demo site and see the AR features in action.</li>
</ul>
<h3>Sample 3D Files and Resources</h3>
<ul>
<li><a href="https://augmentedrealityplugins.com/support/" rel="nofollow ugc">Download Sample Files</a>: Test out sample 3D models to get a feel for the plugin.</li>
</ul>
<h3>Why Choose AR for WooCommerce?</h3>
<ul>
<li>Enhance Customer Engagement: Let your customers interact with your products in 3D and AR before purchasing.</li>
<li>Increase Sales and Reduce Returns: Provide a visual experience that helps customers better understand your products.</li>
<li>Seamless Integration: Easily integrate AR with your WooCommerce store using shortcodes and popular page builders like Elementor and Gutenberg.</li>
</ul>
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.

AR for WooCommerce

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

PausAR Studio

Expand the functionality of your Elementor pages with PausAR and create virtual augmented reality content and interactive 3D model viewers directly on your website in just a few steps. Add 3D models to any Elementor page as quickly and easily as adding images or videos. Simply drag and drop to create virtual WebAR scenes that can be launched and displayed directly from the web browser on Android and iOS smartphones or tablets without installing an app (also works on Apple Vision Pro). PausAR expands Elementor’s website building tools with a widget that makes adding 3D & AR content a breeze. See our PausAR <a href="https://www.pausarstudio.de/wordpress-elementor/" rel="nofollow ugc">demos</a> in action.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/PuB3fu2KoxI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&start=4&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>Features (Free Version):</h4>
<ul>
<li>WebAR – Display AR models on Android and iOS devices with SLAM tracking and 6DoF. It can be started directly from the browser and does not require downloading an additional app.</li>
<li>Choose between horizontal (default) or vertical surface detection – You can pin your AR scenes to vertical or horizontal real-world surfaces on Android devices. Apple devices automatically change the placement method when a model is dragged onto a wall or floor.</li>
<li>Easy to use 3D viewer – Display 3D (GLTF) models in an interactive viewer directly on your website. Models can be rotated by the user and viewed from all angles.</li>
<li>AR support detection – Browsers on mobile and desktop devices are automatically checked for AR support when accessing websites with PausAR content. If support is missing, AR buttons are automatically hidden when the page is opened or a redirection to other browsers/devices will be recommended.</li>
<li>Redirection via QR code – Quickly switch to a supported AR device using auto-generated QR codes, such as when trying to launch an AR scene in a desktop browser.</li>
<li>Suitable for social media – Thanks to automatic support detection, links from AR websites can be shared on social media without hesitation. Every user can view the AR content or receive a notification about the lack of AR support and get the possibility to switch to a supported browser/device.</li>
<li>Simple drag n’ drop design – PausAR is compatible with every Elementor theme we know of. All the tools you need can be found directly in the new widget. Simply pull it to the webpage and get started.</li>
<li>Easy customization – 3D and AR content can be quickly added and customized, similar to other Elementor widgets. More complex settings are also possible using the extensive widget menu. Copyright information, trademarks, logos, names and company designations may not be changed, removed or otherwise made invisible or unrecognizable in any way.</li>
<li>Multiple AR scenes per page – The number of AR scenes and 3D viewers are not limited. Add as many PausAR widgets to your Elementor page as you like.</li>
<li>Hiding the loading time – The asynchronous loading behavior of the model preview can be freely selected and the loading time can be hidden with the automatic creation of placeholder images.</li>
<li>Independent (self-) hosting of 3D files – All 3D models are hosted independently in your WordPress database and do not require an external hosting service from PausAR.</li>
<li>Apple Vision Pro ready – Support for Apple Vision Pro has been confirmed (tested with VisionOS 1.0)</li>
<li>Full screen mode – Users can unlock an optional full-screen mode that can display the 3D preview across the entire screen when the mode is switched in the frontend.</li>
</ul>
<h4>Features (Pro Version):</h4>
<ul>
<li>All basic features included – All functions of the free version are also included in the Pro version.</li>
<li>True-Scale AR option – Use PausAR to display virtual products or other models in AR and optionally prevent the user from scaling your AR scenes. When activated, users can no longer scale models and the realistic size of the model is enforced.</li>
<li>UI customization – Extended options for customizing the user interface inside and outside the AR scene are added. Headlines and custom linked “Call to action” buttons can be displayed in AR mode.</li>
<li>Extended preview – More options for previewing AR content on the website. In addition to deactivating the preview, you can choose between a 2D or 3D mode.</li>
<li>Extended interactions – The 3D preview is supplemented by further options in the form of zoom, animation and motion effects.</li>
<li>More visual customization – Further options for the visual design of buttons and preview elements. Shadow effects, custom icons, 360° backgrounds and more…</li>
<li>Reality Support – Expanded possibilities for creating AR scenes for Apple devices by adding support for Reality files.</li>
<li>Sound in the AR scene – Option to upload an .mp3 or .wav file that will be played in the AR scene on Android devices. Apple devices must include the sound file in the .usdz or .reality file using Apple’s Reality Composer.</li>
<li>Custom anchor links – A user-defined anchor link can be added to the redirect that occurs when AR support is missing. By default, the anchor is taken from the button to start the AR scenes.</li>
<li>Autostart – Users can specify whether scanning the QR code automatically starts the AR scene when it is opened.</li>
<li>Show annotations – Optionally, the dimensions of the 3D models can be displayed within the preview. These dimensions are automatically calculated from the size of the model.</li>
<li>Host your own iframes (optional) – Enable the optional mode to easily stream your PausAR widgets as iframes on other sites, making your website the host.</li>
</ul>
Check out Pricing and full features of <a href="https://www.pausarstudio.de/wordpress-elementor/" rel="nofollow ugc">PausAR Pro</a> today!
<h4>Known Issues</h4>
<ul>
<li>
Possible problems when using cache optimisers, minifiers and CDNs (e.g. WP-Optimize, WP-Rocket, FlyingCDN, LiteSpeed Cache):
<ul>
<li>Some plugins modify JavaScript files and bundle them to improve page load times. However, this can invalidate file paths from our plugin. If problems occur, it is recommended to exclude our PausAR plugin from the modification if possible.
The following file paths should be excluded: <code>/wp-content/plugins/pausar-3d-ar-for-elementor</code> <code>/wp-content/plugins/pausar-3d-ar-for-elementor-premium</code></li>
</ul>
</li>
<li>
Problems when using the plugin WP-Optimize and the following features:
<ul>
<li>JavaScript minification: JavaScript code will be compressed to shorten loading times. This makes PausAR’s code unusable. If you want to use WP-Optimize with PausAR, you must add the file path of the PausAR plugin listed above as an exception in the WP-Optimize settings.</li>
<li>JavaScript processing (since v.3.7): This feature causes ES6 modules to no longer load correctly, which makes many modern plugins unusable, including PausAR. It is recommended to disable this feature, otherwise the 3D preview and AR mode will not work</li>
</ul>
</li>
<li>
If the plugin LiteSpeed Cache is used with the activated “UCSS” function, visual problems may occur. The CSS classes of the plugin can then only be partially loaded.
</li>
<li>
3D models cannot be loaded in AR mode if the paths are not specified with the global path. This only affects models whose files were not inserted directly via the WordPress media library.
</li>
<li>
Conflicts may arise when using Google’s Model-Viewer on the same website page. If PausAR is used, further imports of the Model-Viewer should be avoided and are not needed even for custom coding.
</li>
</ul>
<h4>Development</h4>
This plugin uses external libraries. The corresponding development files can be found here: 
<a href="https://github.com/google/model-viewer" rel="nofollow ugc">https://github.com/google/model-viewer</a> 
<a href="https://github.com/englishextra/qrjs2" rel="nofollow ugc">https://github.com/englishextra/qrjs2</a>
Depending on the structure of the content, some frameworks used in this plugin can load required scripts from the Internet. The following URLs can be loaded via cross-origin:
<ul>
<li>https://www.gstatic.com/draco/versioned/decoders/1.5.6/</li>
<li>https://www.gstatic.com/basis-universal/versioned/2021-04-15-ba1c3e4/</li>
<li>https://cdn.jsdelivr.net/npm/three@0.149.0/examples/jsm/loaders/LottieLoader.js</li>
</ul>

PausAR – 3D and AR for Elementor

PausAR is a user-friendly and web-based 3D & augmented reality viewer that can be easily integrated into any Elementor powered WordPress website.

AR for WooCommerce vs PausAR – 3D and AR for Elementor