Add custom fields to your WooCommerce product page (2023)

Table of contents

If you want to customize your products for your customers, you should think about itWooCommerce Product Add-Ons. This guide explains why, when, and how to add custom fields to a product.

If your online store involves personalization of the products, then the easiest way to add these customization fields to the product options is by using WooCommerce product add-ons.

For example, if you create and sell gift cards online, your customers will want to provide personal information when they place an order. This can be individual names or messages etc. and your website needs to be able to support this.

WooCommerce Product Add-ons is a lightweight and performance-optimized plugin that adds these custom fields to your products instantly.

Add custom fields to your WooCommerce product page (1)

Here we will discuss how you can add different types of WooCommerce custom fields to your product, but first let's take a look at why you should add custom fields in your products.

Why should you add custom fields to your product?

Add custom fieldsto your product can change your online shop dynamically as it wants

increase sales

Adding custom fields gives your customers the freedom to choose from many different options or customize them to their liking. The more connected customers feel to the product, the more likely they are to buy it.

Customer interest will helpincrease salesyour online shop.

personalize products

Custom fields in a product ensure customers are buying exactly what they like, as if they were in an outlet.

For example, the customer who orders a pizza may want to personalize toppings and sauces based on their preferences. Adding the custom fields in your online pizzeria will help your customer to personalize it the way they want online as well.

(Video) How to Add Custom Fields to WooCommerce Products | Advanced Product Fields for WooCommerce

increase variations

Adding custom fields is a great way to increase the variations in each product. You can list all possible variations in a drop down list and the customer can visualize them directly on the product page. The customers can pick and choose which variations they like.

provide customer satisfaction

Customers feel satisfied when theirProduct is personalisedaccording to their preferences. The custom fields allow your customers to achieve this and build trust in your business.

improve ratings

Customers like the tailored online shopping experience achieved through the custom fields in products.Happy customers leave good reviewsand increase your sales.

What are some examples of WooCommerce custom fields?

The WooCommerce addon custom fields come with a number of options like text areas, checkboxes, dropdowns, etc. that help the customer to personalize the product.

Here are some examples to give you a better idea of ​​how to integrate custom add-ons into your products

  • An online gift shop adds an "add name" text field to customize for the sender
  • A restaurant adds a text area for "Special Instructions" e.g. B. "No mayonnaise and extra olives for his customers."
  • A clothing brand adds a color group in the t-shirt section according to the color choices available in each design
  • A jewelry store uses a selection box for a drop-down box of available charms in a bracelet
  • An online shoe store uses a radio field to select the shoe size

What are Different Types of WooCommerce Custom Fields?

As I briefly described above, the WooCommerce custom fields can contain anyArt of the Formularfeldes. Some of them are

text box

It is an input field for collecting data in the form of a text.

radio field

This field is used when the customer selects an option from the multiple options available.


A checkbox allows customers to select one or more options from multiple options.

(Video) ACF - Show Custom Fields on WooCommerce Product Page | ACF WooCommerce 2022

Select field/drop down

A list of available options to choose the best one


It is an input field to accept data in the form of numbers.


The input field for multi-line text

color selection

Displays different colors to choose from

date picker

Allows you to select any date from the calendar

Add custom fields to your WooCommerce product page (2)

These custom fields are available on the product page in the frontend to help customers personalize their products and services.

Can I use attributes instead of custom fields?

You may be wondering if you can use the and variationsAttribute in WooCommerceto add custom fields in products. But the answer is, not really. Every WooCommerce product is essentially fixed, even if it is variable.

The attributes you add to the product would remain similar for each customer and cannot cater to every form of personalization.

For example, if you want customers to add a name, you cannot achieve that through attributes in WooCommerce. On the other hand, adding custom fields is a great way to customize any product for your customers.

How to add WooCommerce custom fields without coding?

Now that you know the different types of custom fields you can add to your products, I'll move on to how you can add them without complicated coding.

(Video) How to Add Custom Fields in Woocommerce Product Page | PPOM for WooCommerce.

The most efficient and uncomplicated way to addCustom woocommerce fieldsuses "WooCommerce Product Addons", a lightweight plugin with a number of features.

WooCommerce product addons allow you to add additional options for your products with many fields like text input, number fields, checkboxes, radio buttons and dropdown boxes.

In this guide I will use the WooCommerce Product Addons plugin to show you how to add custom fields to your product. Let's go through the process step by step

Step 1

Installing the WooCommerce Product Addons Plugin

There are two ways you can install and activate itWooCommerce product addons plugin

  1. Go to your WordPress dashboard and click on Plugins and then on Add New (Plugins > Add New). Search for"WooCommerce Product Addons (Custom Fields to add additional product options)"and activate it.
  2. Go to and download the WooCommerce Product Addons plugin and save it in a ZIP file. Open your WordPress dashboard, click Plugins, then click Add New and navigate to the Upload option (Plugins > Add New > Upload). Upload the WooCommerce Product Addons plugin ZIP file to this section and activate the plugin from the WordPress Plugins menu.
