How to Customize WooCommerce Product Tabs Easily 

While Woocommerce more than offers enough customization for basic users, You have to add different Woocommerce plugins or code snippets to customize your woocommerce store even more. In this article, we will learn How to Customize WooCommerce Product Tabs Easily, In other words, we will learn How to create, remove, rename and re-order woocommerce product tabs. I will show 2 ways to Customize WooCommerce Product Tabs.

Overview –

1. How to create a custom Product Tab in WooCommerce

  • How to create a Woocommerce product tab manually
  • How to create a Woocommerce product tab Using a Plugin

2. How to rename product tabs in Woocommerce?

3. How to re-order product tabs in Woocommerce?

4. Best Plugins to Create Custom Product Tabs for WooCommerce

1. How to Create a Custom Product Tab in WooCommerce 

There are mainly two ways to create custom tabs in Woocommerce. 1. Create product tabs using code & 2. Create product tabs using a plugin.
I going to show you both of them. While using a plugin makes it really easy to create custom tabs, what if you don’t want to install a plugin, then you can use custom code.

Also Read : Can Woocommerce be used with any theme?

1.1. How to create a Woocommerce product tab manually

Now first let us discuss the manual process of adding a custom product tab. You can skip it if don’t have any coding knowledge. To add a new custom product tab copy the code given below and paste the code to your theme’s function.php file. You can also use any code snippets plugin to include the code.

How to create a Woocommerce product tab manually
Code
How to Customize WooCommerce Product Tabs Easily
//Custom Product Tab
add_filter( 'woocommerce_product_tabs', 'custom_tab' );
function custom_tab( $tabs ) {	
	// Adds the new tab
	$tabs['new_tab'] = array(
		'title' 	=> __( 'Demo Custom Tab', 'woocommerce' ), //title of the tab 
		'priority' 	=> 2, // more about this later in the article 
		'callback' 	=> 'custom_tab_content'
	);
	return $tabs;
}
function custom_tab_content() {

	// The custom tab content
	echo '<h3> Your Desired Title</h3>'; 
	echo '<p> Please Provide a description. <br>
   Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.	
	<br>
	<br>
 </p>';
	
}

Now, Go to Appearance > Theme File Editor > function.php > Past the code & edit the code. 

Note: One of the major disadvantages of the process is that you cannot add custom product tabs for each product individually. In other words, You cannot hide or display the tab for specific products, the custom product tab will show up for every product. 

Although It is not impossible to add product tabs separately using code, It will become very complicated. You should use a plugin to add Woocommerce Product Tabs instead (as shown below). 

How to Customize WooCommerce Product Tabs Easily

1.2.How to Create a Woocommerce Product Tab Using a Plugin

You can easily create custom product tabs using a free plugin such as Custom Product Tabs for WooCommerce. To add custom products using this plugin follow the step given below. You can add different tabs for each product separately.

Step 1 :
How to Create a Woocommerce Product Tab Using a Plugin

Install & Activate  Custom Product Tabs for WooCommerce plugin.

Step 2 : 
How to Create a Woocommerce Product Tab Using a Plugin

Create a product and scroll to the Product Data section, Then go to custom tabs (as shown). This tab will show up only if you have the Custom Product Tabs plugin installed.

Step 3 : 
How to Customize WooCommerce Product Tabs Easily

Now click on the Add a tab button to add a custom tab to a specific product. Give the tab a title and description. Once you are done adding the tabs, click on the save tabs button & Update or Publish the product.

How to Customize WooCommerce Product Tabs Easily

Note: Here I’m adding a single custom tab, but you can add multiple tabs as well.

2. How to rename product tabs in Woocommerce?

Now that you know how to add Custom Product Tabs for WooCommerce, what if you want to rename an existing product tab. The process of renaming the product tab is rather simple. Like the previous one, all you need to do is copy the code and paste the code to your theme‘s function.php file.

code:
add_filter( 'woocommerce_product_tabs', 'woo_rename_tabs', 98 );
function woo_rename_tabs( $tabs ) {

	$tabs['description']['title'] = __( 'Renamed Description' );		// Renaming the description tab
	$tabs['reviews']['title'] = __( 'Renamed Reviews' );				// Renaming the reviews tab
	// $tabs['additional_information']['title'] = __( 'Extra Information' );	// Renaming the additional information tab

	return $tabs;
}
How to rename product tabs in Woocommerce?

Since I have two tabs,I have commented out the additional tab, but if you want to use it, make sure to remove the double slash “//” before  $tabs[‘additional_information’][‘title’] = __( ‘Extra Information’ );

3. How to re-order product tabs in Woocommerce?

To re-order product tabs in Woocommerce, All you have to do is change their “priority”, and if any tab has the lowest priority, the tab will appear as the first item of the product tab list. 

How to re-order product tabs in Woocommerce?

For example, let us suppose that we want to reorder tabs in the following manner. 1. Reviews, 2. Additional Information and 3. Description. So the code will be – 

add_filter( 'woocommerce_product_tabs', 'woo_reorder_tabs', 98 );
function woo_reorder_tabs( $tabs ) {

	
	$tabs['description']['priority'] = 3 ;			// Description 
	$tabs['reviews']['priority'] = 1;			// Reviews
	$tabs['additional_information']['priority'] = 2;	// Additional information

	return $tabs;
}

Reordered Tab list (given below)

How to re-order product tabs in Woocommerce?

4. Best Plugins to Create Custom Product Tabs for WooCommerce

There are many Custom Product Tabs plugins for Woo, And here are some of them. 

  1. Custom Product Tabs for WooCommerce 
  2. Product Tabs Manager for WooCommerce
  3. YITH WooCommerce Tab Manager

Also Read : 8 Best WordPress Plugins for Comments

1. Custom Product Tabs for WooCommerce 

Custom Product Tabs for WooCommerce is probably the best free custom tab plugin for Woo. We have already discussed the features and functionalities of this plugin. But in short, this plugin provides an easy interface to create a custom tab for woocommerce. You can easily add, delete, and rearrange tabs with this plugin.

2. Product Tabs Manager for WooCommerce

Product Tabs Manager for WooCommerce is yet another great custom product tab plugin. You can create custom tabs globally or Specific Tabs for products, sort and rename them, etc. 

3. YITH WooCommerce Tab Manager

YITH is well known for their wide range of plugins & YITH WooCommerce Tab Manager is not an exception. It lets you customize your product tabs easily. You can add infinite tabs, reorder or rename them. 

Conclusion: 

Well, you can create custom tabs manually or using a plugin, but I believe using a plugin will be better as it will give you more flexibility. 

Leave a Comment