Build Any Type Of Tabs You Can Imagine
Create beautiful, fully customized tabs with hundreds of advanced settings for layouts, styling, animations, navigation, dynamic content, responsive behavior, and everything the standard Divi Tabs module is missing.
FYI: Fully Compatible With Divi 5!
Create Advanced, Fully Customizable Tabs In Divi
The default Divi Tabs module provides only limited design options, making it difficult to create tabs that match your layout or visual style. This often forces designers to compromise on spacing, colors, typography, and overall appearance just to fit within the module’s restrictions. Our Divi Tabs Maker plugin solves this by providing extensive design controls that allow you to customize nearly every aspect of your tab layouts. You can adjust styling for tabs and content areas, apply custom backgrounds, borders, shadows, and gradients, and fine tune spacing, alignment, and typography to create tab layouts that fully match the design of your Divi site.
⚡Quick Highlights
- Customize tab headers and content areas with detailed design settings
- Apply backgrounds, borders, shadows, gradients, and typography controls
- Fine-tune spacing, alignment, and layout styling to match your site design
Fully Control Tab Layouts Position And Orientation In Divi
The default Divi Tabs module offers only a basic horizontal layout with very little control over where tabs appear or how they are arranged. This can limit your ability to integrate tabs naturally into different page layouts or design structures. Our Divi Tabs Maker plugin solves this by giving you full control over tab layout positioning and orientation. You can place tabs above, below, beside, or alongside the content area and choose between horizontal or vertical orientations to create layouts that work naturally with your page design.
⚡Quick Highlights
- Position tabs above, below, left, or right of the tab content
- Switch between horizontal and vertical tab orientations
- Integrate tab layouts naturally into different page designs
Customize Individual Tabs Design Settings In Divi
Many tab systems apply the same design settings to every tab, which can make it difficult to highlight specific tabs or create visual variation when needed. This limitation often forces designers to accept uniform styling even when a design calls for something different. Our Divi Tabs Maker plugin solves this by allowing each tab to include its own design settings that override the module’s default styles. This makes it possible to apply unique colors, backgrounds, spacing, or other visual adjustments to individual tabs while still maintaining consistent defaults across the entire tab layout.
⚡Quick Highlights
- Apply custom design settings to individual tabs
- Override module-level styles when needed
- Maintain consistent defaults while customizing specific tabs
Add Icons, Images, And Subtitle Text To Tabs In Divi
The default Divi Tabs module provides only basic text labels for tabs, which limits how much visual information you can include in the tab navigation. This can make it harder to communicate meaning clearly or create visually engaging tab interfaces. Our Divi Tabs Maker plugin solves this by allowing you to add icons, images, and subtitle text directly inside each tab. These additional elements help provide clearer context, improve visual organization, and make tab navigation more informative and visually engaging.
⚡Quick Highlights
- Add icons images or subtitle text to tab labels
- Create visually informative tab navigation
- Improve clarity and visual hierarchy in tab layouts
Use Divi Library Layouts As Tab Content In Divi
The default Divi Tabs module only allows basic content inside each tab, which limits what you can build and often prevents you from creating more advanced layouts within tab sections. This can make it difficult to include complex designs, multiple modules, or structured content within a tab interface. Our Divi Tabs Maker plugin solves this by allowing you to use saved Divi Library layouts as the content for each tab. This makes it possible to insert complete sections, rows, and modules inside tabs while still managing them through the Divi Library for easier reuse and editing.
⚡Quick Highlights
- Use saved Divi Library layouts as tab content
- Insert full sections rows and modules inside tabs
- Reuse and manage tab content through the Divi Library
Create Auto Switching Tabs With Progress Indicators In Divi
Standard tab interfaces require users to manually click between tabs to view different content, which can make it harder to guide visitors through information in a structured order. This limitation can reduce the effectiveness of tabs when presenting step by step information or highlighting key sections of content. Our Divi Tabs Maker plugin solves this by allowing tabs to automatically switch after a set duration while displaying a visual progress indicator. This helps guide visitors through tabbed content while still allowing manual interaction when needed.
⚡Quick Highlights
- Automatically switch between tabs after a set duration
- Display visual progress indicators for tab timing
- Allow both automatic and manual tab interaction
Add Navigation Controls Including Arrows, Dots, Or Numbers To Tabs In Divi
Traditional tab modules provide limited navigation options, which can make it difficult for users to move through tabbed content quickly or understand how many sections are available. This becomes more noticeable when tabs contain multiple sections of information or when auto switching tabs are used. Our Divi Tabs Maker plugin solves this by adding optional navigation controls such as arrows, dots, or numbered indicators that allow users to move between tabs more easily and understand their position within the tab sequence.
⚡Quick Highlights
- Add arrow dot or number navigation controls to tabs
- Help users move between tab sections more easily
- Improve navigation when displaying multiple tabs
Convert Individual Tabs Into Clickable Links In Divi
In many tab interfaces every tab is expected to reveal content within the same module, which can limit flexibility when designing navigation patterns or mixed content sections. This can be frustrating when you want a tab to direct users to another page instead of opening tab content. Our Divi Tabs Maker plugin solves this by allowing individual tabs to function as clickable links that open internal or external URLs. This makes it possible to combine tab navigation with traditional page links within the same tab layout.
⚡Quick Highlights
- Convert individual tabs into clickable links
- Link tabs to internal or external pages
- Combine tab navigation with standard page links
Add Custom Transition Effects To Tabs And Tab Content In Divi
Standard tab modules typically switch between tabs instantly with little or no visual transition, which can make the interaction feel abrupt and less polished. This can limit the visual flow of the page and make tabbed sections feel disconnected from the rest of the design. Our Divi Tabs Maker plugin solves this by allowing you to apply custom transition effects when switching between tabs. You can control animations for both the tab navigation and the tab content, helping create smoother visual transitions and a more cohesive tab experience.
⚡Quick Highlights
- Apply transition effects when switching between tabs
- Control animations for both tab navigation and tab content
- Create smoother visual transitions in tab interfaces
Link Directly To Specific Tabs From Other Pages Using Deeplinking In Divi
When using tabbed content it can be difficult to direct visitors to a specific tab from another page or section of your site. This often forces users to manually open the tab they need after arriving on the page. Our Divi Tabs Maker plugin solves this by supporting deeplinking, which allows you to link directly to a specific tab using a unique URL. This makes it easier to reference tabbed content from other pages, navigation links, or marketing campaigns while automatically opening the correct tab when the page loads.
⚡Quick Highlights
- Link directly to specific tabs using unique URLs
- Open the correct tab automatically when the page loads
- Reference tabbed content from other pages or navigation links
Show Or Hide Entire Tabs Based On Divi Conditions
Standard tab modules display every tab to every visitor regardless of context, which can limit flexibility when designing dynamic pages or personalized content. This can make it difficult to control which information appears for different users or situations. Our Divi Tabs Maker plugin solves this by allowing entire tabs to be shown or hidden based on Divi Conditions. This makes it possible to display different tabs depending on factors such as user status, page context, or other conditional logic.
⚡Quick Highlights
- Show or hide entire tabs using Divi Conditions
- Display different tabs based on user or page context
- Control tab visibility without creating separate layouts
Create Fully Responsive Tab Layouts In Divi
Tabbed layouts can become difficult to use on smaller screens when tabs do not adapt well to different devices. This often results in crowded tab navigation or layouts that are harder to interact with on phones and tablets. Our Divi Tabs Maker plugin solves this by providing responsive tab layout controls that adapt to different screen sizes. You can adjust tab orientation, layout behavior, and other settings across breakpoints to ensure tabbed content remains usable and well organized on any device.
- Adjust tab layout behavior for different devices
- Control orientation and layout across breakpoints
- Maintain usable tab navigation on phones, tablets, and desktops
Includes (68) Custom Features & Setting Groups!
See how Divi Tabs Maker compares to the standard Divi Tabs module and explore the extensive list of advanced features included 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.
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!
👋 Get Familiar With Divi Tabs Maker
Learn more about this plugin by viewing the features on our frontend demo site, launching a temporary admin sandbox, watching the plugin overview video, and browsing documentation guides.
View Frontend Demo
View our frontend demo site to explore all the features of our Divi 5 plugins in one place and see what our plugin offers.
Try An Admin Sandbox
Launch a temporary admin demo sandbox with a fresh WordPress site, the Divi theme preinstalled, and all our Divi 5 plugins ready to test.
Latest Version: 3.0.3
Fully Compatible With Divi 4and Divi 5in a single file!
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!
Is this plugin compatible with Divi 5?
Yes, Divi Tabs Maker is fully compatible with Divi 5 while continuing to work with Divi 4.
If you are still using the Divi 4 theme, you can continue using the latest version of the plugin, and everything will work as before. We will continue to support the Divi 4 version with maintenance updates and bug fixes. All new main features will be developed for Divi 5 only moving forward.
If you are upgrading from Divi 4 to Divi 5, the same plugin file will continue to work, and your existing settings will be migrated to the new backend interface in Divi 5. We recommend reviewing your settings after the update to make sure everything is configured as expected.
If you are installing the plugin for the first time on a Divi 5 site, simply install the latest version and get started right away. You will now have access to the new backend settings interface and the full Divi 5 editing experience, now with visual builder support for our settings.
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. To do that, look for the demo links below the pricing area, and click on the one you need. The admin demos 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.
Jay Faubion (verified owner) –
I’m a longtime software developer myself. In my current role, I teach a Bible class, and post videos of my Powerpoints each week on my webpage. Rather than showing a gallery of all the videos (too overwhelming), I chose Nelson’s Divi Tab Maker plugin two years ago because it gave me the layout capabilities I needed.
Not only has it been *ideal*, but it has also been bug-free. That’s saying a lot. I don’t use any other plugins with Divi (it’s pretty complete by itself), but I use the Tab Maker every time. It is central to my design. See jayfaubion.com/silent for an example of how I use it.
I look forward to making the (probably painful) transition to Divi 5, and taking the Divi Tab Maker along with me.
PS – When I asked Nelson for some feedback about the best way to use the control, he provided excellent insight that I immediately used to improve the appearance. I’m a very happy camper.
Nelson Miller (verified owner) –
Hi Jay,
I really appreciate you taking the time to share this review. It’s so good to see you are enjoying the features and our service! Thanks for sharing your kind words!
Laeni Gittins (verified owner) –
I needed to customise tabs on a site for a client and this marvel plugin did the job to perfection. Very very happy! TY TY TY Nelson!
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!