STAGGS – Product Configurator Toolkit
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
Top keywords
- configurator63×4.00%
- product59×3.74%
- staggs32×2.03%
- product configurator22×1.40%
- attributes18×1.14%
- woocommerce16×1.02%
- 3d13×0.82%
- template13×0.82%
- images12×0.76%
- page12×0.76%
- products12×0.76%
- pro11×0.70%
WCB | WP Configurator Builder – Product Configurators Made Simple
Create complex product configurators and customizers in WordPress and WooCommerce without having to touch any line of code WP Configurator Builder (WCB in short) is a standalone Gutenberg-based product configurator builder plugin for WordPress, giving you a familiar drag-and-drop admin interface. The plugin does not require any coding knowledge to set up. Simply create your choices, design your form and upload your product images. Key features of WP Configurator Builder include: Stackable image layers: layer transparent PNGs on top of each other to automatically generate the final product render 3D model viewer: built-in support for 3D viewer to create 3D product configurators based on 3D models Real-time updates: the configuration images and prices update in real time as the customer changes options Extra product options: extend WooCommerce products with custom add-ons and options. Includes support for swatches, text inputs, buttons and more. Request quotes: link configuration to WordPress form to capture leads WooCommerce integration: use the WooCommerce checkout system to purchase customized products Shortcode display: display configurator forms on any post or page using shortcode display Drag and drop form builder: use the Gutenberg drag-and-drop form editor to structure your configuration forms Multi language: built-in multi language plugin support You can use this product configurator builder to highlight your product variants in WordPress, collect leads using request a quote feature or drive sales through the checkout system of WooCommerce. Quick links: See the plugin in action Learn more about WCB (PRO) Browse add-ons Read the documentation Confused about how to get started? Watch our get started video: Places where the WP Configurator Builder plugin has been featured 🏆 WP Configurator Builder featured on WP Hive 🏆 WP Configurator Builder featured on WP Mayor 🏆 WP Configurator Builder featured on WP Daily Themes Why is WP Configurator Builder free? With the rise of personalization in e-commerce, we wanted to contribute to the WordPress and WooCommerce community by providing a plugin which allows you to create product configurator and customizer forms in a simple way for free. Why should I use this plugin? The WCB Configurator builder is a multi-functional product configurator plugin that can be used for various use-cases, including but not limited to: Extra product options and WooCommerce product add-ons Visual product configurators 3D product configurators Request quotes for custom products Guided selling forms Composite products WooCommerce product bundles Product customizations Measurement and cost calculators Example products: Custom furniture and interior design Electronics (phones, wearables, etc) Computers and gaming Printed apparel and custom clothing Shoes and bags Music instruments Vehicles and parts Custom sheds and modular homes Tools and equipment Handmade items Accessoires Digital product customization Drag and drop configurator builder Create and manage configuration fields with a drag-and-drop editor: Add unlimited fields Drag and hold to reorder fields Apply each configurator to any WooCommerce product or display on any page Live product image updates Automatically update your product visuals: Preview image changes Dynamic main image replacement Multiple image product views supported (showcase your product from various angles) Apply custom text styles Stackable PNG image layers Combine multiple images (layers) into a single live preview: Ideal for furniture, apparel, vehicle parts, and custom sets Layer-by-layer visibility control Support for transparent PNGs (and SVGs) Customize products in 3D Create stunning 360 degree configuration experiences: Based on 3D GLB models Show and hide specific parts Update textures and colors Add custom text and images Update 3D model background scenes Play or loop 3D animations AR support (on compatible devices) Visual drag and resize controls Customers can easily drag, rotate and resize elements on the product image: Drag custom text and images in the product image Resize and scale text and image uploads Rotate image uploads and texts Flexible extra product fields Create unlimited custom option fields: Color swatches Image swatches Button groups Tab fields Text fields Number fields Radio buttons Request quotes Allow customers to request quotes via forms or email: Send configurations via email Request quotes via forms Dynamic price rules Supports: Live price recalculation Per-option pricing Fixed price increases Sale prices Unit prices (charge per character or per numeric value) Built-in WooCommerce integration Sends all configuration data to: Add configurations to cart Checkout Order confirmation Multi currency support Block theme and page builder support Insert configurators anywhere using: Gutenberg block Shortcode block Pre-built templates Build unlimited configurators The WP Configurator Builder plugin has no limit on the amount of configurations you can create. You can use it on: Any number of products Any product type Any store size Custom CSS and design controls Style the configurator visually: Buttons, borders, spacing Fonts and colors Step indicators Form elements Global styling Custom styles and scripts Developer friendly Includes: Hooks Filters Multi-language and RTL-display support The plugin is fully compatible with multi language plugins: WPML Polylang LocoTranslate And more Paid plugin features Upgrade to WCB Configurator Builder Pro bundle for more advanced customization capabilities. Advanced configuration form fields Extend your configuration form with advanced fields: Image dropdown Date picker field Color picker field Range slider field File upload field Field sliders Repeater field Panel options field Conditional field display Take customization further with conditional display: Multi-condition rules AND/OR logic rules support Disable single options Show or hide fields Create multi-step configuration forms Convert the configurator into a guided multi step wizard: Mandatory steps Next/Previous navigation Configuration summary page Save and resume configurations Allow customers to: Save their progress and resume later Add configurations to a wishlist Load saved designs Create advanced pricing rules Pro-level pricing flexibility: Percentage based pricing Formula pricing Tiered table prices Enable configuration PDF downloads Customers can easily download a PDF file containing: Configuration price Company details Selected options Generated images Customer wishlists Customers can easily save their favorite designs to their wishlist Save configurations to wishlist Load designs from wishlist Set WooCommerce account-based wishlist Inventory management Store owners can easily manage their configurations options: Option weight management Option SKU management Option stock management Linked WooCommerce products Store owners can easily build composite or bundled products using the linked products field: Link WooCommerce products to configuration options Add products to cart separately Manage product details (like title, stock, sku and price) in WooCommerce Configuration analytics Store owners can easily see best performing configuration options: See conversion rates Explore most selected configuration options Collect emails for customer retargeting WooCommerce visual product customizer plugin Build visual product configurators with our product configurator builder tool. Add image layers, customize text and upload images. You can also allow your customers to drag and resize text and images on the product images using the visual control settings provided in our plugin. 3D product configurator plugin Step up your visual game with GLB 3D models. Change colors, update model parts and even show the 3D model in your own room using AR capabilities. Change the visual display to 3D model in WCB > Settings and start creating stunning 3D configurations inside the WCB configurator plugin. WooCommerce product configurator If you are running a WooCommerce store, you can also use this plugin to extend your regular WooCommerce products and add extra product options, like input fields, swatches, and more. This product configurator plugin integrates seemlessly with the WooCommerce plugin. Connect your configurations to WooCommerce products and build stunning product configurators and customizers with ease. You can choose to extend simple products or variation products. Use the WooCommerce checkout system to handle the online purchasing process. WordPress CPQ configurator (Configure, Price, Quote) Allow your customers to ask for specific pricings using the request a quote feature of our plugin. Simply link your configurator to your favourite form plugin or use the email button action and start collecting leads. Supported form plugins include: WP Forms Forminator Fluent Forms Formidable Forms Gravity Forms Ninja Forms Contact Form 7 Note: basically any form plugin is supported as long as it allows you to set custom classes for input fields. WooCommerce Cost Calculator Get the advanced calculations add-on and create advanced price calculations using formula’s and tiered table prices This allows you to perform advanced calculations based on numeric inputs and allows you to create a measurements cost calculator for example. WordPress Product Configurator The WP Configurator Builder plugin is designed as a standalone plugin. You can use the shortcode to display your product configurator on any page you like. About This plugin is developed and maintained by Dons Digital.