No products in the cart!
Please make your choice.View all catalog
In recent years, there has been an increase in the popularity of customized goods. Consumers often seek distinctive goods that reflect their personalities and interests. This is why having a good WordPress product configurator plugin like Staggs is crucial.
With the help of this plugin, you can turn your standard product pages into product configurators/customizers. It includes a stacking system that lets you carefully plan the steps for the best user experience.
A new component of the product is added with each step until the product is finished. The basic idea behind this configurator is very straightforward – divide your product into parts that can be customized, then let the customer customize it as desired.
The Staggs Product Configurator has an entirely responsive and modern design. This configurator is among the best ones available.
Allow your customers to truly interact with the product configurator by including images and backgrounds. The Staggs Product Configurator is applicable to all products.
Additional features are available to premium users, including conditional steps, stock management, and support for multiple product image views.
Staggs provides a selection of up to 6 different step types. The idea is to create an image for each possible step variation. In essence, you are cutting the product into different pieces. When all the parts are put together, the finished product is displayed.
Depending on what you are selling, this can be anything from a color change to adding a new component.
You can upload transparent images of the product parts that change, which is a better option than creating all the product variation images. The configurator will stack the images on top of each other, resulting in a combined image.
It’s important to keep all of your images for the configurator at the same size. If not, the final product might not be correctly displayed.
The configurator’s product items can be created once all of the images have been created. With all in place, you can then start creating the product groups.
The product import and export tool enables batch import and export of product items and groups for the configurator (included with the premium version).
The only remaining step in the configurator process then is to build the actual configurator and connect the product groups.
Choose “New product item” in the left Staggs menu to create a configurable product. To achieve the desired outcome, a user must first identify configurable product parts and gather/generate images for each product part variation.
If you choose image stacking, you must ensure the image components are correctly aligned. You need to keep a constant frame for each component position to accomplish that.
There are several fields to fill in for each product item:
Once the product items are in place, you can begin combining them into steps by choosing the “Product groups” option from the right menu.
The last step is to build the WooCommerce product and incorporate the created product groups into the configurator steps.
You must select the “Enable configurator” checkbox for that product under WooCommerce products if you want to show the configurator.
You can customize the configurator once it is enabled. Decide whether you want the preview to appear on the left or right, set the theme (light or dark), set an accent color, and even set the company logo and configurator background image.
Instead of choosing a light or dark theme, you can also create your own color scheme. However, that is only accessible in the paid version.
Under Content tab, the product groups can be added as steps. The type of entry can be selected when adding a new entry. Options are true/false, dropdowns, tickboxes, cards, and icons (only in the pro version will all be available).
If you have the premium version, you can conditionally display steps based on the outcome of a previous step. This enables you to limit users’ options based on a particular configuration.
For the customer, the process is straightforward. The customer scrolls, then chooses, and finally makes a purchase. The customer can configure everything and choose the options he wants while scrolling. You can check demo to see how it looks.
The product preview image will be updated automatically whenever a customer changes a product option if a preview has been configured. But a preview doesn’t need to be set up. In that case, the image won’t change.
Customers can preview the finished product with all the options they have chosen once the item has been added to the cart. This avoids a great deal of customer confusion and significantly lowers cart abandonment.
The Staggs configurator works excellently on mobile devices, so no matter what devices visitors use, they will be able to use the product configurator without the issue.
The plugin comes in a free and paid version. Paid plans are Essential and Professional. Free version is somewhat limiting. You will need to buy one of the paid plans for any serious options.
Unfortunately, paid plans only come as monthly pricing, which means you will need to pay each month either $29.99 for the Essential plan or $49.99/per month for the Professional plan, which is a little expensive. Also, there is nowhere mentioned if that is for 1 site usage or more.
The difference between the Essential and Professional plan is in the number of available step types, and the Professional plan comes with additional features like multiple image views, scroll images into view, and conditional step display. So if you want to offer serious product configurator options to customers, you will need to buy a Professional plan.
WooCommerce requires the installation of an additional plugin for users to create configurable products. These plugins are referred to as “product configurators” or “product customizers.”
But do not confuse the WooCommerce visual product configurator (which is merely a visual stylization of products) with WooCommerce composite products (which are for assembling multiple product parts into a single unit) or with WooCommerce custom product boxes.
Offering customization separates you from your competitors and helps to increase brand recognition and awareness, which leads to higher sales.
Customers are willing to pay more for personalized items, which boosts sales for your online store. Most customers are willing to pay more for unique, tailored goods that match their personal styles.
You can even use the print on demand WooCommerce plugin to integrate with options like Printify and delegate the responsibility for item creation, packaging, shipping, and other related tasks.
The Staggs product configurator is built up of product items, groups, and step types.
When creating a new product, you can activate the product configurator for that product. When you check the mark, the product single page will transform into a product configurator.
The only thing left to do is connect the product groups to the product configurator. Based on your pricing plan, you will be able to choose 2, 4, or 6 step types. How your step options are displayed in the product configurator depends on the step type.
You can even go a step further and configure conditional logic in steps. But be noted that this feature is only available for users on the Professional plan.
Although it might sound complicated, Staggs is a straightforward product configurator tool with all the features you will need.
You can always install the free version and test it. If you need more features, you can buy one of the available paid plans.
DISCLOSURE: Posts may contain affiliate links. If you buy something through one of those links, I might get a small commission, without any extra cost to you. Read more about it here.