Custom Product Tabs for WooCommerce

Description

This plugin extends WooCommerce to allow shop owners to add custom tabs to products. The tabs are displayed on the individual product pages to the right of the default “Description” tab.

Individual product tabs are managed on the WooCommerce Edit Product screen and can be added on a per product basis. You can also create saved tabs and add them to multiple products as needed. Tabs can be easily added, deleted and rearranged.

Tab content areas use the standard WordPress text editor and may contain text, images, HTML or shortcodes.

If you experience any problems, please submit a ticket on our Free WordPress Support Forums and we’ll look in to it as soon as possible.

This plugin is compatible with WPML.

Upgrade to Custom Product Tabs Pro for great enhanced features!

Screenshots

  • Custom Tabs manager on the 'Edit Product' screen
  • Custom product tab content displayed on the front end
  • All of the saved tabs on the settings page
  • Editing a single saved tab

Installation

  1. Download the plugin .zip file and make note of where on your computer you downloaded it to.
  2. In the WordPress admin (yourdomain.com/wp-admin) go to Plugins > Add New or click the “Add New” button on the main plugins screen.
  3. On the following screen, click the “Upload Plugin” button.
  4. Browse your computer to where you downloaded the plugin .zip file, select it and click the “Install Now” button.
  5. After the plugin has successfully installed, click “Activate Plugin” and enjoy!
  6. Edit a product, then click on ‘Custom Tab’ within the ‘Product Data’ panel
  7. Create saved, reusable tabs under Settings > Custom Product Tabs for WooCommerce

FAQ

All documentation can be found in our Knowledge Base.

Where do I go to add tabs to a product?

When editing a product in WooCommerce, you will find “Custom Tabs” in the bottom left corner of the Product Data box. Click on “Custom Tabs” to reveal the custom tab manager.

Where will these tabs appear?

When the product is viewed on your website you will see the tabs you created to the right of the default “Description” tab.

How do I change the order of the tabs?

To change the order of custom tabs use the up and down “Move tab order” arrows.

How do saved tabs work?

Saved tabs are tabs you can create and then add to as many products you would like. If you update a saved tab, the changes will be updated for all products using that tab.

How do I create saved tabs?

To create a saved tab, click on the ‘Custom Product Tabs’ item on the WordPress dashboard menu and click the “Add Tab” button.

How do I add a saved tab to a product?

To add a saved tab to a product, go to the custom tabs section on the edit product screen, click the ‘Add a Saved Tab’ button above the tab, and choose which tab you would like to add.

What does overriding a saved tab do?

When using a saved tab on a product, a checkbox appears with the message ‘Override Saved Tab’ If you click that checkbox, edit the tab and save, the tab will be changed for that product only. Any edits to that saved tab under ‘Custom Product Tabs’ will not be applied to that product.

Why does the WYSIWYG editor default to the ‘Visual’ tab?

This was added in version 1.5 to support the dynamic adding and removing of the wp_editor/WYSIWYG editor. Without this setting, the WYSIWYG editor does not load the correct toolbar and the editor can potentially break.

Does custom tab data get exported with standard WooCommerce product data?

Yes! Since v1.4 we’ve added the necessary code to ensure the custom tab data is exported with all of the other standard WooCommerce data. This ensures a smooth transition of products between sites.

Reviews

10 Noyabr 2022
Tried the free, then upgraded. It allowed me to completely sustomise my tabs, including pictures and video. Excellent Thank you
20 Oktyabr 2022
This plugin does not work on my website. When you finish updating your tab and you think you are done, everything disappears after saving. After testing for about 3 hours, and uninstalling two times successively, I regret wasting my time on this plugin. Very disappointed!!!!!
Read all 149 reviews

Contributors & Developers

“Custom Product Tabs for WooCommerce” is open source software. The following people have contributed to this plugin.

Contributors

“Custom Product Tabs for WooCommerce” has been translated into 15 locales. Thank you to the translators for their contributions.

Translate “Custom Product Tabs for WooCommerce” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

  • Bump WC tested up to to 6.0.
  • Update Custom Tabs page styles.
  • Move full changelog to a changelog.txt file.
  • Updated a few strings throughout the plugin.
  • Tweaked README.md.
  • Escape missed text, attributes and html.
  • Wrap additional strings in gettext functions for translation.
  • Regenerated .pot file.
  • Added a conditional 2 column layout on the admin pages.
  • Refactored the tab save method to account for new select2 fields in pro.
  • Tweak the styles on the WooCommerce Custom Tabs section.
  • Tweaked the markup so that when a new tab is added the button holder width is correct.
  • Update button styles to match WooCommerce branding.
  • Add custom admin footer text on our pages.
  • Remove extra comma causing PHP 7.2 issues.