AR for WooCommerce vs STAGGS – Product Configurator Toolkit

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 product images or custom image URLs as 3D gallery models, with shortcode options for ratio, orientation, scale, and hiding the size selector – 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.

The STAGGS – Product Configurator Toolkit has everything you need to create stunning product configurators in WordPress and WooCommerce, right from your WordPress dashboard! The visual product configurators included 2D or 3D rendered images. The PRO version allows you to upload 3D GLB and GLTF models for the complete visual experience, including AR support. The product configurator plugin comes with stunning pre-built templates that you can use and customize to make your own! Apply your own brand logo, fonts, colors and icons to make the configurator truly yours. Getting started is really simple: create attributes, create a theme and build your configurable product. 👉 Interactive Guide: Get started using our guided tutorial 👉 Official Demo Links: Try out multiple Staggs configurator demos 👉 Learn More About Staggs (PRO): All the features of the Staggs product configurator PRODUCT CONFIGURATOR FOR WOOCOMMERCE If you have WooCommerce installed, you can create any configurator you like based on WooCommerce Simple products. Simply check the box ‘Enable Staggs Product Configurator’ and you can start building your configurator using the attributes and template. With WooCommerce installed, you can use the WooCommerce checkout system to let the customer directly pay at checkout. Read more about product configurators for WooCommerce PRODUCT CONFIGURATOR FOR WORDPRESS You can use the Staggs product configurator in WordPress too! WooCommerce is not required. In WordPress, you can build any configurator you like. We have created our own build-in product type for WordPress that you can use to create product configurators. Learn how you can build a product configurator in WordPress Note: there is no checkout system, so you can only create product configurators on a request quote basis using forms. You can also let customers directly send emails with the configured values. CUSTOM PRODUCT FIELDS FOR WOOCOMMERCE With STAGGS you don’t have to create full-fledged product configurators. You can also extend your simple products with custom product fields. Learn more about Product add-ons for WooCommerce by Staggs PLUGIN FEATURES The STAGGS Product Configurator Toolkit is packed with a lot of features: Stackable images: stack images on top of each other so you don’t have to create all possible variation product images yourselves Multiple product views: display your product from multiple angles Real-time price calculation: Charge additional costs for attribute options Collapsible attributes: Reduce configurator space by making your configurator attributes collapsible Configurator builder: easily create configurable products with attributes using our product configurator builder Customizer: make the product configurator truly blend in with the webshop. Customize the configurator template, colors, fonts, icons and apply custom CSS Shortcodes: Output your Staggs configurator anywhere on the product page you like Request quotes: link the configurator to a form (support for GravityForms, Contact Form 7, WP Forms, Ninja Forms and Fluent Forms) Contact via email: Directly open email client with selected configuration for inquiries Partial payments: Only charge a part of your total configuration costs at checkout Multi-language support: Translate your Staggs attributes into multiple languages Analytics: Track your most popular product configurations in the Staggs Analytics module 5+ ATTRIBUTE TYPES The configurator supports various types of attributes, including labels, user inputs, colors, fonts, links and even linked products. Image Input Color Font URL Linked product (pro) 10+ CUSTOM ATTRIBUTE FIELD TYPES The different attribute types can be paired with a display template to control how the options or inputs appear in the configurator form: Dropdown Option list Cards Image swatches Color swatches True/False Checkboxes Button group Text inputs Date input Number inputs Image upload (PRO) Related products (PRO) PRO FEATURES Our PRO features include: Conditional logic: Add conditional logic to your configurator attributes Inventory management: manage your inventory for individual attribute items Linked products: allow users to link WooCommerce products to your attribute options Multi-step configurator: Split up your configurator form into steps Advanced price calculations: Perform advanced price calculations based on formula’s and table prices Sharable links: Share active configuration as a link PDF downloads: Download active configuration as PDF Additional templates: horizontal popup and stepper template Image uploads: allow users to upload images and use preview in product image Related products add-on: allow users to add WooCommerce products to your configurable product Build 3D configurators: Use 3D product models in the product configurator (GLB and glTF) Change texture, color and variant of the 3D model Show/hide particular 3D model parts Update 3D camera zoom on option update Play 3D model animations Apply text or images AR view support Import/Export Tool: Easily import and export product attributes and edit attribute data in a sheet editor for convenient management PRE-BUILT CONFIGURATOR TEMPLATES The configurator plugin comes with four pre-built configurator templates for free Classic Template Full Template Floating Template Popup Template CUSTOM BLOCK FOR BLOCK THEMES The STAGGS configurator plugin comes with its own Gutenberg Block to add product configurator to your page. You will find the block in the Media category. Simply add the block to the page, select your configurable product and update the page. Now the configurator should be displayed. SHORTCODE SUPPORT FOR PAGE BUILDERS If you are using a page builder, you can use the following shortcodes to output the configurator on product pages: [staggs_configurator] to display complete configurator code; [staggs_configurator_popup_button] to display the popup trigger button (the popup is not visible by default). You can also choose to ‘design’ your own template, using each of the following shortcodes: [staggs_configurator_gallery] to display configurator image gallery; [staggs_configurator_form] to display the form containing all option groups and values; [staggs_configurator_totals] to display the add to cart or request invoice button; Learn how to display the product configurator in page builders Note: you can also use shortcodes on regular posts and pages, but you have to pass the product id as a parameter to the shortcode, like this: [staggs_configurator product_id="POST_ID"] You can find the POST_ID in your URL: post.php?post=[POST_ID] 3-STEP SETUP Getting started with the Staggs product configurator is simple and straight forward: Create your configuration attributes; Build your configuration using the created attributes on the product page; Change the configurator design by adding a template. RESPONSIVE DESIGN The Staggs product configurator templates are fully responsive and are embedded directly onto the page. You can build your configurator right from your WordPress dashboard and the configurator loads directly on the page. No need for embedded iframes. IMPROVED PRODUCT VISUALIZATION The Staggs product configurator can help you visualize changes in the product in multiple ways. You can add regular images that stack upon each other, display the image from multiple angles using multiple gallery images, use 3D rendered images of a product, or maximize the visualizations by creating a 3D configurator with AR support! STACKABLE IMAGES Save countless hours creating and uploading images for all of your product variations. Simply use our layered image preview that stacks all the images on top of each other. You even have control over where the image should go: always on top, at the bottom or maybe on layer four. You are in full control of how the product preview is going to look! SUPPORT FOR 3D CONFIGURATORS & AR MODE The Staggs product configurator comes with a lot of different visualization options. One of the PRO features is the support for 3D models and AR views. If you are looking for ways to take your product visualizations to the next level, you can create a 3D product configurator in WooCommerce with Staggs! WORKS WELL WITH OTHER PLUGINS We have added support for various other WordPress plugins, and we will keep expanding the list. Plugins we support at the moment of writing: Advanced Custom Fields PRO: Supercharge your Staggs admin panel with ACF PRO fields Contact Form 7, Gravity Forms, WP Forms, Ninja Forms and Fluent Forms: link configurator to a form to request quotes Yoast Duplicate Post: Duplicate attributes to speed up your configurator building process WPML and Polylang: Translate configurator attributes Deposit & Partial payments: Charge a partial amount of the total configuration costs at checkout TablePress: manage price tables for attributes (pro version) Find complete list on our website. BUILT-IN ANALYTICS MODULE The best way to get to know your customers is to find out what they like most. The Staggs product configurator comes with a built-in analytics module that collects all the configurable products from the WooCommerce orders, so you get more insights in your customers. Note: this feature is not available for WordPress-only installations. A RELIABLE GROWING PLATFORM We have scheduled monthly updates to ensure the plugin stays up-to-date with the latest developments in the WordPress environment. You can read more about the latest updates on our updates page. We are also open to feature requests; so if you have ideas in mind, feel free to reach out! Getting Started Building a product configurator with Staggs is relatively simple: Create Staggs configurator attributes Go to the ‘Staggs’ tab in the admin menu Open the “Attributes” page and create configurator attributes Build your configurable product with the attributes For WordPress, go to ‘Staggs’ > Products and create new product For WooCommerce, go to ‘Products’ and add new WooCommerce Simple product. Also tick the box “Enable Staggs product configurator” Create a configurator template and customize its settings to complete the look Go to Staggs > Templates and create new template Go to your configuratable product and select template in the configurator builder Publish the product and enjoy! Need help? Read the documentation for a detailed guide