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
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 themes.
With WooCommerce installed, you can use the WooCommerce checkout system to let the customer directly pay at checkout.
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.
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.
Getting started with the Staggs product configurator is simple and straight forward:
We have optimized the product configurator for performance and speed, so you can expect your configurators to load just as fast as your regular product pages!
The Staggs Product configurator comes with a lot of different attribute types:
The configurator plugin comes with four pre-built configurator templates for free
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;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="YOUR_PRODUCT_ID_HERE"]
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.
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!
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!
The Staggs product configurator comes with a lot of different visualization options. One of the premium 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!
We have added support for various other WordPress plugins, and we will keep expanding the list. Plugins we support at the moment of writing:
If you want to request support for a specific plugin, please contact support.
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.
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 website.
We are also open to feature requests; so if you have ideas in mind, feel free to reach out!
The Staggs Product Configurator is packed with a lot of features:
Our PRO features include:
Building a product configurator with Staggs is very simple. You can get yours up-and-running in just three steps:
Need help? Read the documentation for a detailed guide