Skip to content
CodeAstrology
Working Hours 9:30 am - 6:30 pm (Sun - Thu)
Contact Us contact@codeastrology.com
CodeAstrology

CodeAstrology

We Develop and Sell WordPress Plugins and Themes

  • Home
  • About
    • Services
    • Company
    • Team
  • Products
    • Premium Products
    • Woo Product Table
    • Min Max Quantity & Step Control
    • UltraAddons
    • Pricing – Add to cart button Changer
  • Blog
  • Contact
  • My Account
    • Support Area
    • Affiliate Area
 0 - $0.00
Get Quote
Custom Field in product table
By Saiful Islam

How To Add Custom Fields In WooComerce Product Table

Today I will talk about

This is a step-by-step tutorial on how you can add Custom Fields In WooComerce Product Table and show extra product data.

Table of Contents

  • What is custom fields?
  • How to add Custom Fields?
    • Step 1: Installation and Activate Custom Fields
    • Step 2: Add Field Group
    • Step 3: Configure Field details
    • Step 4: Configure Location
    • Step 5: Publish Page
  • How to show Custom Fields?
    • Step 1: Add Brand name Value to Product
    • Step 2: Configure the Shortcode
  • Woo Product Table Pro
      • The Most Popular Product Table Plugin For WooCommerce
    • Step 3: Publish/Update the Page

What is custom fields?

The fields you use on your site, such as product title, price, ratings, and date, are called metadata. Those fields are given as defaults on the WooCommerce site.

But, if you want to add a field, say, brand, for your products, that field is not available on WooCommerce. To do this, you need to add an extra field by using the Custom Fields creator.

The uses of Custom Fields are so much to describe in a word. Let’s have a look at how you can use Custom Fields In WooComerce Product Table.

  • Also add an email address.
  • To add Maps
  • To show extra info like author or Class for a product
  • Product image/description/price etc.

How to add Custom Fields?

Add and configure your Custom Fields following the five easy steps.

Step 1: Installation and Activate Custom Fields

In this guide, we’ve used the Advanced Custom Fields plugin with the Woo Product Table pro plugin.

To add a Custom Fields in your WooCommerce site log in your site. From Dashboard navigate to the plugin. On the top-left of the screen, click on “Add New.” Then in the search option, type acf. You will see some plugins. Try the Advanced Custom Fields among them.

acf-for-Product-table
Install the Advanced Custom Field

You can install and  active it from Dashboard->Plugins->Installed Plugins->Advanced Custom Field and then active it.

Step 2: Add Field Group

Navigate to Dashboard ->Custom Field->Add New

From the top of the screen, input your Field Group Title in Add New Field Group. Here I’ve input Brand Name. Input yourself what you want.

add custom field for product table
Add a field group for product table.

Step 3: Configure Field details

Click on the “add” field right-left on the screen.

After that, select your Field Label from Field level option. Here I’ve given Brand as Field Level. Here, Field Name will be taken automatically.

Select Field Type. Here are a lot of options. You can set Text/Number/Email/Message/Checkbox and some other options. So choose what you want to add as a custom field.

Here I’ve selected Text as my Brand name is a text.

field-acf-product-table
Configure field details

Step 4: Configure Location

The good news is that you can add Custom field anywhere, like post/page/template. To select the functionality, go to Location.

I want to add a custom field as a post in our product. So I’ve selected Post Type in “Show this field group if”.

Also select the field “is equal to product” for product.

Select location
Select location

Step 5: Publish Page

Must click on the “Publish” button at the top of the page.

Publish ACF
Publish ACF

So I’ve created an Advanced Custom Field option for Product.

Before, I’ve said that custom fields can be added anywhere. In this guide, I’ve used this custom field in a WooCommerce Product Table.

If you want to know about the plugin, have a look at my previous post about Woo Product Table Pro.

Before showing a custom fields in Product Table  let’s look at how the table is.

Product table without custom fields
Product table without custom fields

There I want to add an extra column for Brand. I mean, I’ll add a column that will show products of different brand.

How to show Custom Fields?

In three steps, you can show the created Custom Fields In WooComerce Product Table.

Step 1: Add Brand name Value to Product

To show Custom Fields In WooComerce Product Table navigate to Dashboard->Products->All Products

And also ,Click on the products to edit them. Just up to the bottom of the screen, there you will get a Brand Name option. Select your brand name in the text box named “Value.” I put this Polo on here for a T-shirt.

Select brand

Select brand

Finally, Publish the product page.

