Product Tab Block helps you organize information more effectively on your WooCommerce page. If you want to add custom tabs on the page, you will find a range of plugins that will help you manage that.
Steps of adding Product Tab #
Go to WordPress Dashboard > WooLentor > Settings > Gutenberg. From the list of Gutenberg, turn ON the “Product Tab” Block.
Step 1: How to Enable Product Tab Block? #
Go to Dashboard > WooLentor > Settings > Gutenberg. From the list of Gutenberg, turn ON the Product Tab Block.
![Product Tab Block](https://woolentor.com/wp-content/uploads/2022/07/gb-product-tab-1.png)
Step 2: How to use the Product Tab Block? #
If you want to leverage the Product Tab feature on your WooCommerce store, you will need to use a Block named “WL: Product Tab“. To do so, simply search the Block in the Elementor Block panel, and use it on the corresponding template.
![](https://woolentor.com/wp-content/uploads/2022/07/gb-product-tab.gif)
To add the Product Tab Block, search by “Product Tab” and use the Block that has the “WL Badge”.
![](https://woolentor.com/wp-content/uploads/2022/07/gb-product-tab-2.png)
Drag and drop the WooLentor Product Tab Block onto the page.
![](https://woolentor.com/wp-content/uploads/2022/07/gb-product-tab-3.png)
Step 3: How to customize the Product Tab Block? #
Layout: You can change the product style, columns, rows, tab, and slider you can also set
![](https://woolentor.com/wp-content/uploads/2022/07/gb-product-tab-4.png)
Query Options: You can change the Filter by, Number of products, Custom Order, Product Categories, Order, and Order by you can also set
![](https://woolentor.com/wp-content/uploads/2022/07/gb-product-tab-5.png)
Slider Options: You can change the Slider Item, Slider Arrow, Slider Dots, Pause on Hover, Slider autoplay, Autoplay speed, Autoplay animation speed, and Slider item to scroll you can also set
![](https://woolentor.com/wp-content/uploads/2022/07/gb-product-tab-6.png)
How to customize the Product Tab style #
Content: You can change the Product Tab style as needed.
![](https://woolentor.com/wp-content/uploads/2022/07/gb-product-tab-7.png)
Title: You can change the Product Tab style as needed.
![](https://woolentor.com/wp-content/uploads/2022/07/gb-product-tab-8.png)
Price: You can change the Product Tab style as needed.
![](https://woolentor.com/wp-content/uploads/2022/07/gb-product-tab-9.png)
Action Button: You can change the Product Tab style as needed.
![](https://woolentor.com/wp-content/uploads/2022/07/gb-product-tab-10.png)
Step 4: Now visit the site #
Visit the Product Page to Preview.
![](https://woolentor.com/wp-content/uploads/2022/05/product-tab-8.png)
The style and setting make necessary customization from the available options.
Do you want to use Product Tab Widget for Elementor? Click Here