WooCommerce Product Builder – Custom PC Builder

WooCommerce Product Builder - Custom PC Builder - 1
WooCommerce Product Builder - Custom PC Builder - 2
WooCommerce Product Builder - Custom PC Builder - 3
WooCommerce Product Builder - Custom PC Builder - 4

WooCommerce Product Builder is a plugin that allows your customers to build a full product set from small parts step by step. The plugin works base on WooCommerce with many useful features like compatible, email completed product, attributes filters …

WooCommerce Product Builder - Custom PC Builder - 5

Select Products

WooCommerce Product Builder - Custom PC Builder - 6

Products Filter

WooCommerce Product Builder - Custom PC Builder - 7
WooCommerce Product Builder - Custom PC Builder - 8


Product Builder: allows your customers to build complete products step by step. You can set up steps, in each step, there will be products. You will decide which products will appear in a step then customers will pick one or more from that products.

  • Create Product Builder pages: Each product builder will display on front-end as a page, customers will build their products on this page. You can add as many product builders as you want.
  • Multiple steps: Add as many steps as you need customers to select product parts.
  • Change step name: Select a name for each step like STEP 1 – Mainboard, STEP 2 – CPU… Use the shortcode {step_number} to display the number of currency step.
  • Select product and categories for each step: You can select which products categories will appear in each step and then customers can pick one (or more) in that step.
  • Select multiple products: Allow customers to add more than one product in each step. If this option is disabled, when customers select a product they will be automatical redirect to the next step.
  • Quantity field: This option allows customers to select products quantity. If this option is disabled, the quantity will be set as 1.
  • Preview button: The preview feature allows customers to view their full product before purchase. The preview page will appear in the last step, by enabling this option you will allow customers to visit the preview page from any step.
  • Product per page: Select how many products will be displayed on one page in front-end.

Compatible: Make sure all selected product parts will work properly. The compatible feature works based on attributes values. For example: In STEP 1 – CPU, customers select a CPU with the attribute “Socket” has its value as “LGA 1151”, then in STEP 2 – Mainboard he will find only mainboards which have the socket LGA 1151 (this attribute value must be added to products)

Attribute Widget: Attribute widgets helps your customers to easier to find the product they want to purchase. To enable attribute widgets, visit Appearance/ Widgets, look for WC Product Builder Widgets and drag/drop them to WC Product Builder Sidebar Area. Please take note that the plugin will not work with custom attributes. To add/edit attributes, please visit Products/ Attributes

  • WC Product Builder Price Filter: Allow customers to find products in a price range.
  • WC Product Builder Rating Filter: Allow customers to find product base on ratings.
  • WC Product Builder Attribute Filter: Allow customers to find product base on attributes. Like color, brand…

Preview page: After finish building a product, customers can review it again in the preview page. This page will display the information about product names, prices, quantity, total price. Then customers can select to check-out or email the completed product.

Email: Customers can send their finished product by emails

  • Shortcode: There are 3 shortcodes to help you configure the product emails.
    {email}: sender email
    {subject}: email subject
    {message_content}: products information
  • “Thank you” message: A message notice customers that their products have been sent successfully.

Design: The product builder front-end page is fully customizable to fit with your theme.

  • Text color: Change button text color
  • Background color: Change the button background color
  • Primary text color: Change the button text hover color
  • Primary background color: Change the button background hover color
  • Button Icon: Select the button icon style. There are 2 styles of text and icon.
  • Custom CSS: Add your own CSS code to configure the front-end style as you want.

Auto-update: Use your Envato purchase code to active the auto-update feature. You can use only update automatically in support time that is working


/**2.0.7 - 2020.01.27**/
- Fixed: Attributes depend
- Updated: Lightbox for product thumb
- Updated: Add option Show product within out of stock
- Updated: Add option Hide product with price is zero
- Updated: Add option Remove link from product

Live PreviewDownload Now

Leave a Reply

Your email address will not be published. Required fields are marked *

Enter Captcha Here :

You May Also Like
Read More

Socialize | Social Media Buttons

Overview Socialize is an easy-to-use and colorful, creative made in CSS3. Features 3 available sizes 7 Available Styles…
Read More

Prestashop AjaxManager

Ajax manager is the ultimate tool for prestashop managers.Edit the file css, html,tpl, php, js your site and…
Read More

Advisor Quiz

Advisor Quiz is a Premium WordPress plugin to develop quizzes with results that include content or product suggestions…
Read More

Shiny Hover Effect

Overview Shiny Hover Effect could be apllied to any html element and could be customized for your own…
Read More

Magento2 Refer To Friend

    Refer to Friend is an extension developed for Magento® 2.x.x. It allows the registered front-end users to…