Add custom fields to your WooCommerce product page (3)

step 2

Adding a custom field

Adding a custom field with WooCommerce Product Addons plugin is very easy. The plugin allows you to add any field by drag and drop. Here's how you can do it

Go to the WordPress dashboard and select “Products”

Select the Add New Form option

Add custom fields to your WooCommerce product page (4)

Enter the title of the form in the title bar

Add custom fields to your WooCommerce product page (5)

You will see custom field options available on the right side of the field

Drag any type of custom field you see fit, such as B. text area, check box, radio button, etc., by drag and drop.

Add custom fields to your WooCommerce product page (6)

step 3

Setting up the custom field

When you add and select a custom field, there are many options to set it according to your product. You then select, for example, the text field for a product

Click on the edit option in the top right corner of the box

Add custom fields to your WooCommerce product page (7)

Choose from various editing options

Add custom fields to your WooCommerce product page (8)

You can set the field to "Required" if you want to require the customer to answer this field.

You can choose a label for your custom field, e.g. B. If you want customers to enter their name in the field, you can select the label "Name" for it.

(Video) WooCommerce Custom Product Options With Great Looking Custom Sections

You can choose a placeholder for your text field, e.g. e.g. for the label "Name" your placeholder can be "Enter your name".

Likewise, in each custom field, you can enter and edit various options like “Type” and “Price”.

Add custom fields to your WooCommerce product page (9)

Finally, you can add these custom fields to your desired products. You can either select all products, some products, or a single category from the list of product options that appears on the right.

Add custom fields to your WooCommerce product page (10)

step 4

Adding multiple custom fields

If you want to add multiple custom fields to your form, WooCommerce product addons make it easy for you. Just drag and drop as many custom fields as you like and edit different options according to your products in store.

After you've added and edited your custom fields, select the products you want them to appear above.

Add custom fields to your WooCommerce product page (11)

step 5

Publish your custom fields

After adding and editing custom fields for your desired products, it's time to publish your changes. All you have to do is click the publish button at the top of the product categories.

Your custom fields are now active. You can visualize them in the frontend of your website and change them in the dashboard.

Add custom fields to your WooCommerce product page (12)

Example of WooCommerce custom fields for a product

Take a look at the screenshot below of a product page for an online clothing store

Add custom fields to your WooCommerce product page (13)

There are four custom fields for the Beanie product. The first two are text fields labeled "Name" and "Email," respectively. The placeholders used for these two fields are "Enter your name" and "Enter your email address".

The third field is the upload file where customers will be prompted to upload a file and the last is the selection field with multiple options for customers to choose from.


Adding WooCommerce custom fields to a product can personalize them for your customers and increase sales. The easiest and most efficient way to add these custom fields is with a lightweight plugin like WooCommerce Product Addons.

The WooCommerce Product Addons plugin uses a simple drag-and-drop approach to add different types of custom fields without coding.

Now it's your turn to try the plugin and add custom fields to your products.

Acowebs are developers ofWooCommerce-Pluginsto help you personalize your stores. It supports the additional option with feature-rich add-ons vizWooCommerce Product Addonsthat are light and fast. Update your store with these add-ons and enjoy a hassle-free experience.


1. How to add custom fields to WooCommerce products quickly and easily
(Plugin Republic)
2. How to Add custom fields to your Woocommerce product page with an easy to use Custom Form Builder
(WordPress Tutorials)
3. How to Add Extra Product Options in WordPress | Extra Custom Product Options for WooCommerce
4. How To Add Product Options In WooCommerce - WooCommerce Product Options - Basic
(WordPress Tutorials - WPLearningLab)
5. How to Add Custom Fields to WooCommerce Products Page
(WebTask With Hassan)
6. Create & Show Custom Fields on a WooCommerce Product Page
(WP Mayor)
Top Articles
Latest Posts
Article information

Author: Trent Wehner

Last Updated: 03/02/2023

Views: 5595

Rating: 4.6 / 5 (56 voted)

Reviews: 87% of readers found this page helpful

Author information

Name: Trent Wehner

Birthday: 1993-03-14

Address: 872 Kevin Squares, New Codyville, AK 01785-0416

Phone: +18698800304764

Job: Senior Farming Developer

Hobby: Paintball, Calligraphy, Hunting, Flying disc, Lapidary, Rafting, Inline skating

Introduction: My name is Trent Wehner, I am a talented, brainy, zealous, light, funny, gleaming, attractive person who loves writing and wants to share my knowledge and understanding with you.