Staggs Product Configurator for WooCommerce

Description

The Staggs Product Configurator for WooCommerce offers you a complete toolkit to create 2D and 3D product configurators in WooCommerce.

Our configurator is built around the famous stackable image concept: export individual product image layers and the configurator will stack them upon each other, resulting in the final product image.

View demos on our website

Why Staggs Product Configurator

There are many product configurator plugins to choose from. Why should you choose the Staggs Product Configurator plugin for WooCommerce?

• Transform simple product pages into product configurators
• Custom option items and options groups for easy management
• Easy-to-use product configurator builder
• Responsive configurator design
• Showcase your product from multiple angles (all views will be updated simultaneously)
• Built-in hooks and filters for developers
• Configurator loads about just as fast as your regular product pages

Terminology

The Staggs Product Configurator does not extend the WooCommerce Product Variations. Instead, we created our own version of product variations, so that we have more flexibility and to go just one step further than the default WooCommerce product variations. You might need to get used to the different naming schemes, so we have included a definition below to help you out:

Product Attributes: Option Groups
Attributes Terms: Option Items
Variable Product: Product Configurator with Simple Product
Variations: Configurator Steps (displays Option Groups)

Free features

The Staggs Product Configurator comes with a lot of features for free.

• Stackable images
• Display USPs
• Support for multiple product previews
• Product preview thumbnail labels
• Product preview thumbnails
• Real-time image preview and price calculation
• A built-in dark and light theme
• Support for custom theme
• Support for custom fonts
• Support for custom icons
• Slide-out panel for detailed descriptions
• Sticky add to cart button
• Works well in all popular themes
• Built right into your WordPress admin dashboard
• Seamless integration with WooCommerce Products, Cart and Checkout
• Support for configurator page backgrounds (works best in full page layouts).

Advanced Product Variation Options

The Staggs Product configurator comes with a list of different variation views for free:

• Option List
• Cards
• Icons
• Color Swatches
• True/False
• Checkboxes
• Text input
• Number input
• Dropdown

Explore features

PRO features

Our PRO features include:

• Display 3D product models (GLB and glTF)
• Change texture, color and variant of the 3D model
• Sharable configurator links
• Request invoice: generate PDFs
• Conditional step display
• Link your regular WooCommerce Simple Products to option items
• Display different image view for an option group on scroll
• CSV Import Export for convenient management
• Manage stock quantities for option items

Getting Started

The product configurator uses stackable image layers to help you save loads of time creating all the variation images yourselves! Building a product configurator with Staggs is just as easy as 1, 2, 3:

1. Create option groups: option groups bundle the option items together.
2. Add option items (you can see option items as the single product variations).
3. Build your configurable product with the created option groups.

Or use the option generator to generate option groups and items at once.

Preparing the product configurator

Before we set up the configurator, we have to identify the configurator steps. What will we allow our customers to edit? What steps are there going to be? When we have that clear and layout out, we can start creating images for these step options.

The idea here is that you create an image for each product variation. So were are basically cutting the product in various pieces. All pieces combined should display the finished product. The cool thing about this is that you only have to create images for the various options in each step. Not for all the combinations, because the configurator will do that for you.

Important! Keep the same image sizes for all of your images for the configurator. Otherwise some parts may not be displayed correctly in the final product.

Creating the product configurator

When you have finished creating all the images, we can start adding the product configurator groups. The groups will be used to combine all the related options. With all option groups in place, we can then add all the individual options to the option groups, which will be used in the configurator.

With all the configurator groups in place, we only need to create the configurable product itself and link the option groups. And there you have it! Your first product configurator is complete.

Need help? Read the documentation for a detailed guide

About

Here at Staggs, we believe that product configurators are meant to be easy and fun. No more complex configurators and headaches. So we created Staggs, a product configurator for WooCommerce that allows you to easily set up a product configurator in just 3 steps.