WooCommerce Product Configurator: Plugin or Custom Code

  • Home
  • WooCommerce Product Configurator: Plugin or Custom Code
WooCommerce Product Configurator: Plugin or Custom Code

Most stores can build a WooCommerce product configurator with a ready-made product fields plugin. It covers options, surcharges, a text field for personalization and conditions that hide choices that don’t fit. You only need custom code when the price comes from a formula, a choice affects production or stock, or the customer has to see the result live. Below you’ll find a step-by-step setup example and a list of signs that a plugin is no longer enough.

Why aren’t WooCommerce variations enough for personalization?

Variations work well for a product that physically exists in several versions, such as a T-shirt in three sizes. They handle add-ons and personalization less well, because every combination needs its own variation.

According to the WooCommerce documentation on variable products, variations are built from attributes, and each variation can have its own price, SKU and stock level. That’s great for inventory management. But an engraving with free text, an optional add-on, or a choice that only makes sense together with another choice quickly turns the variation list into a table nobody wants to maintain.

That’s why stores that sell personalized products usually combine two levels: variations for what’s on the shelf, and extra fields for what the customer adds to the order.

What can a ready-made product fields plugin do?

A good product fields plugin gives the store a set of building blocks: checkboxes, dropdowns, text fields, surcharges and conditions between fields. With these you can build most configurators without a developer.

One example is the Woo Product Fields Pro plugin. According to the vendor’s description, it works in layers:

  • Parts are the smallest elements, with a color, label, image and database key; a part’s price can be fixed or taken from a selected product,
  • Fields are of type select, checkbox or text field, display as text, image or color, and can be marked as required,
  • a field option can raise the price, lower it or leave it unchanged, can be selected by default and can link to a description,
  • Field Groups are assigned to specific products,
  • logic conditions in a group let you validate fields or hide them depending on choices in other fields.

Step-by-step setup example: an engraved cutting board

Take a workshop that sells wooden cutting boards with optional engraving and a care oil. The oil is also sold separately as a regular product.

  1. Parts. You create an “Oil” part whose price comes from the existing oil product, and an “Engraving” part with a fixed price, because you don’t sell engraving on its own.
  2. “Size” field. A required select with small, medium and large options, each with its own surcharge.
  3. “Engraving” field. A checkbox with yes and no options; the yes option has the “Engraving” part assigned, so it adds that part’s price.
  4. “Engraving text” field. A text field shown only when yes is selected in the “Engraving” field, and required in that case.
  5. “Engraving font” field. A select displayed as images so the customer can see the typeface, also shown only with engraving.
  6. “Oil included” field. A checkbox with the “Oil” part, unchecked by default.
  7. Field Group. You combine all fields into a group and assign it to the cutting board products.
  8. Test. You place several test orders with different combinations and check that the order in the admin panel shows the engraving text and the chosen font, because that’s what the person at the engraver will work from.

The last step is often skipped, yet it’s the one that shows whether the configurator works for the business and not just for the customer. It’s also worth reading the article on what a product page needs, because the configurator is only one part of it.

When does a WooCommerce product configurator need custom code?

You need custom code when the configurator stops being a form with surcharges and starts calculating, drawing or driving processes in the company. Typical signs from projects we run as a software house:

  • Formula-based price. Blinds, countertops or prints priced from dimensions entered by the customer are a different problem from a fixed surcharge for an option. Such a calculator is designed together with rules for rounding, minimum sizes and discounts.
  • Live preview. A product visualization that changes with every choice, or a preview of the engraving text, is frontend work built for a specific product.
  • Production file. When an order has to produce a machine file or a job sheet in a set format, you need logic outside the store.
  • Parts inventory. If every add-on has its own stock level and must be blocked when it runs out, it has to be designed together with the warehouse and ERP.
  • Sales rules. Discounts based on combinations, prices for wholesale customers or order limits are often a job for a separate module.

Sometimes a mixed model makes sense: a ready-made plugin handles fields and conditions, and custom code adds the one missing piece, such as exporting orders to production. We build this kind of customization for stores built on WooCommerce. If you’re wondering whether your store is ready for a bigger change, read about what people overlook when choosing custom-built e-commerce.

How do you avoid losing customers in the configurator?

A WooCommerce product configurator should shorten the customer’s decision, not drag it out. Every extra field is another question the customer has to answer before adding to cart.

  • Show only the fields that make sense given the choices so far. That’s what hiding conditions are for.
  • Set the most common choice as the default, so the customer can buy without clicking through everything.
  • Show the price after every change, not only in the cart.
  • Move option descriptions that need a longer explanation behind a link.

A confusing configurator is one of the common reasons people drop out before buying, as we describe in the article on why customers abandon carts.

Frequently asked questions

Will extra fields replace product variations?

Not always. Keep variations for versions that have their own stock level, such as sizes. Extra fields work well for personalization and add-ons that don’t need separate inventory items.

Can an option surcharge come from another product?

In Woo Product Fields Pro, yes. According to the plugin description, a part’s price can be fixed or taken from a selected product, so an add-on that is also sold separately has one price across the whole store.

How long does it take to set up a configurator with a ready-made plugin?

It depends on the number of fields and conditions. A simple configurator like the cutting board example is set up in the admin panel without a developer, and most of the time usually goes into working out what data production needs and testing orders.

If your WooCommerce product configurator comes down to options, surcharges, personalization text and conditions between fields, start with a ready-made plugin and only commission the missing pieces as code. The page of the Woo Product Fields Pro plugin describes the structure of parts, fields, groups and conditions and gives a setup example, so you can easily check before buying whether it covers your product.

Book a free consultation

Provide your phone number or schedule a meeting