• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Essential Premium WooCommerce Plugins - WP Desk
  • Plugins
  • Bundle
  • Support
  • Blog
  • My Account
  • 0

Stay updated on our how-to articles

WP Desk news, WooCommerce tips, promo codes - right to your inbox.

By entering your e-mail, you agree to our Terms & Conditions and Privacy Policy.

Tomasz Drzewiecki

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

Updated: February 24, 2023 / Plugin Updates

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 attributes 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!

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).

The default product attributes in WooCommerce
The default product attributes in WooCommerce

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.

WooCommerce product attributes on the page
WooCommerce product attributes on the page

Custom product attributes with a free WooCommerce extension

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

Add custom fields to the WooCommerce product page
Add custom fields to the WooCommerce product page

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

Sell customizable WooCommerce products
Sell customizable WooCommerce products

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

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

Flexible Product Fields WooCommerce

Create a product wizard to sell engravings, gift wrapping, gift messages, business cards, stamps and optionally charge for it (fixed or percentage).

Download for free or Go to WordPress.org
WP Desk
10,000+ Active Installations
Last Updated: 2023-03-13
Works with WooCommerce 7.1 - 7.5.x
💡 Do you know Flexible Checkout Fields? This plugin lets you customize the WooCommerce checkout page for free! And you can download the plugin completely for free too! 🔽

Flexible Checkout Fields WooCommerce

Edit, add new or hide unnecessary fields from the WooCommerce checkout form. It's all about conversions and better user experience.

Download for free or Go to WordPress.org
WP Desk
80,000+ Active Installations
Last Updated: 2023-03-13
Works with WooCommerce 7.1 - 7.5.x

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.

Flexible Product Fields- add custom attributes, options, and fields
This is how Flexible Product Fields looks from now on

Sample field settings

Product custom field settings inside the plugin
Radio field settings
New user panel in the plugin
Adding extra pricing to a sample radio field
New UI Flexible Product Fields to add product attributes with ease
Conditional logic settings

Don't forget to update the plugin

💡 It is important to update the Free and PRO versions of Flexible Product Fields if both are present in the WP dashboard. The versions will then be compatible with each other and no warning will appear in the panel. Find out more in the plugin documentation.

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! 😊

💡If you still don't know Flexible Product Fields, don't wait any longer and take it for a test ride! Download it completely for free by clicking on the link below🔽

Flexible Product Fields WooCommerce

Create a product wizard to sell engravings, gift wrapping, gift messages, business cards, stamps and optionally charge for it (fixed or percentage).

Download for free or Go to WordPress.org
WP Desk
10,000+ Active Installations
Last Updated: 2023-03-13
Works with WooCommerce 7.1 - 7.5.x

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!

More articles related to Flexible Product Fields

  • Flexible Product Fields and Flexible Checkout Fields are used together

    WooCommerce product page and checkout custom fields
    WooCommerce custom fields. Find out what you can achieve by using Flexible Product Fields together with Flexible Checkout Fields.

  • WooCommerce t-shirt designer - Flexible Product Fields

    WooCommerce t-shirt designer
    WooCommerce T-shirt configurator. Find out how to use Flexible Product Fields and let your customers design a t-shirt.

Tweet

2 minutes read759 views

Tomasz Drzewiecki

From 2020 in WP Desk. First as a Happiness Engineer in the Rangers team. Now as a QA Engineer in the Sailors team.

Powered by WP Desk

WP Desk brings you great WooCommerce plugins. We strive to save your time and money by speeding up your processes. Use our plugins to build a better store. Awesome support included in the package.

Premium WooCommerce Plugins →

Stay updated on our how-to articles

WP Desk news, WooCommerce tips, promo codes - right to your inbox.

By entering your e-mail, you agree to our Terms & Conditions and Privacy Policy.

WP Desk › Plugin Updates › Custom attributes on the product page (better than WooCommerce gives you)

Footer

WP Desk - WooCommerce Plugins

At WP Desk we create great WooCommerce plugins with awesome support. Save time and money with our e-commerce solutions. See how we can help you improve your e-store →

Secured by Comodo

WP Desk

  • About us
  • Giving Back
  • Blog
  • Contact us

Products

  • Premium Plugins
  • Get Support
  • WooCommerce Invoices
  • Email Marketing
  • Octolize

Legal

  • Terms & Conditions
  • Refund Policy
  • Support Policy
  • Privacy Policy

© 2023 WP Desk