Create and Display Custom Information Tabs in WooCommerce

Beyond the default Description and Reviews tabs, WooCommerce allows you to inject custom information sections using the woocommerce_product_tabs filter. Learn how to register a new tab, set its display priority, and use a callback function to include external template files for content like size guides, technical specs, or warranty details. This is the best way to organize complex product data without cluttering the main description area, keeping your product pages clean and informative.

How to Add a New Product Tab in WooCommerce

Code Snippets Coding Blog PHP PHP Snippets Woocommerce WooCommerce Custom Code Woocommerce Hooks WooCommerce Tips Wordpress WordPress Code Snippets WordPress Development

How to Add a New Product Tab in WooCommerce Tutorial/Guide

Want to display extra content on your WooCommerce product page? You can add a custom tab using a simple code snippet and a template file. Here’s how:

Step 1: Edit Your Theme’s Functions File

In the WordPress admin, go to Appearance > Theme Editor and open functions.php from your active theme.

Step 2: Insert Custom Tab Code

Add this code to register and display your new tab:

function custom_product_tab_content($tabs) {
    $tabs['custom_tab'] = array(
        'title'     => __('Custom Tab', 'your-text-domain'),
        'priority'  => 50,
        'callback'  => 'custom_tab_content'
    );
    return $tabs;
}
add_filter('woocommerce_product_tabs', 'custom_product_tab_content');

function custom_tab_content() {
    include('custom_product_tab.php');
}

Step 3: Build the Tab Content File

Create a file called custom_product_tab.php in your theme folder. Add any content you want to show — FAQs, galleries, size charts, etc.

Step 4: Upload the File

Make sure custom_product_tab.php is uploaded to the correct theme directory.

Step 5: Optional Styling

Apply custom styles in your main stylesheet or directly in the template file to make your tab visually consistent with the theme.

Step 6: Preview and Test

Save the changes and check a product page to confirm that your custom tab appears and functions properly. Note: Use a child theme or plugin for these changes to prevent loss during theme updates. Always back up your site before editing theme files.  

๐Ÿ’ก Have a Coding Problem?

Search our archives or reach out to our team for solutions and expert advice.