Product Page

WooCommerce Custom Product Tabs

WooCommerce Product Page showing a custom product tab

Pre-Requisites

There are no pre-requisites in order for you to be able to implement this solution.

How To Implement This Solution?

Simply copy the pre-coded solution to your active theme’s functions.php or preferably the Code Snippets Plugin.

About This Solution

This guide shows you how to create a custom product tab shown on the single product template. You may wish to output important shipping information, an unboxing video, links to social media, whatever you like! Keep in mind, this example output the very basics, static content across all products.

/**
 * Snippet Name:	WooCommerce Create A Custom Product Tab
 * Snippet Author:	ecommercehints.com
 */

add_filter( 'woocommerce_product_tabs', 'ecommercehints_custom_product_tab' );
function ecommercehints_custom_product_tab( $tabs ) {
	$tabs['ecommercehints_custom_product_tab'] = array(
		'title'    => 'Custom Product Tab',
		'callback' => 'ecommercehints_custom_product_tab_content',
		'priority' => 40, // Description is 10, Additional Information is 20, Reviews is 30. 40 means it will appear last. 15 means it will appear between description and additional information etc.
	);
	return $tabs;
}

function ecommercehints_custom_product_tab_content( $slug, $tab ) {
	echo '<h2>' . $tab['title'] . '</h2><p>Custom product tab content.</p>';
}

Snippet Benefits

  • Create a custom product tab and output any content.

100 WooCommerce Conversion Rate Optimisation Tips

This field is for validation purposes and should be left unchanged.

Let’s collaborate!

Need to outsource WordPress development?

Join forces with UnlimitedWP for an outsourced white label web development service you can truly rely on.

First Timer Here?

Sign up to receive 20% off on your first month with us.

26027
WELCOME OFFER