Descripción
El Staggs – Product Configurator Toolkit tiene todo lo que necesitas para crear configuradores de productos asombrosas en WordPress y WooCommerce, directamente desde tu escritorio de WordPress. Los configuradores visuales de los productos incluyen imágenes en 2D o 3D renderizadas. La versión PRO te permite subir modelos 3D GLB y GLTF para una experiencia visual completa, incluyendo compatibilidad básica con AR.
El plugin de configuración de productos viene con unas asombrosas plantillas prediseñadas que puedes usar y personalizar para crear la tuya propia. Aplica el logotipo propio de tu marca, fuentes, colores e iconos para hacer un configurador totalmente personalizado para ti.
Getting started is really simple: create attributes, create a theme and build your configurable product.
👉 Interactive Guide: Get started using our guided tutorial
👉 Enlaces de la demo oficial gratuita: Prueba múltiples demos del configurador Staggs
👉 Aprende más sobre Staggs (PRO): Todas las características del configurador de productos Staggs
CONFIGURADOR DE PRODUCTOS PARA WOOCOMMERCE
Si tienes instalado WooCommerce, puedes crear cualquier configurador basándote en los productos simples de WooCommerce. Basta con marcar «Activar configurador de productos Staggs» para empezar a crear tu configurador usando atributos y temas.
Con WooCommerce instalado, puedes usar su sistema de pago para dirigir al cliente directamente al pago cuando finalice su compra.
Read more about product configurators for WooCommerce
CONFIGURADOR DE PRODUCTOS PARA 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.
PRODUCT ADD-ONS FOR WOOCOMMERCE
With Staggs you don’t have to create full-fledged product configurators. You can also extend your simple product forms with additional product options.
Learn more about Product add-ons for WooCommerce by Staggs
PLUGIN FEATURES
The Staggs Product Configurator 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
10+ ATTRIBUTE TYPES
The Staggs Product configurator comes with a lot of different attribute types:
- Option list
- Cards
- Image swatches
- Color swatches
- True/False
- Checkboxes
- Button group
- Text inputs
- Fecha de entrada
- Number inputs
- Dropdown
- Actualizar imagen (PRO)
- Productos relacionados (PRO)
PRO FEATURES
Nuestras características PRO incluyen:
- 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
- Configurador con múltiples pasos: Separa el formulario de tu configurador en varios pasos
- Advanced price calculations: Opciones de precio avanzadas basadas en valores numéricos introducidos
- Enlaces para compartir: Comparte la configuración activa como un enlace
- Descargas PDF: descarga la configuración activa en PDF
- Plantillas adicionales: Mensaje emergente horizontal y plantilla de pasos
- Image uploads: permite a los usuarios subir imágenes y usar la vista previa en la imagen del producto
- Extensión de productos relacionados: permite a los usuarios añadir productos de WooCommerce a su producto configurable
- 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
- Compatibilidad con vista AR
- Herramienta de importar/exportar: Importa y exporta fácilmente atributos de productos y edita datos de atributos en una hoja de edición para una gestión adecuada
PRE-BUILT CONFIGURATOR TEMPLATES
The configurator plugin comes with four pre-built configurator templates for free
SHORTCODE SUPPORT FOR PAGE BUILDERS AND BLOCK THEMES
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).
También puedes elegir el «diseño» de tu propia plantilla, usando cada uno de los siguientes extractos de código:
[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
Nota: además, puedes usar shortcodes en entradas y páginas normales, pero tienes que pasar el identificador de producto como un parámetro al shortcode, tal que así: [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
El configurador de productos Staggs puede ayudarte a visualizar los cambios del producto de diversas formas. Puedes añadir imágenes regulares que se apilan unas contra otras, mostrar la imagen desde diferentes ángulos utilizando las imágenes de la galería, usar imágenes 3D renderizadas de un producto o maximizar las visualizaciones creando un configurador en 3D con soporte de AR.
STACKABLE IMAGES
Ahorra innumerables horas creando y subiendo imágenes para todas las variaciones de tus productos. Simplemente utiliza nuestra vista previa de imágenes en capas que apila todas las imágenes unas encima de otras. Ahora tienes el control sobre dónde debe situarse cada imagen: siempre arriba, abajo o quizás en una cuarta capa. ¡Controlas totalmente cómo se va a ver la vista previa de tu producto!
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: Mejora tu panel de administración de Staggs con los campos de ACF PRO
- Contact Form 7, Gravity Forms, WP Forms, Ninja Forms y Fluent Forms: Enlaza el configurador a un formulario para pedir presupuesto
- Yoast Duplicate Post: Duplica atributos para acelerar tu proceso de construcción del configurador
- WPML y Polylang: Traduce los atributos del configurador
- Deposit & Pagos parciales: Carga una parte del importe del coste total de la configuración al finalizar el pago
- TablePress: gestiona tablas de precios para los atributos (versión PRO)
Find complete list on our website.
BUILT-IN ANALYTICS MODULE
La mejor forma de comenzar a conocer a tus clientes es descubrir qué es lo que les gusta. El configurador de productos Staggs viene con un módulo de estadísticas incorporado que recopila todos los pedidos de productos configurables en WooCommerce, para que conozca mejor a sus clientes. Nota: esta característica no está disponible para una instalación solamente en WordPress.
A RELIABLE GROWING PLATFORM
Hemos programado actualizaciones mensuales para asegurar que el plugin se mantiene al día con los últimos desarrollos llevados a cabo en el entorno de WordPress. Puedes saber más sobre las últimas actualizaciones en nuestra sitio web.
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!
Capturas
Instalación
Instalación desde dentro de WordPress
- Visita Plugins > Añadir nuevo.
- Search for Staggs.
- Instala y activa el plugin del configurador de productos Staggs.
Instalación manual
- Upload
staggs.zip
to the/wp-content/plugins/
directory - Activate the plugin through the ‘Plugins’ menu in WordPress
FAQ
-
P. ¿Por qué no se muestra mi configurador?
-
R. Si estás usando Elementor o un tema basado en bloques (como el nuevo tema 2024), necesitas usar shortcodes para visualizar el configurador. En temas clásicos (como Astra o Storefront) el configurador se mostrará por defecto.
-
Q. Why does my configurator builder not show up on the product page?
-
A. Make sure your product type is set to «Simple» and you have checked the box «Enable Staggs Product Configurator» in the Product data section. If the box is still not visible, please check your Screen settings in the top right-hand corner.
-
Q. Why does the WooCommerce Cart Block show default product image?
-
A. The WooCommerce Cart block does not allow content overrides by third-party plugins, so the images can’t be replaced. Please use the WooCommerce Cart shortcode [woocommerce_cart] if you want the configuration images visible.
-
Q. My attribute pages are loading slow. What can I do?
-
A. If you have loads of attribute options, the pages of Staggs tend to load slower. At this point you might want to consider migrating to ACF PRO fields. These fields load faster and are better optimized.
-
Q. My images are not showing up correctly. What should I do?
-
A. It is most likely you have not defined a fixed image layer order. Simply go over to your Staggs attributes and locate the field «Image Layer Order» in the Presentation tab. There you can enter a numeric value. Higher numbers will be displayed on top.
-
Q. Does the plugin require WooCommerce?
-
R. No, este plugin no requiere WooCommerce. En todo caso, necesitarás WooCommerce si quieres recibir pagos. Nuestro plugin utiliza el sistema de carrito de WooCommerce para un proceso de pago adecuado y familiar.
-
Q. Does it support variable products?
-
A. No, we only support WooCommerce Simple Products. WooCommerce Variable Products are a kind of configurable product already.
-
P. ¿Puedo usar este plugin como una herramienta de diseño de productos?
-
A. The plugin is intented to be used as a product configurator tool. It allows you to add text and images onto your products. But this plugin has no drag and drop features, nor the supported quality to use for print on demand.
-
Q. My question is not listed
-
R. Si tienes alguna pregunta sobre el plugin, por favor envía un correo electrónico contact@staggs.app.
Reseñas
Colaboradores y desarrolladores
«Staggs – Product Configurator Toolkit» es un software de código abierto. Las siguientes personas han colaborado con este plugin.
Colaboradores«Staggs – Product Configurator Toolkit» está traducido en 2 idiomas. Gracias a los traductores por sus contribuciones.
Traduce «Staggs – Product Configurator Toolkit» a tu idioma.
¿Interesado en el desarrollo?
Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.
Registro de cambios
2.4.1 (2024-11-25)
- Bug fixes from 2.4
2.4.0 (2024-11-23)
- Add support to hide attribute titles
- Add support to hide input labels
- Show desktop like layout in landscape mode
- Add setting to customize image capture scale
- Add color picker input type (pro)
- Fix bug in table price display (pro)
- Add note field for products (pro)
- Replace cart item with new configuration when coming from cart (pro)
2.3.0 (2024-11-16)
- Add support for WordPress 6.7
- Various bug fixings
2.2.0 (2024-11-09)
- Add support for extended font options (PRO)
- Security updates for WP review team
- Various minor bug fixings
2.1.0 (2024-10-30)
- Add support to change slide on tab click
- Add support for popup description instead of panel descriptions
- Add support to show other gallery images alongside the 3D viewer (pro)
- Fix percentage calculation
- Security updates
2.0.1 (2024-10-28)
- Minor bug fixings
2.0.0 (2024-10-26)
- Reorder configurator theme options
- Reorder settings page options
- Rename «Theme» to «Template»
- Add support to exclude attributes from summary widget display
- Fix duplicate attribute display on attribute only shortcode Template
- Add support to show plus and minus icons for number inputs
- Add support to pass configuration image to form
- Add filter for developers to modify query args for admin queries
- Add support to pass configuration link to form (pro)
- Add support for empty / not empty conditional logic comparisons (pro)
- Add support to use regular attribute options in product template (pro)
- Add support for 3D auto rotation speed and delay setting (pro)
- Add support for shared field min and max to define max attribute total quantity (pro)
- Add support for regular attributes to be used in product add-on template (pro)
- Add support for option descriptions in product add-on template (pro)
- Fix 3D model animations resetting (pro)
- Fix WooCommerce only template functions for 3D models (pro)
- Fix stock status display for linked products that are in stock (pro)
- Update libraries and plugin logo
1.12.4 (2024-10-12)
- Extend loader indicators to other form actions
- Add support for global conditional rules (pro)
- Add support for multiple file inputs in single attribute (pro)
- Minor fixes and improvements
1.12.3 (2024-10-05)
- New dashboard page with helpful links
- Fix support for dropdown option conditional logic (pro)
- Fix support for dropdown option formula price (pro)
- Fix inventory check on add to cart (pro)
- Update libraries
- Update translation files
- Other minor bug fixing and improvements
1.12.2 (2024-09-26)
- Fix crash when no taxes are configured
1.12.1 (2024-09-25)
- Hook into WooCommerce filters to get modified product price and product sku
- Add support to display price including and excluding taxes (pro)
- Add support to update multiple preview CSS properties at once (pro)
- Fix file upload for large non-image uploads (pro)
- Add option to display total weight in option totals (pro)
- Various fixes for 1.12
1.12.0 (2024-09-18)
- Reflect action prices in total price
- Display option prices based on WooCommerce tax display settings if configured
- Add theme option to include gallery background image in image capture
- Add support to mark custom attribute input as the product quantity input
- Hide non-evaluated conditional logic options on page load
- Add support for sale table price (pro)
- Add support to add product quantity in formulas (pro)
- Include variations in product selection list (pro)
- Add setting to include online configuration link in PDF (pro)
- Add option to control linked product quantity (pro)
- Add setting to display image uploads as preview or link in cart (pro)
- Bug fixes and optimizations
1.11.0 (2024-08-24)
- Add guided walk-through on the about plugin page section
- Add support to calculate configurator min and max prices based on attribute list
- Add setting to control whether the WooCommerce product price on single product page should be updated or not
- Add support to apply custom text onto 3D model (pro)
- Add support to upload custom image onto 3D model (pro)
- Add support to calculate table prices based on the product quantity (pro)
- Add support to add repeater linked products as separate line items (pro)
- Add support to enter weight for regular options (pro)
- Some bug fixes and improvements
1.10.0 (2024-08-01)
- Move attribute detail settings to separate tab «Presentation»
- Bring back staggs floating notice by default
- Add support for sticky image in shortcode template
- Add support for setting to hide total price for all configurator actions
- Add option to show description as tooltip instead of in panel
- Fix multiple checkbox options not showing up in cart
- Add support to specify different layer per view for attribute image using comma separated values
- Add support to generate and include a PDF in form field when requesting a quote (pro)
- Add support for option percentage and formula price (pro)
- Add support for option sku formula (pro)
- Add support for SKU for input fields (pro)
1.9.0 (2024-06-29)
- Add theme setting to control configuration form width
- Update text preview value based on option value if default type Image
- Extend calculation options (pro)
- Add setting to bundle separate configuration cart line items (pro)
- Add setting to override default browser file upload display (pro)
- Add support to include order number on PDF (pro)
- Add support for PDF intro text (pro)
- Fix: show calculated prices in PDF (pro)
- Generate PDF link for mail links (pro)
- Update PDF library (pro)
- Various fixes and changes
1.8.1 (2024-06-05)
- Add support to stretch background in floating layout
- Fix image not being hidden when checkbox gets unchecked
- Scroll to first invalid option when inline error messages active
- Hide pricings if user is not logged in in PDF (pro)
- Replace file upload preview with link in cart and checkout (pro)
- Add support to display notes in PDF (pro)
- Add support for text matrix table compare value (pro)
- Various bug fixes
1.8.0 (2024-05-18)
- Add support to display close button for full page configurations to go back to desired page
- Add support to change woocommerce loop product add to cart label for configurable products
- Add support for range handle touch support on mobile
- Add template and type filters in attribute admin table
- Add support for taxed products (pro)
- Fix: add fallback for name attributes in cart option
- Fix: conditional range slider value bubble
- Fix: remove price display from loop items when price hidden for visitors
- Delete: deprecated option groups and items
- Improvements and bug fixings
1.7.3 (2024-05-10)
- Some bug fixes for 1.7.2
1.7.2 (2024-05-09)
- Add support for inline field error messages
- Add support for range input value bubble
- Add support to enter minimum and maximum configuration price and show on product archives
- Add support to show prices for logged in users only
- Fix: Minor adjustments in multi language settings
- Fix: Clear image preview if selected option preview empty
- Fix: Show increment field setting for numeric input fields also
- Fix: Start price calculation after user has finished typing
- Fix: Only load in WordPress base on AJAX calls.
- Add support for 3D metallic and roughness material factors (pro)
- Add conditional logic support for repeater field (pro)
- Add setting to gray out invalid conditional options instead of removing them (pro)
- Add setting to hide duplicate attribute titles in summary widget (pro)
- Fix: update conditional logic checks to take multi option select into consideration (pro)
- Fix: list all input fields in input conditional value select (pro)
1.7.1 (2024-04-13)
- Add support to tag attributes so you can find your relevant attributes back more easy
- Extend collapsible attributes summary to more option templates
- Allow html tags in summary notes display
- Add support for custom 3D model loader image (pro)
- Update conditional logic to remember same option names across different attributes (pro)
- Add support to control attribute spacing for desktop and mobile (pro)
- Add support for multiple option selections (pro)
- Update CSV import fields (pro)
- Regular amount of bug fixes
1.7.0 (2024-03-27)
- Add new border style circular
- Add support to show inline notes instead of labels for swatches
- Add support to display custom HTML block in configurator builder
- Add attribute option conditional logic rules (pro)
- Add setting to add attribute option linked products as separate line items (pro)
- Add setting to generate and attach PDFs to order line items (pro)
- Extend template color options (pro)
- Add garbage collector to delete generated files after certain amount of days (pro)
- Bug fixes
1.6.4 (2024-03-16)
- Added support for updating multiple 3D model materials at once (pro)
- Minor changes and improvements
1.6.3 (2024-03-12)
- Added support to output shortcode contents on summary page
- Add new URL option type to link to different product when clicking an option
- Enable animation play support for 3D models when selecting an attribute option (pro)
- Allow change of model camera position when selecting an attribute option (pro)
- Add setting to customize PDF header address text contents (pro)
- Add setting to collect user email before downloading PDF (pro)
- Bug fixes
1.6.2 (2024-03-02)
- Add option to disable full height on configurator view
- Add option to display reset configuration button
- Add feature to include option notes in configuration summary to show more detailed info
- Extend support for total formula calculation for email and request invoice configurator types (pro)
- Add option to create separate cart line items for products from the addon products template (pro)
- Some bug fixes
1.6.1 (2024-02-17)
- Add option to enlarge option, cards and swatches thumbnail images
- Add option to show sticky cart bar in classic Staggs configurator templates
- Add option to display hotspot with information in 3D models (pro)
- Some bug fixes
1.6.0 (2024-02-10)
- Add option to show gallery actions capture image, share link, add to wishlist, download pdf in gallery (pro)
- Add «my configurations» wishlist feature (pro)
- Add support for «capture image» gallery action (pro)
- Add option to open up separate summary page before adding to cart (pro)
- Extend conditional logic comparisons to be used for input fields (less than, greater than) (pro)
- Extend formula calculations to options fields (pro)
- Allow to display calculated formula price underneath given attribute (pro)
- Added support to include default WooCommerce product attributes into the PDF download (pro)
- Fixes and improvements
1.5.10 (2024-01-25)
- Add tick all option for tickboxes
- Add support to show additional description for each option or card item (pro)
- Retain 3D model position during configurations (pro)
- Extend calculation formula options (pro)
- Fixes and improvements
1.5.9 (2024-01-13)
- Various fixes and improvements
- Update libraries
1.5.8 (2023-12-16)
- Increase block themes compatibility
- Add support to hide disabled buttons
- Update tooltips display options
- Add additional button type email to send email directly
- Add support to set minimum price for matrix calculations (pro)
- Fixes and improvements
1.5.7 (2023-12-02)
- Add support to control multiple attributes in single tab
- Remove scrollbar display on Windows devices
- Add multi currency support for attribute options
- Add setting for popup to display contents inline on mobile
- Bring back AR button on mobile (pro)
- Extend matrix price calculation options (pro)
…