Custom attributes on the product page (better than WooCommerce gives you)

Adding custom attributes in WooCommerce is quite easy. But, it's still visible on the product page in the additional information section. Today, I will show you how to show custom options on the WooCommerce product page better than WooCommerce. I will use a free plugin to create custom fields that let you customize your WooCommerce products with ease!

By default, you may use global or product-specific attributes. But WooCommerce lacks a way to customize the attributes field type or let customers customize products based on available product features.

Let's use a free plugin, with a great & clean UI, to add WooCommerce product attributes easily using 18 field types! And show them on the product page to allow customizable products in your WooCommerce store & boost your sales!

The WooCommerce product page can change from the look from:

to the product with flexible product fields:

Now, you may read more about the default WooCommerce attributes, variations, and a way to add custom fields to the product page with a free plugin.

Table of contents

• Product attributes & custom attributes in WooCommerce
• Custom product attributes with a free WooCommerce extension
• Summary & more about the plugin

Product attributes & custom attributes in WooCommerce

By default, you may use standard WooCommerce product attributes (global or product-based).

You can set global attributes in the Products → Attributes. They will be available later for all WooCommerce products. Of course, you can also add a product-specific attribute while editing the product in the Product data section → Attributes → by adding a Custom product attribute.

But, the default WooCommerce way of adding attributes may not be enough for you. The product attributes will appear only in the Additional Information section on the WooCommerce product page.

Custom product attributes with a free WooCommerce extension

There is a better way to add attributes to your WooCommerce products!

So, you will let customers buy personalized products easier right on the WooCommerce product page!

What's more, you may use 18 field types!

Download the free plugin & start building better WooCommerce products with custom attributes and new fields!

Changes in the Flexible Product Fields panel

The Flexible Product  Fields panel is now modern and simple-to-use settings based on ReactJS. It is an efficient and declarative JavaScript library used for building composite user interfaces. ReactJS allows the developer to create UIs using isolated and small pieces of code - known as components. This makes it possible to add new attributes, options, and features without laborious rewriting of existing code.

Sample field settings

Don't forget to update the plugin

All in all, the refreshed panel with group settings appears now in a new window. It contains the same options as the previous version. But the field settings will be tabbed to make it easier to add new options.

The old field cards were overloaded with settings and information. Adding more would make it more difficult to navigate around the panel.

But the most visible change will of course be the clean and modern design. We hope the changes will be well received! 😊

Summary & more about the plugin

Today, I've shown you how to add custom product attributes and show them on the WooCommerce product page. Let your customers buy personalized WooCommerce products based on the new attributes, custom fields, and multiple product options!

If you have any questions leave a comment below!