GET YOUR FIRST 14-DAYS OF PRO FREE

Using shortcodes to output the product configurator

In this post:

You can choose from 4+ stunning product configurator templates. But you can also choose to build the template your way!

We have added support for multiple shortcodes. This can be especially useful if the configurator is not showing up because you are using custom page builder templates, or if you just want to build the configurator your way.

We have added support for a few shortcodes.

Note: please remove the spaces before and after the brackets (we have intentionally added these to prevent configurators from being shown on this page).

Configurator

To output the full configurator on product pages:

[ staggs_configurator ]

And on regular posts / pages:

[ staggs_configurator product_id="YOUR_PRODUCT_ID_HERE" ]

 

Configurator gallery

To output the configurator gallery on product pages:

[ staggs_configurator_gallery ]

Regular posts/pages:

[ staggs_configurator_gallery product_id="YOUR_PRODUCT_ID_HERE" ]

 

Configurator attribute form

To output the configurator attributes list on product pages:

[ staggs_configurator_form ]

For regular pages:

[ staggs_configurator_form product_id="YOUR_PRODUCT_ID_HERE" ]

 

Configurator totals

To output the configurator totals on product pages:

[ staggs_configurator_totals ]

Regular posts / pages:

[ staggs_configurator_totals product_id="YOUR_PRODUCT_ID_HERE" ]

 

Configurator popup button

To load the button that triggers the configurator popup on product pages:

[ staggs_configurator_popup_button ]

On regular posts/pages:

[ staggs_configurator_popup_button product_id="YOUR_PRODUCT_ID_HERE" ]

 

Important! This shortcode will only output the configurator popup button. Not the configurator itself.

Kindly add the “configurator” shortcode also for the full popup functionality.

 

Shortcode placement

The shortcodes should be placed in a shortcode block on the specific page or in the page template (like single product page template).

 

If you are looking for specific shortcodes, please let us know!

Attribute Types

Chevron icon
Toggle widget nav content

Hooks and Filters

Chevron icon
Toggle widget nav content