1. Documentation

Custom Product Tabs Manager

Setup and Configuration ↑ Back to top

Adding new custom tab: ↑ Back to top

To create a new extra tab, please go to Product Tabs > All Tabs. This area maintains a record of each custom tab you have created. You can also edit and delete all custom tabs individually or in bulk whenever necessary.

Creating new tab ↑ Back to top

To add a product tab you can either click on the Add New Tab button on the All Tabs page or you can click access the Add New Tab section from your WP Menu. Each tab should be assigned a self-explanatory title as it will be shown in the All Tabs section for future reference.

 

Add custom title: This title is used for reference where “All Tabs” are listed.
Activate Tabs: Click on this checkbox to enable the display of this tab at the frontend.
Title: Allot a straightforward title for frontend users.
Callback: Select from the dropdown if you want to use editor to create a tab or you want to include contact7 form in tab.
User Role: Define which User Role(s) you want to display this tab to.
Search Specific User: Assign this tab to be viewed by specific users only by entering their name here. Entering 3 characters triggers predictive text to help identify specific customers easily.
Apply to all or specific products: You can assign tab to All or selected products. If you choose to apply this tab only to selected products, uncheck the box. This will give you 3 new sections to provide details in.
  • Products: Assign the new tab to product(s) of your choice only. Entering 3 characters triggers predictive text to help identify existing specific product(s) easily.
  • Product Category: Assign the new tab to a category or multiple categories of your choice only. Entering 3 characters triggers predictive text to help identify an existing specific category easily.
  • Product Tags: Assign the new tab to product tags(s) of your choice only. Entering 3 characters triggers predictive text to help identify existing specific product tag(s) easily.

Tabs Style: The last section of this form allows you to customize following style options

  • Tab Styling: Click on this checkbox to activate the custom styling options.
  • Tab Icon: Apply a custom icon to your new tab, it will display opposite to the title (from the right margin) of your tab
  • Tab Background Image: This image will display as a background of the information provided in the Editor Text.
  • Tab Text Color: Click on this box if you want to apply a specific color to the text provided within the tab. Clicking on it will then show an additional box where you can either type in a specific RGB Code or pick a color from a color-picker spectrum.

Once you have set up a tab save and apply to the frontend by clicking on Update under Publish and make it public.

Manage default product tabs: ↑ Back to top

Go to Product Tabs > Settings and navigate to the “Default tabs” tab. Here you can enable/disable any of the three default tabs and customize their title as well.

Tabs Sorting: ↑ Back to top

Go to Product Tabs > Settings and navigate to “Tabs Sorting” tab. Here you can sort tabs as per your requirements.

Limitations with Page Builders: ↑ Back to top

If you are creating custom product pages using elementor or page builder where the default tabs are not available, our extension won’t be able to create tabs as well. We are working on a solution to display tabs using shortcode so you can use it anywhere on your products built with page builders. Once we have that implement, we will update here.

WooCommerce - the most customizable eCommerce platform for building your online business.

  • 30 day money back guarantee
  • Support teams across the world
  • Safe & Secure online payment