WooCommerce Product Builder - Custom PC Builder

WooCommerce Product Builder – Custom PC Builder – Product Configurator

WooCommerce Product Configurator seems to be a should-have app for any part and half-constructing pages,
notably PC builder pages. Imagine if clients may undergo the method of constructing a PC and deciding on
the elements and elements they need by means of steps. That could be unimaginable, and that’s what WooCommerce Product
Configurator can present.

WooCommerce Product Builder is a supportive plugin that permits your clients to construct a full product set from
small elements step-by-step. This plugin works as a WooCommerce Product Configurator primarily based on the WooCommerce
platform, promising to give you many helpful options like appropriate, e mail-accomplished product,
attributes filters …

WooCommerce Product Builder

Plugin’s options

Creating WooCommerce Product
Configurator Pages
Settings on product builder pages
The Depend characteristic in
WooCommerce Product Configurator
Attribute widgets in
WooCommerce Product Configurator
Preview web page
Send
emails contanining the chosen product utilizing WooCommerce Product Configurator
Design
Print and PDF
Other helpful options
Video tutorial

Creating WooCommerce Product Configurator
Pages

WooCommerce Product Builder helps create as many WooCommerce Product Configurator pages as you need, builds
full merchandise step-by-step. You can arrange steps, in every step, there might be merchandise. You will resolve
which merchandise will seem in a step then clients will decide a number of from these merchandise on this
WooCommerce Product Configurator plugin.

Create Product Builder pages: Each product builder
will show on the entrance-finish as a web page, clients will construct their merchandise on this web page. You can add as
many product builders as you need.
Multiple steps: Add as many steps as you want, so clients can choose merchandise contained
in every half.
Add/ take away steps: Easy to plus or take away steps in every product builder.
Change step identify: Name for every step like STEP 1 – Mainboard, STEP 2 – CPU…
Select product and classes for every step: You can choose which merchandise and classes
that can seem in every step after which clients can decide up one (or extra) in these steps.
Search: The search bar out there lets you shortly search for a product or class.
Icon of step: You can add an icon that stands for a step usually.

Settings on product builder pages

Text prefix every step: Quickly identify every step with a hard and fast half and use the shortcode
{step_number} to show the variety of present steps.
Description: Add an outline to inform extra what a product builder web page is for, this
description will seem beneath the product builder web page identify, utilized for the Classic template solely.
Sort default: You can kind gadgets on a product builder web page so as: Title A-Z, Title
Z-A; Price low to excessive, Price excessive to low, or Sort by newest. Choose a default possibility you need.
Child classes: Display all merchandise in baby classes.
Select a number of merchandise: Allow clients so as to add multiple product in every step. If
this feature is disabled, when clients choose a product they are going to be mechanically redirected to the following
step.
Quantity discipline: This possibility permits clients to pick out merchandise amount. If this
possibility is disabled, the amount might be set as 1.
Preview button at all times reveals: The preview characteristic permits clients to view their full
product earlier than buy. The preview web page will seem within the final step, by enabling this feature you’ll
permit clients to go to the preview web page from any step.
Add to cart at all times reveals: If disable this feature, the add to cart button solely shows in
the ultimate step.
Remove all buttons: Enable to show the take away all button on the product builder pages.
Search product type: Enable if you wish to show search merchandise type by ajax.
Product is required for every step: To transfer to the following step, clients should choose at the very least
a product within the earlier steps.
Out of inventory merchandise: Enable it to show out-of-inventory merchandise on the product builder
web page.
Hide zero value product: Enable it to cover the merchandise which have zero costs.
Remove product title hyperlink: Not redirect to the only product web page when clicking on the product title
on the product builder pages
Product per web page: Set the utmost variety of merchandise per builder web page.

The Depend characteristic in WooCommerce Product
Configurator

Make certain all chosen product elements will work correctly. The Depend characteristic works primarily based on attributes values. For
instance: In STEP 1 – CPU, clients choose a CPU with the attribute “Socket” has its worth as “LGA 1151”, then
in STEP 2 – Mainboard he’ll discover solely mainboards which have the socket LGA 1151 (this attribute worth have to be
added to merchandise)

Attribute widgets in WooCommerce Product
Configurator

Attribute widgets assist your clients to simpler to search out the product they need to buy. To allow attribute
widgets, go to Appearance/ Widgets, search for WC Product Builder Widgets, and drag/drop them to WC Product
Builder Sidebar Area. Please take observe that the plugin is not going to work with customized attributes. To add/edit
attributes, please go to Products/ Attributes

Price Filter: Allow clients to search out merchandise in a value vary.
Rating Filter: Allow clients to search out merchandise primarily based on rankings.
Attribute Filter: Allow clients to search out merchandise primarily based on attributes. Like shade, model…

Preview web page

After ending constructing a product, clients can evaluation it once more on the preview web page. This web page will show
details about product names, costs, amount, complete value. Then clients can choose to test-out or e mail
the finished product.

Send emails
contanining the chosen product utilizing WooCommerce Product Configurator

There is a Send e mail to your buddy button on the chosen product checklist web page, clients can share their chosen
merchandise by way of emails.

Shortcode: There are 3 shortcodes that can assist you configure the emails.
{e mail}: sender e mail
{topic}: e mail topic
{message_content}: merchandise data
“Thank you” message: A message discover clients that their merchandise have been despatched
efficiently.
Customize e mail content material: Flexible construct the e-mail content material with out there shortcodes.

Design

The plugin provides many choices to alter the entrance-finish design.

Template: There are 3 totally different templates of the product builder web page you can choose
to show on the entrance finish.
- Classic
- Modern
- Ajax
Text shade: Change the button textual content shade
Background shade: Change the button background-shade
Primary textual content shade: Change the button textual content hover shade
Primary background shade: Change the button background hover shade
Button Icon: Select the button icon fashion. There are 2 kinds of textual content and icon.
Custom CSS: Add your personal CSS code to configure the entrance-finish fashion as you need.

Print and PDF

After assembling a set of part merchandise, you may export the chosen product checklist to a PDF file and print it
on the preview web page.

Print button: Enable to show the print button on the preview web page, and use the print
perform.
Download PDF button: Enable to show the Download PDF button on the preview web page,
and use the obtain PDF perform.
Show quick description: Enable to show the product quick description within the PDF file and
printed file.
Header of structure: Customize the content material of the header utilizing out there shortcodes.
Footer of structure: Customize the content material of the footer utilizing out there shortcodes.

Other helpful options

Support management bar on cellular mode: This characteristic helps to show a management bar and on the
backside of the product builder web page when clicking the menu on the bar, the detailed desk of chosen
merchandise will present up.
Distance from backside: Control the area from the bar to the underside.
Design management bar: You can change the textual content shade and background shade of the management bar.
Display share hyperlink: Copy and share a URL that hyperlinks to the chosen merchandise.
Remove quick share hyperlink information after x day(s): Automatically clear the quick share hyperlink
after a sure day you set.
Custom CSS: Design the product builder web page as you need.
Support service.