*Extensions › Tabs* # Custom Tabs Extension Size charts, nutrition labels, care symbols, FAQs and downloads as tabs on your product pages, built from blocks per product or shared across your catalog. 13 parts. Quick links - [Before you start](https://docs.wpeasycart.com/docs/extension-guides/custom-tabs-extension/#setup) - [The Product tabs card](https://docs.wpeasycart.com/docs/extension-guides/custom-tabs-extension/#product) - [The tab designer](https://docs.wpeasycart.com/docs/extension-guides/custom-tabs-extension/#designer) - [Blocks](https://docs.wpeasycart.com/docs/extension-guides/custom-tabs-extension/#blocks) - [Start from a template](https://docs.wpeasycart.com/docs/extension-guides/custom-tabs-extension/#templates) - [WP EasyCart’s own tabs](https://docs.wpeasycart.com/docs/extension-guides/custom-tabs-extension/#builtin) - [Shared tabs](https://docs.wpeasycart.com/docs/extension-guides/custom-tabs-extension/#shared) - [Repeated tabs](https://docs.wpeasycart.com/docs/extension-guides/custom-tabs-extension/#repeats) - [Layout](https://docs.wpeasycart.com/docs/extension-guides/custom-tabs-extension/#layout) - [Look](https://docs.wpeasycart.com/docs/extension-guides/custom-tabs-extension/#look) - [Behaviour](https://docs.wpeasycart.com/docs/extension-guides/custom-tabs-extension/#behaviour) - [Preview](https://docs.wpeasycart.com/docs/extension-guides/custom-tabs-extension/#preview) - [Your tab content](https://docs.wpeasycart.com/docs/extension-guides/custom-tabs-extension/#data) **Where to find it:** WP Admin › EasyCart › Extensions › Tabs *Getting started* ## What Tabs adds What you need, the tab types, and where each screen is. ### Before you start What Tabs adds, what it needs and where its screens are Tabs puts your own tabs on product pages next to WP EasyCart’s Description, Specifications and Customer reviews: size charts, nutrition labels, care symbols, FAQs, downloads and more, built from blocks in a full-screen designer, per product or shared across your catalog. **What you need.** A Premium license, with Tabs installed from EasyCart › Extensions, which also installs WP EasyCart Premium. Adding and changing tabs needs the license to be active; product pages show your tabs whatever its state. **Where things are.** A product’s tabs are in its product editor, in the **Product tabs** card at the top of Basics. Its **Design tabs** button opens the tab designer. Everything shared lives at EasyCart › Extensions › **Tabs**: Shared tabs, Repeated tabs, and the Layout, Look and Behaviour settings with a live Preview. **Tab types.** A tab built in the designer is a **Blocks** tab. Tabs made with an older version of Tabs can also be **Text**, **FAQ** or **Downloads**. They keep showing and keep a quick editing drawer, and turn into blocks when you save them from the designer. ![EasyCart › Extensions › Tabs, with one shared tab and the start of the Layout settings.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/custom-tabs-extension-setup-604.jpg) > **💡 Note:** Without an active Premium license every tab keeps showing on your product pages, and the Product tabs card, the designer and this page turn read-only until Premium is active again. *Per product* ## Build a product’s tabs The Product tabs card, the tab designer, its blocks and templates, and WP EasyCart’s own tabs. ### The Product tabs card Each product’s tabs, in page order, at the top of Basics Open a product. The **Product tabs** card sits at the top of the **Basics** section, above the Product page text card. It lists every tab on the product’s page in order: WP EasyCart’s Description, Specifications and Customer reviews, the product’s own tabs ( marked **This product** ) and the shared tabs that reach it ( marked **Shared** with where they show ). A new product gets the card once it has been saved. **Design tabs** opens the tab designer. **Start from a template** opens it at the templates. New tabs are added in the designer. **Order.** Drag a row, or use its arrows. Description, Specifications and Customer reviews move too, so a tab can come before Description and open first on the page. **Each row’s buttons.** A product’s own tab has **Edit** and **Delete**. **Hide here** on Description or Specifications takes that tab off this product’s page; the text stays in the product editor and **Show here** brings the tab back. Customer reviews is marked **Reviews off** when reviews are off for the product. On a shared tab, **Hide here** keeps it off this product only, and **Edit here** opens the designer so single blocks can have this product’s own content. A shared tab from an older version has **Use own text** and **Use shared text** instead. **Copy from another product** finds a product by name or SKU and brings its tabs over. A product with no tabs of its own gets an exact copy, places included; otherwise the copied tabs are added at the end. The line at the bottom names the store’s tab style, with a link to Design settings. ![The Product tabs card at the top of Basics, with WP EasyCart’s three tabs and a shared tab.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/custom-tabs-extension-product-604.jpg) ### The tab designer Build a product’s tabs beside a live preview The designer opens full screen over the product editor, titled **Tabs for** and the product’s name. It has three columns. **Left: Tabs and blocks.** Every tab in page order, WP EasyCart’s own included. **Add a tab** adds a new one. Drag a row or use its arrows to move it; the eye button hides a shared or built-in tab on this product. Under the list, the selected tab’s blocks, with **Add a block**. **Middle: the preview.** The product page’s tab area, drawn with your tabs as they are now, saved or not. Click anything in it to edit it. **Desktop** and **Phone** at the top switch the width, and **Desktop style** tries another style in the preview only: the store’s style is set under Design settings and is the same on every product. **Highlight values that come from the product** marks the values blocks fill in for you. **Right: settings for what is selected.** For a tab: **Tab name**, **Link to this tab** ( the #tab- name ), **Icon** ( shown by Icon tabs, Boxed accordion and Drawer rows ), **Line under the name** ( shown by Drawer rows ) and **Number beside the name**. **Delete tab** asks for a second click. **Make it a shared tab…** turns one of this product’s tabs into a shared tab. Pick where it shows: every product, the product’s categories, its manufacturer, or only this product for now, each with how many products it reaches. Pick where it goes on other products; on this one it keeps its place. When some of those products already have their own tab of that name, you can leave the shared tab off them. **Undo** and **Redo** ( Ctrl+Z, Ctrl+Shift+Z ) step through your changes, and **Save** ( Ctrl+S ) puts them on the product page. Closing with unsaved changes asks first. ![The tab designer with a template loaded: tabs and blocks on the left, the preview, and the Size & fit tab’s settings.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/custom-tabs-extension-designer-604.jpg) ![Make it a shared tab: where the tab shows and where it goes on other products.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/custom-tabs-extension-make-shared-604.jpg) > **⚠️ Careful:** Saving an older Text, FAQ or Downloads tab from the designer turns it into blocks. A Text tab holding tables, images, embeds or shortcodes keeps only its text; the designer warns you first. To keep such a tab as it is, leave it unchanged in the designer and edit it with Edit on the Product tabs card. ### Blocks 36 blocks to build a tab from, and the values they fill in **Add a block** opens the **Block library**, with a search box and five groups: **Basics**: Heading, Text, Image and text, Buttons, Table, Divider. **Media**: Image, Gallery, Video, Before and after, Image with hotspots. **Product details**: Specifications, Product details, Dimensions, What’s in the box, Comparison, Materials and colours, Downloads, Safety and manufacturer. **Story and trust**: Feature grid, Badges, Stats, Steps, FAQ, Review highlights, Testimonial, Callout, Good to know, Story timeline, Maker profile, Pairs well with. **Made for your industry**: Size chart, Ingredients, Nutrition facts, Care, Curriculum. Select a block in the list or the preview and its fields open on the right, with **Duplicate** and **Remove block** underneath. A tab holds up to 60 blocks. **Values from the product.** Many fields take values like *{weight}* or *{sku}*, which fill in from each product: name, SKU, brand, price, weight, width, length, height, size, stock and barcode. The { } button beside a field inserts one. That is what makes one shared tab right on every product. **A few worth knowing.** **Size chart** gives shoppers an inches and centimetres switch and can carry a how-to-measure picture. **Nutrition facts** draws a Nutrition Facts or Supplement Facts label, an EU table or a pet food guaranteed analysis as a real table, not a picture. **Video** takes a YouTube or Vimeo link or a Media Library file and loads the player only when the shopper presses play. **Care** shows care symbols with plain words. ![The block library, open beside the preview.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/custom-tabs-extension-blocks-604.jpg) ![A Size chart block selected: its chart, units and how-to-measure picture on the right.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/custom-tabs-extension-block-settings-604.jpg) ### Start from a template Fourteen industry templates and a blank start **Start from a template** on the card, or **Templates** in the designer, opens tabs written for your kind of product. Filter by industry ( Fashion, Health and beauty, Food and drink, Home, Tech, Outdoor, Kids, Digital ) or show All: Apparel, Beauty & skincare, Food & drink, Supplements, Electronics, Furniture & home, Kitchen & cookware, Outdoor gear, Jewelry, Handmade & art, Pet, Tools & hardware, Toys & kids, Courses & digital, and Blank, one empty tab. Each template lists its tabs, how many there are and the style it suggests. When the product already has tabs of its own, choose **Replace this product’s tabs** ( shared tabs and WP EasyCart’s own tabs stay ) or **Add after them**. A tab one of your shared tabs already shows on the product is not added again. **Use template** loads it into the designer. The wording is a sample to replace; values like weight and size fill in from the product. Nothing is kept until you press Save. ![Start from a template, with the Apparel template picked.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/custom-tabs-extension-templates-604.jpg) ### WP EasyCart’s own tabs Description, Specifications and Customer reviews Select Description, Specifications or Customer reviews in the designer. Their content still comes from the product editor: the description, the specifications ( the tab shows when the product has some ) and the product’s reviews. **On this product.** **Hide on this product**, on Description and Specifications, takes only the tab away. The text stays in the product editor and you can show the tab again at any time. Customer reviews has **Customer reviews on this product** instead: the same switch as Customer reviews in the product editor. Off hides the tab and the star rating on this product; its reviews are kept. **On every product.** **Tab name** ( leave it empty for WP EasyCart’s own name, from its language settings ), **Icon**, **Line under the name** and, for reviews, **Show how many reviews**. These are the same on every product, so changing them here changes the tab everywhere. The classic tabs keep their own look. ![Description selected in the designer, with Hide on this product and the settings shared by every product.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/custom-tabs-extension-builtin-604.jpg) *Across your catalog* ## Shared and repeated tabs Tabs written once for many products, and copies turned into one shared tab. ### Shared tabs Written once, shown on every product, a category, a manufacturer or the products you choose. Each product’s own tabs are in its editor. Shipping & returns on every product, a size guide on one category: a shared tab is written once and shows on many products. **New shared tab** opens a drawer, and the buttons beside it start from Shipping & returns, Size guide, Care instructions, Warranty & manuals, Delivery & assembly, Gift packaging or FAQ. The drawer asks: **Start from**: a blank tab, one of those, or any tab of the industry templates. **Tab name** and **Link to this tab**. **Shows on**: All products, Categories, Manufacturers, or Chosen products found by name or SKU. The drawer counts the products it will reach, and can leave it off products that already have their own tab of the same name, so no page shows it twice. **Where it goes**: Before Description, After Description, After Specifications or At the end. Each product can still move it, hide it or give it its own content. **Show this tab**: untick to take it off every product without deleting it. **Save tab** and the designer opens on the new tab, to change its blocks. **The list.** Each shared tab shows where it shows ( or **Off** ), its blocks, its position and how many products it shows on. When products hide it or have their own content, the counts open a list of them, with **Show it here**, **Use the shared content** and **Open product** for one product, or for all of them at once. Drag rows to set the order of shared tabs in the same position. **Design** opens the designer on the shared tab: changes there show on every product it reaches, except blocks a product has made its own. **Where it shows** reopens the drawer. **Delete** asks first and says how many products show the tab. ![Shared tabs, with one tab for a category and the starting points beside New shared tab.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/custom-tabs-extension-shared-604.jpg) ![The New shared tab drawer.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/custom-tabs-extension-shared-drawer-604.jpg) ![A shared tab open in the designer.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/custom-tabs-extension-shared-designer-604.jpg) ### Repeated tabs The same tab typed, copied or added from a template on many products. Turn the copies into one shared tab: change it once and every product has the new version. A Shipping tab typed into product after product, tabs copied between products, a template’s own copy of Shipping & returns: this section lists every tab name found on 3 or more products, with how many, and whether a shared tab of that name already exists. **Review** opens the name’s copies as a table of versions: how many products hold each, its type, what it holds and an example product. Pick the version to share, then show the shared tab on **only the products that have this version** or on **every product**, and where it goes on products without a copy. Products with a different version can keep their own, with the shared tab left off them. **Merge** turns the copies into one shared tab in the same place on each product. When a shared tab of that name already exists, the choice is to **Remove** the copies identical to it, so no product shows it twice. Large stores are done in batches. Keep the window open while it works; **Pause** stops after the current products, and the top of the section offers **Continue** or **Stop here** later. Stopping keeps what is done: those products use the shared tab, the rest keep their own. ![Repeated tabs, on a store where no tab name repeats on 3 or more products.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/custom-tabs-extension-repeats-604.jpg) *On the page* ## Design settings How tabs look and behave on every product page, and what happens to them if you delete the plugin. ### Layout How every product page shows its tabs, WP EasyCart’s own included. **Style** ( default: Stacked sections ) How every product page shows its tabs. Eleven styles, each drawn on its tile: **WP EasyCart’s classic tabs ( as before )**, Underline, Pills, Segmented, Folder cards, Icon tabs, Side tabs, Boxed accordion, Lined accordion, **Stacked sections** ( every tab open, one after another, with a jump bar that stays in view ) and Drawer rows, where each row opens a side panel. New stores start on Stacked sections. Stores that had Tabs before keep the classic tabs until you pick another style. When a style cannot show yet, a note under the tiles says why: your theme’s own copy of the product page template, or an Elementor product template, whose Product Tabs widget follows this style while its *Use the WP EasyCart Tabs design* switch is on. **Style on phones** ( default: Lined accordion ) The style on phones, and wherever the tab area is narrow, such as beside the photos: Lined accordion, Boxed accordion, Drawer rows, or Same as desktop. Shows for every style but the classic tabs. **Classic tab layout** ( default: Horizontal ) Only with the classic tabs. **Horizontal** puts the tab names in a row above the content, **Vertical** in a column beside it, and **Accordion** shows each tab’s content under its name. **On phones** ( default: Accordion ) Only with the classic tabs. **Accordion** stacks the tabs on a phone. **Drop-down list** is WP EasyCart’s own: the open tab’s name, with the others underneath when tapped. **Where the tabs sit** ( default: Below the product ) **Below the product** or **Beside the photos**, which puts the tabs under Add to cart in the buy column. Customer reviews stay below the product either way. **Open when the page loads** ( default: First tab ) For accordions and drawer rows, on computers and on phones: the **First tab**, **All** of them or **None**. **Hide empty tabs** ( default: On ) A tab with nothing in it stays off the product page: an empty text tab, an FAQ with no questions, a Downloads tab with no files, a blocks tab with nothing filled in. The Product tabs card marks these tabs *empty, so hidden*. ![Layout with Stacked sections picked: the style tiles and the rows that follow it.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/custom-tabs-extension-layout-604.jpg) > **💡 Note:** Stores that used Tabs before the tab styles existed stay on WP EasyCart’s classic tabs until you pick a style here. Nothing changes on your product pages until you do. ### Look An accent, corners and spacing that sit with your theme. **Accent** ( default: My store’s colour ) The colour of the open tab, links and icons. **My store’s colour** uses the main colour of your store’s design; **Choose a colour** picks your own. **Accent colour** ( default: #1f6f5b ) Your own accent. A contrast line underneath checks it against white: it passes WCAG AA for text, or it is too light and tab names and links will be hard to read. **Corners** ( default: 10 px ) How round boxes, buttons and pictures are, from 0 ( square ) to 20 px. **Spacing** ( default: Comfortable ) The space in and around the tabs: Compact, Comfortable or Airy. **Panels** ( default: Plain ) **Tinted** gives each tab’s content a soft background; **Plain** leaves it on the page. ![Look, with the store’s own colour as the accent.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/custom-tabs-extension-look-604.jpg) ### Behaviour Links into tabs and small helpers for shoppers. **Size guide link** ( default: On ) When a product’s tabs have a size chart, a **Size guide** link shows beside the size choice ( swatches and advanced options included ) and opens the chart. **Tab links** ( default: On ) A link ending in *#tab-* and a tab’s link name opens that tab, such as *#tab-size-guide* or *#tab-reviews*. Use it for a “See the size guide” line in your description or in an email. Each tab’s link name is set in the tab designer, under Link to this tab. **Reopen the last tab** ( default: Off ) A shopper who comes back to a product sees the tab they last had open, until they close the browser tab. Not with the classic tabs. ![Behaviour, with Reopen the last tab shown for a style other than classic.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/custom-tabs-extension-behaviour-604.jpg) ### Preview A sample product with these settings. Each product’s own tabs show in its designer. A sample product drawn with the Layout, Look and Behaviour choices on this page, on **Desktop** or **Phone**. It follows each change you make, so you can compare styles before you leave the page. To see a real product’s tabs, open its designer. ![The Preview on Desktop, drawn with Stacked sections.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/custom-tabs-extension-preview-604.jpg) ### Your tab content Tabs are kept when the plugin is deactivated or updated. **Remove tab content when Tabs is deleted** ( default: Off ) Off, deleting the plugin keeps every tab, so installing it again brings them back. On, deleting the plugin from the Plugins screen removes every product’s tabs, your shared tabs and these settings for good. Deactivating or updating never removes anything. ![Your tab content, kept unless you choose otherwise.](https://docs.wpeasycart.com/wp-content/uploads/2026/10/custom-tabs-extension-data-604.jpg) > **⚠️ Careful:** With Remove tab content on, deleting Tabs cannot be undone. Leave it off unless you are sure you will never use the tabs again. *Keep going* ## Related panels - [Basics](https://docs.wpeasycart.com/docs/administrative-console-guide/general-product-details/): Where the Product tabs card sits, above the Product page text card. - [Reviews](https://docs.wpeasycart.com/docs/administrative-console-guide/product-reviews/): The Customer reviews switch the designer shares. - [Products](https://docs.wpeasycart.com/docs/administrative-console-guide/products-product-list/): Open a product to edit its tabs. - [Categories](https://docs.wpeasycart.com/docs/administrative-console-guide/categories/): Categories a shared tab can show on. - [Manufacturers](https://docs.wpeasycart.com/docs/administrative-console-guide/manufacturers/): Manufacturers a shared tab can show on. ## Ready to run your store on WP EasyCart? Everything in this guide works with the free plugin. PRO and Premium add subscriptions, memberships, wholesale pricing and more. Try every PRO feature free for 14 days. [Start your free trial](https://www.wpeasycart.com/wp-easycart-professional-14-no-risk-trial/) · [See what is included](https://www.wpeasycart.com/wordpress-shopping-cart-pricing/) ![The WP EasyCart admin: orders and offers](https://docs.wpeasycart.com/wp-content/uploads/2026/09/cta-wpeasycart-pro-v2.jpg) --- Source: https://docs.wpeasycart.com/docs/extension-guides/custom-tabs-extension/ ( updated 2026-10-19 )