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 |
100 Free Tab Layouts!
We are excited to announce that the demos for the Divi Tabs Maker plugin are now available as free layouts for you to download and import into your own site. These layouts are already created on our tabs demo website using the settings and features in the plugin. We spent a lot of time making these, and hope that you enjoy them! Hopefully these layouts will allow you to save time while also giving you a chance to explore how each section was created and which settings are used in the tabs.
It’s Your Tab. Build It However You Want!
Our custom settings allow you to build your own tabs. Use icons, images, title text, or subtitle text. Change the alignment, position, sizes, font styles, margin, padding, colors, borders, and shadows!
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.
Divi Tabs Maker Is Created By Divi Experts!
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
Hello, I’m Nelson Miller, the owner of this company. I created the Divi Tabs Maker plugin so you can create beautiful custom tabs without limitations! I hope you enjoy this useful plugin!
FAQs
Get answers to common questions you may have about this product. If you have other pre-sale questions not mentioned here, just send us a message and we’ll be happy to help!
How does this plugin work?
The plugin adds a new custom Divi module into the existing Divi Visual Builder. Simply go to your Divi Builder layout, click the gray plus (+) icon to add a new module, and select “Divi Tabs Maker” to get started. Please check out our full plugin documentation for more information about all the features.
Can I use Divi library layouts as the tab content?
Yes! This is a major feature of the module. You can easily add any Divi section, row, or module from the Divi Library to your tab content area by simply clicking the dynamic icon button in the content area. This allows you to create nested tabs by adding other modules, rows, or sections within the main tabs.
How can I add columns within a tab?
You can add any text or images within the tab content area like normal, or you can use our incredible Divi Library feature to add Divi Library layouts to the tab content. So to make content with multiple columns, you would simply create the row or section as you want it and save it to the Divi Library, then add to the tab content area via our dynamic content feature.
Is it possible to nest tab modules within tabs?
In general, it’s possible to add Divi Library layouts inside tabs, but with this specific scenario it is not working with the current structure of Divi. There seems to be an issue with how Divi handles tabs.
You’ll see some odd behavior with or without our plugin if you try to nest a tab module within a tab module. If you use the default Divi tabs module and create a few tabs, save to the Divi Library, use a shortcode (with a free plugin like Simple Divi Shortcode), then add this saved layout in the content of the default Divi tabs module, you will see the title of the last tab from the saved layout will replace the title of the first tab.
We found one way it could work. With both default tabs or both Tabs Maker, it will not work, but if one of each is used, it works:
- If the tabs in the saved layout are created using our Divi Tabs Maker plugin and a default Divi tabs module is added into the content via shortcode, then it’ll work perfectly fine.
- If the tabs in the saved layout are created using the default Divi tabs module, and the Divi Tabs Maker tabs are added into the content via dynamic content, then it’ll work perfectly fine.
Which purchase option should I choose?
We offer several purchase options which determine how your product can be used:
- Annual Unlimited License: Great for anyone who wants to use this product on multiple websites for an affordable yearly fee.
- Lifetime Single License: Perfect if you only plan to use the plugin on one site and you don’t want to pay recurring fees.
- Lifetime Unlimited License: Ideal for anyone who wants to use this product on multiple sites and is okay with spending more upfront to avoid recurring fees.
Please review our Product License Policy to learn more about what each license includes.
Can I try before I buy?
Yes! You can access our admin demo sandbox to test the plugin as needed. Simply click on "Access Admin Demo" at the top of our product page, and this will generate a temporary WordPress installation with the Divi Theme and all of our Pee-Aye Creative plugins. You can set up and configure our plugins just as you would on a normal site. This allows you to thoroughly test everything and determine if our plugin meets your needs.
To learn more, check out our quick guide about our admin demo feature.
How do I receive updates?
All our products come with automatic updates for customers with an active product license. Whenever we release new features, improvements, or bug fixes, you’ll see an update notification right in your WordPress dashboard, making it easy to keep your site running smoothly.
We may also send an email announcement for major updates with important information, so we recommend staying subscribed to our emails to never miss out.
For step-by-step instructions on how to receive product updates, please check out our Product Updates Guide.
Do you offer product support?
Absolutely! We are known for our fast, friendly, and personal support (no AI chatbots), and we’re always happy to help with anything related to our products. From the moment you purchase, you’ll have full access to our extensive product documentation, including our easy-to-follow “Getting Started” guide and helpful tutorials.
If you ever run into questions or need technical support, we encourage you to first check our troubleshooting and FAQ pages in the documentation. If these resources point to an issue with our plugin specifically, please don’t hesitate to send us a support message. When you reach out, we may ask about the results of your troubleshooting steps so we can quickly understand and resolve the issue.
For more details on how our support works and what to expect, please check out our Product Support Policy. Rest assured, we’re here for you every step of the way!
Do you offer refunds?
We want you to be happy with your purchase. To ensure this, we go to great lengths to help you make thoughtful and informed purchases to avoid the rare situation where a refund is needed. Please be sure to carefully review our product descriptions, browse our detailed documentation, try the admin demo so you can test the product, and contact us with any questions before you buy. And if you run into any issues after your purchase, our excellent support team is here to help.
If you still find that the product doesn’t meet your needs, please be sure to review our Product Refund Policy to understand your options and next steps. We’re always happy to have a friendly conversation and work with you to find a fair solution.
Will this plugin be updated for compatibility with Divi 5?
Yes, this plugin will be updated for full compatibility with Divi 5. However, it's important to understand that Divi 5 is still in its early alpha stage, which means it is under active development by the Divi team. While we are actively working to rebuild this plugin, ongoing changes and core updates in Divi 5 need to be completed before we can finalize the conversion process for third-party products.
During both the Public Alpha and the upcoming Public Beta, it is neither expected nor feasible for third-party products to be fully compatible. The core structure required for us to complete the rebuild of this plugin is not yet finalized, and Divi 5 continues to undergo frequent changes and updates behind the scenes.
As a leading Divi plugin developer, we are fully committed to ensuring this plugin will be updated and compatible with Divi 5. We are making great progress on this, but we kindly ask for your patience during this transition. The process requires significant time and resources, and we truly appreciate your support and understanding.
Rest assured, by the time Divi 5 reaches its full public release, this plugin will be fully rebuilt and compatible, offering the same high-quality features and performance you’ve come to expect.
We will provide more information on how to access these updates as soon as it becomes available. Until then, please be patient and know that we are working diligently to ensure a smooth transition for this plugin.
Thank you for your continued support, understanding, and kindness during this process!
Sonja Allmann (verified owner) –
I’m very happy with the plugin. I was looking for a way to make tabs more interesting and better-looking and this has so many options and absolutely hits the mark. Thank you Nelson!
Nelson Lee Miller (aka The Divi Teacher) (verified owner) –
Hi Sonja, I’m so glad you found this plugin, and great to hear the features are helpful for making advanced and better looking tabs! Thanks for sharing your feedback!
ramy massarani (verified owner) –
Tried custom coding a tabs module and lost my $h!t… Wish I had stumbled upon this plugin much earlier, works great! Access to custom designing lists in the presets would be a great addition.
Nelson Lee Miller (aka The Divi Teacher) (verified owner) –
Thank you Ramy, I appreciate that feedback and suggestion, and so happy you found the plugin, as I totally understand that pain 🙂
Mike Marcin (verified owner) –
Was looking for a tab maker plugin for Divi that enabled us to use Divi modules in the tab. This did the trick! Thanks for making it easy.
Nelson Lee Miller (aka The Divi Teacher) (verified owner) –
You’re welcome Mike, I am so glad you found our solution! Thanks so much for sharing!
Kaz (verified owner) –
Great Plugin! I use this great plugin for name index and is now working as I wanted! This plugin has the potential to be used in a variety of ways. I think the fastest way to get used to this plugin is to try those well well-prepared free templates first.
Nelson Lee Miller (aka The Divi Teacher) (verified owner) –
Thank you Kaz, so glad to hear you are enjoying the many features, and appreciated the free demo layouts. Thanks for sharing!
Ian West –
This is brilliant and proved a life-saver for me. I’d been struggling building a complex mega menu for a client, until I hit on a bit of lateral thinking – why not build it with tabs? That led me to this plugin. And wow! So many features – seems like there’s nothing it can’t let me do. Many thanks, Nelson!
Nelson Lee Miller (aka The Divi Teacher) (verified owner) –
Such a clever use case, Ian! Nice job on that! So glad you are enjoying it, thanks for sharing!
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!