Step 2: Configure the Shortcode

Now go to your existing shortcode or add a new shortcode for Woo Product Table pro (Dashboard->Product Table->Add New Shortcode) and configure the shortcode. Copy the shortcode and paste it on the page/post where you want to show the custom fields.

You can follow my previous post WooCommerce Product Table : Boost Your Sale to know in detail how to know about configuring shortcode.

Now, in the shortcode configuration panel at the bottom, you will see a option to set up your custom field. Then you need to put in the keyword of your shortcode, like “brand” . Also fill up the column title field. You can follow the screenshot attached below.

Custom Filed support in woocommerce product table
Custom Filed support in woocommerce product table

Here I’ve given a brand name, as I selected Field Name to brand before.

Note: Always select small letters for this sector.

Now type “Brand” in the column title field. It will show up as a column title for that custom field.

After all the setup, click the button named “Add As Column”. Then it will add a column to the shortcode. just like the below screenshot:

custom field support in Woocommerce Product Table
custom field support in Woocommerce Product Table 

Now it is OK to go next. Click on the “Publish” or “Update” button.

special offer for code astrology

Woo Product Table Pro

The Most Popular Product Table Plugin For WooCommerce

Get Special Discount

Step 3: Publish/Update the Page

Then update the page and, from the top of the page, click on “view page.”

Then there will be an additional column for Brand. And this is what the Product table may look like after adding the custom field:

Custom Field in product table
Custom Field in product table

So here an extra column has appeared, named “Brand.”

Though using Custom Fields In WooComerce is a tedious task to do for a beginner, anyone can do it following the above steps. I hope you’ve gotten it using Custom Field. If you have a more specific question, please leave a comment below. Thanks a lot.

Advanced Custom Fields Custom Fields Custom Fields WooCommerce

Share

Post navigation

Previous: WooCommerce Product Table : Boost Your Sale
Next: WooCommerce Filter for Product Table: Adding and Customizing

Free Download

Woo Product Table (Free Version)

Checkout Added to cart

Min Max Quantity & Step Control (Free)

Checkout Added to cart

UltraAddons Elementor (Free)

Checkout Added to cart

Premium Plugins

Woo Product Table Pro

  • Billed once per year until cancelled

  • Billed once per year until cancelled

  • Billed once per year until cancelled

Checkout Added to cart

Min Max Step Control Pro

  • Billed once per year until cancelled

  • Billed once per year until cancelled

  • Billed once per year until cancelled

Checkout Added to cart

Recent Posts

  • Common Mistakes in Software Development and Ways to Avoid Them
  • Top five WordPress Page Builders
  • What is a Woo Product Table?
  • The 7 Principles of Conversion-Centered Landing Page Design
  • Potential analysis of social media channels in relation to the success of customer retention
  • How To Fix Common SSL Issues in WordPress
  • 12 Tips to Create a WordPress Blog
  • Why don’t WordPress Posts not showing on mobile
  • How to Prevent a 504 Gateway Timeout in WordPress
  • How to login into a WordPress site using the phone number
  • How to Show Widgets on Specific Pages in WordPress
  • How do I Fix Mobile Menu in WordPress?
  • How to Delete WordPress Site from Host gator

Categories

  • Advanced Custom Fields
  • Advanced Search
  • Business Idea
  • Custom Fields WooCommerce
  • Custom Taxonomy
  • E-Commerce
  • Errors
  • Featured Tutorial
  • Instant Search
  • Min Mx
  • Multiple Product to Cart
  • News
  • Online Business
  • Personal
  • PHP
  • Plugin
  • Product Variation
  • Programming
  • Quick Buy
  • Theme
  • Tips and Tricks
  • Uncategorized
  • Woo Product Table pro
  • WooCommerce
  • WooCommerce Filter
  • WooCommerce Product Table
  • WooCommerce Product Table Free
  • Wordpress
Trustpilot

Subscribe to our Newsletter

Resources

  • Support
  • Coupons
  • Blog & News
  • Write For Us
  • Video Tutorials
  • Affiliate Program

Company

  • Our Service
  • Get Quote
  • Refund Policy
  • Privacy Policy
  • Support Policy
  • Terms of Service

Powered By

© 2022, CodeAstrology. All Rights Reserved.
  • Privacy Policy
  • Terms of Service
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept All”, you consent to the use of ALL the cookies. However, you may visit "Cookie Settings" to provide a controlled consent.
Cookie SettingsAccept All
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDurationDescription
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
SAVE & ACCEPT