Divi Tabs Maker Plugin by Pee Aye Creative 2.2

Divi Tabs Maker

Easily create beautiful and functional advanced tabs in Divi with hundreds of custom content and design settings!

From: $15.00 / year

(1 customer review)
Pee Aye Creative Icons 5

View Live Demo

Pee Aye Creative Icons 29

Browse Documentation

Pee Aye Creative Icons 28

Watch Overview Video

Divi Tabs Maker Plugin by Pee Aye Creative 2.2

From: $15.00 / year

Divi Tabs Maker

Select An Option

Divi Tabs Maker – Annual Unlimited
$15.00 / year
Divi Tabs Maker – Lifetime Single
$39.00
Divi Tabs Maker – Lifetime Unlimited
$59.00
Clear

Popular

From: $167.00 / year

Annual Or Lifetime Options

The Divi Adventure club

  • All Divi Plugins (12)
  • All The Divi Teacher Courses (4)
  • All Divi Child Themes (12)
  • Access To All Product Releases
  • Exclusive Divi Resources
  • Use Any Product On Unlimited Sites
  • Show Support For Our Weekly Tutorials
  • Help Us Build More Community Freebies

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!

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!

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.

Divi Tabs Maker Layout Options GIF

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
Divi Tabs Maker Individual Tab Settings GIF
Divi Tabs Maker Title Text Settings GIF

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
Divi Tabs Maker Subtitle Text Settings GIF
Divi Tabs Maker Icon Settings GIF

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
Divi Tabs Maker Image Settings GIF
Divi Tabs Maker Tab Width Settings GIF

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
Divi Tabs Maker Active Tab Pointer GIF 2.0
Divi Tabs Maker Tabs Container GIF

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
Divi Tabs Maker Content Settings GIF
Divi Tabs Maker Dynamic Tab Content GIF

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.

cropped Pee Aye Creative Logo

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 limitationsI truly hope you enjoy this game-changing plugin!

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, add a new module, and select “Divi Tabs Maker” to get started. Please check out our documentation page for more info on all the features.

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?

Yes, we are always working on new features ideas! Please refer to our product roadmap to learn more about what features and updates are being planned and developed!

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.

1 review for Divi Tabs Maker

  1. 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!

Add a review

Your email address will not be published.

Documentation Area

We have everything you need to know about using the plugin in our documentation and support area. Browse documentation, watch videos, review resources, and get help. We have you covered and are here to help you have a great experience with our product!

0

Your Cart