# Product custom tabs

<figure><img src="https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2FumqkGaa54qbn3zp84RyC%2FCustom_Tabs.png?alt=media&#x26;token=9230bcc5-b8dc-4455-be8d-e68ecc3d0b5e" alt=""><figcaption></figcaption></figure>

*How to create Product Custom Tabs.*

{% embed url="<https://youtu.be/kUOF48W7vFk>" %}

{% hint style="info" %}
To use the Product Custom Tabs feature, you need to install and activate the **WPC Product Tabs for WooCommerce (Premium)** plugin.

From the Dashboard, go to **Insight Core >** **Plugins** > **Install &** **Activate WPC Product Tabs for WooCommerce (Premium).**
{% endhint %}

## Create Product custom tabs for all products:

Tabs set up here will show up on all products

**Step 1:** From the admin dashboard, navigate to **WPClever > Product Tabs**

**Step 2:** In the tab Global Tabs, we’ve already had 3 tabs including Description, Additional Information, Shipping & Return. We can add new tabs here by selecting the custom tab&#x73;***'*** type and hit Add new tab.

![](https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2FHkPEFOU13IEU2jUIHTn7%2FGlobal_Product_Tabs.png?alt=media\&token=19a924f6-6970-4cd3-90e3-838dac8a6f6e)

**Step 3:** Click save to finish your settings.

## Create Product custom tabs for a specific product:

You can create Custom Tabs for a specific product to override Global tabs, or add Custom tabs before or after them.

**Step 1:** From the admin dashboard, navigate to Products > All Products.

**Step 2:** Select the product you want to add custom tabs. In the **Product data** section, choose **Product Tabs**.

**Step 3:** Add Custom tabs and choose where to display them.

![](https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2Fk1mLcB3nZBQS1SqVKksi%2FSingle_Product_Custom_Tabs.png?alt=media\&token=83a864e0-2fb7-486e-b13d-090d8359c799)

1. **Global**: Use Global Tabs
2. **Overwrite**: Create Custom Tabs to override Global Tabs&#x20;
3. **Prepend**: Create Custom Tabs and add Custom Tabs before Global Tabs.&#x20;
4. **Append**: Create Custom Tabs and add Custom Tabs after Global Tabs.

**Step 4:** Fill in the Tab title and content as you want. You can also create more tabs here by repeating step 3.

![](https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2FanyS0NRDz2UnJmlMhuRQ%2Fproduct%20custom%20tab%202.png?alt=media\&token=18332974-595e-49c0-a0bd-194119628a97)

**Step 5:** Don’t forget to click Update to save your changes.

## Edit the content of Custom Tab with Elementor

If you want to edit the content of a Custom Tab with Elementor, you can do it in the following way:&#x20;

1. Create Elementor Template with Type as Section. Edit the content of the template as you like.&#x20;

<figure><img src="https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2FXL8ICw0hNFANeYnFwguS%2FElementor_Template_Shortcode.png?alt=media&#x26;token=c7f9543e-f2eb-472e-846c-0982282ba982" alt=""><figcaption></figcaption></figure>

2\. Copy the Shortcode of the Elementor template and paste it into the Content section of the Custom Tab. \
Now the content of the Elementor template has been added to the Custom Tab.

<figure><img src="https://3192842155-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCGEvkIGZQql1dvbXwu25%2Fuploads%2FrZRzG5UgmSxPDHh1RpeI%2FElementor_Template_Shortcode_2.png?alt=media&#x26;token=cbda7cdf-3f11-44c9-a017-8cf00eee88fc" alt=""><figcaption></figcaption></figure>
