In this article we will guide you through the steps to create a product configurator in WordPress. Preparing the product configurator Before we can create the product configurator, we have to create attributes and a configurator theme. With the attributes and theme in place, we can then build the configurator itself. Please check out the links below to learn more about attributes and themes: Create attributes Create themes (version 1.x) Create templates (version 2.x) Creating a product configurator in WordPress To create a product configurator in Staggs, head over to Staggs -> Products and add a new product.
When creating the configurator product, make sure to enter: Product title Featured image Regular price Display the product configurator in WordPress When you visit the link, you will see the configurator in action You can also choose to display the configurator on a separate page. To achieve this, you need to use shortcodes Also make sure to pass the product ID to the shortcode, otherwise it will not work. To get the product ID, simply look for number in the page URL. The ID in the URL below is 1456. wp-admin/post.php?post=1456&action=edit Configurator not working? If you have a fresh installation of Staggs without WooCommerce, you might need to update your permalink settings first. Otherwise the configurator page will result in a Page not found error.
Simply go over to your WordPress Settings -> Permalinks page and hit the button “Save changes” This will update the permalinks and ensures the new configurator permalink is registered as well. Go back to your configurator page and you should see it is working now.