Includes (68) Custom Features & Setting Groups!
Give your Divi tabs experience a serious upgrade! Check out this huge list of incredible features in our module!
| Feature | Ours | Divi |
|---|---|---|
| Tabs Position Top | ||
| Tabs Position Bottom | ||
| Tabs Position Left | ||
| Tabs Position Right | ||
| Fullwidth Vertical Tab Stacking On Tablet/Phone | ||
| Inline Horizontal Tabs On Tablet/Phone | ||
| Horizontal Tabs Scrolling | ||
| Scrollbar Design Settings | ||
| Display Tabs As Menu On Mobile | ||
| Menu Design settings | ||
| Vertical/Horizontal Line | ||
| Vertical/Horizontal Line Design Settings | ||
| Fullwidth Equal Tabs | ||
| Tab Shapes | ||
| Space Between Tabs | ||
| Vertical Tabs Container Width | ||
| Show/Hide Active Tab Pointer | ||
| Active Tab Pointer Position Inside/Outside | ||
| Active Tab Pointer Design Settings | ||
| Auto Switch Tabs | ||
| Disable Auto Switch On Click | ||
| Auto Switch Interval | ||
| Hide Tabs | ||
| Show/Hide Progress Bar | ||
| Progress Bar Design Settings | ||
| Manual Tab Switch Method Click/Hover | ||
| Animate Tab | ||
| Tab Animation Types | 14 | 0 |
| Tab Animation Duration | ||
| Animate Tab Content | ||
| Tab Content Animation Types | 33 | 0 |
| Tab Content Animation Duration | ||
| Tab Navigation Buttons | ||
| Tab Navigation Button Design Settings | ||
| Tab Navigation Controls Dots/Numbers | ||
| Tab Navigation Buttons And Controls Position | ||
| Tab Navigation Controls Design Settings | ||
| Set Default Active Tab | ||
| Deeplinking To Specific Tabs | ||
| Show/Hide WooCommerce Reviews | ||
| Show/Hide Tab Title | ||
| Tab Title Dynamic Content | ||
| Tab Title Design Settings | ||
| Show/Hide Tab Subtitle | ||
| Tab Subtitle Dynamic Content | ||
| Tab Subtitle Design Settings | ||
| Show/Hide Tab Icon | ||
| Icon Design Settings | ||
| Show/Hide Tab Image | ||
| Image Design Settings | ||
| Default (Inactive) Tabs Design Settings – Global | ||
| Default (Inactive) Tabs Design Settings – Individual | ||
| Tabs Custom Height/Width | ||
| Tab Background Gradients | ||
| Tab Background Images | ||
| Conditional Display Feature Per Individual Tab | ||
| Active Tabs Design Settings – Global | ||
| Active Tabs Design Settings – Individual | ||
| Tabs Alignment Left/Center/Right | ||
| Tabs Container Design Settings | ||
| Divi Library Support In Content Area | ||
| Content Design Settings | ||
| Content Height Settings | ||
| Content Overflow Settings | ||
| Content Scrollbar Settings | ||
| Content Text Design Settings | ||
| Content H1-H6 Heading Design Settings | ||
| Custom CSS Boxes For Everything |
It’s Your Tab. Build It However You Want!
NOTE: We are in the process of updating this page ahead of the release of version 2.1. Some of the features listed will be available in a few days.
Layout Options
- Tabs Top
- Tabs Bottom
- Tabs Left
- Tabs Right
Tab Settings
Includes Separate Settings For Active & Inactive Tabs
- Margin
- Padding
- Borders
- Box Shadows
- Background Colors
Title Text Settings
Includes Separate Settings For Active & Inactive Tabs
- Custom Text
- Alignment
- Font Size
- Font Styles
- Font Family
- Color
Subtitle Text Settings
Includes Separate Settings For Active & Inactive Tabs
- Custom Text
- Alignment – Left/Center/Right
- Font Size
- Font Styles
- Font Family
- Color
Icon Settings
Includes Separate Settings For Active & Inactive Tabs
- Icon Picker
- Size
- Placement – Left/Right/Top Of Text
- Alignment – Left/Center/Right
- Color
- Background Color
- Margin
- Padding
- Borders
- Box Shadows
Image Settings
Includes Separate Settings For Active & Inactive Tabs
- Custom Image
- Size
- Placement – Left/Right/Top Of Text
- Alignment – Left/Center/Right
- Margin
- Padding
- Borders
- Box Shadows
Tab Width Settings
Settings Vertical Or Horizontal Tabs
- Set horizontal tabs to automatically equalize the width
- Adjust the percentage for the vertical tabs width
Active Tab Pointer
- Choose To Show A Pointer On The Active Tab
- Inside Or Outside Options
- Size
- Color
Tabs Container Area
- Background Color
- Margin
- Padding
- Border Radius
- Borders
- Box Shadows
Tab Content Area
- Text Color
- Text Font Design Settings
- Margin
- Padding
- Background Color
- Border Radius
- Borders
- Box Shadows
Dynamic Tab Content
Easily add any Divi section, row, or module to your tab content area! Simply click the dynamic icon button and select any layout which is saved in your Divi Library.
Even More Amazing Features
Content Animations
Animate The Content When Switching Tabs
- Slide
- Slide Left
- Slide Right
- Slide Top
- Slide Bottom
- Fade
- Fade Left
- Fade Right
- Fade Top
- Fade Bottom
- Fade In Left
- Fade In Right
- Fade In Top
- Fade In Bottom
- Horizontal Flip
- Vertical Flip
- Zoom In
- Zoom In Left
- Zoom In Right
- Zoom In Up
- Zoom In Down
- Bounce In
- Bounce In Left
- Bounce In Right
- Bounce In Up
- Bounce In Down
- Flash
- Pulse
- Shake
- Swing
- Tada
- Wobble
- Light Speed In
Tab Navigation Buttons & Controls
Take your tabs to the next level and turn them into a slider! That’s right, you can use this setting to show next and previous buttons to switch between tabs. You could even hide the tabs in another setting if you want.
You also have the option to enable navigation controls, which are dots or numbers at the bottom, similar to a slider or carousel.
Tab Navigation Buttons And Controls Position
Choose where you want to display the navigation buttons and control buttons. You can select from top, right, bottom, or left position.
Auto Switch Tabs
By default, the tabs switch when you click on them. But you may want the tabs to cycle automatically. This is a great way to show visitors the other tab content without clicking. You can choose the timing interval
Display Conditions
All Divi modules have the Divi Conditions feature, which allows you to show or hide the module based on dynamic conditional criteria that you set. We took our Divi Tabs Maker module to the next level by adding the Conditions feature not only to the module, but to the individual tabs as well! Now you can use Conditions to show or hide individual tabs and their content! This works great when using dynamic content in a Theme Builder template, WooCommerce product page, custom post type, etc.
Show Progress Bar
This is an optional setting of the Auto Switch Tabs feature to show a progress bar on the top of each tab to visually indicate the duration each tab will be active. The progress bar will move based on the timing interval chosen.
Default Active Tab
The first tab is active by default when a visitor comes to your page or refreshes the page. But this setting allows you to enter a number for the tab you want to be active by default.
Deeplinking
This feature allows you to link directly to a tab within the module and make it active. Just right-click on the tab you want to link to and copy the URL, then use that URL in a button or link. Now, when someone clicks the link, it will navigate to the tabs module and make the linked tab active.
Manual Tab Switch Method
The default way to change tabs is by manually clicking on another tab, but this setting gives you the option to change it to hover if you want.
Why Choose This Product?
- The most feature-rich Divi tabs module on the market
- Hundreds of functionality and design settings
- We are a top-rated Divi product creator and community leader
- Our proven track record of continuous feature updates and improvements
- We are known for fast, friendly, and personal support
- Our products come with thorough and helpful documentation
- Thousands of happy customers who love and trust our products
FREE BONUS
(an invitation will be sent after you purchase this product)
How does this plugin work?
Can I Add Divi Layouts To The Tabs?
Yes! This is a major feature of the module. You can easily add any Divi section, row, or module to your tab content area by simply clicking the dynamic icon button in the content area and selecting any layout from the Divi Library.
Will there be future updates & new features?
Which purchase option should I choose?
Great question! As you can see we offer several purchase options. These are the licenses that determine how your product can be used.Â
The Annual Unlimited license is great for anyone who wants to use this product on multiple websites for an affordable yearly fee.
The Lifetime Single license is perfect if you only plan to use the plugin on one site and you don't want to pay recurring fees.Â
The Lifetime Unlimited license is ideal for anyone who wants use this product on multiple sites and is okay with spending a lot more upfront to advoid recurring fees.Â
Please review our Product License Policy to learn more about what each license means and what is included.
How do I receive updates?
Our products are eligible for automatic updates to all customers with an active product license. Any time we push out an update with new features, improvements, or bug fixes, you will see a notification in your WordPress dashboard. If we have a big update with important information we will also send out an email, so be sure to stay subscribed for that information.
Please refer to our Product Updates guide for more information about how you can receive product updates.
Do you offer product support?
Absolutely, we are always happy to help you with anything related to our products. If you have any question or encounter some issue, please visit our Docs & Support area. You should find everything you need there, but if you still need help you can use the contact support form at the bottom of any of our documentation pages.
If you want to learn how our product support works and what is included, please visit our Product Support Policy for more information.
Do you offer refunds?
Our products come with a 30 day money back guarantee. This guarantee and policy is based on some standard and fair criteria which is all clearly detailed in our Product Refund Policy. We encourage you to review the document and reach out to us if you have any doubts about your purchase. We are down-to-earch folks who will treat you with integrity, so feel free to start a friendly conversation with us at any time.
How do I use and manage the license keys?
A product license key is a series of numbers and letters that is generated when you purchase our products. This key is used to connect the product which you install on your website with your account here, which allows you to receive automatic updates and support for your product. You can learn how to find, add, delete, deactivate, and generate keys in the Product License Key Management documenation.
codyshores (verified owner) –
Just purchased and installed. I appreciate the plethora of customization options.
Nelson Lee Miller (aka The Divi Teacher) (verified owner) –
Thanks Cody, so glad you like it!