1. Add And Design Your Divi Blog Module

The first step is something you may already have completed if you have an existing blog archive page on your site. If so, you can proceed to step 2. If you do not have a blog archive page set up yet, you can go ahead and add a Divi blog module to your page and design it however you want. This step is all about getting the design how you want it BEFORE we duplicate it, which you will learn more about later, so take your time and get it perfect. I recommend setting the Blog module to the Grid layout in the Blog module settings>Design tab>Layout toggle.

2. Select One Specific Category In Your Divi Blog Module

For this tutorial, we will be duplicating the Divi Blog module that you added in step #1 an equal number of times to the number of tabs or categories that you want to show. For the tutorial, we will use 4 tabs/categories as the example. 

For this step, click the “duplicate” icon on the Divi blog module several times. Each of these will continue to have the exact same design, but with one important setting change.

In the first module, select the checkbox for your first blog category as shown.

Now open the second Blog module and select the checkbox for your second blog category. Repeat this step for as many categories as you intend to show in tabs.

3. Save Each Blog Module To The Divi Library

When you are completely finished adjusting the design and settings of your multiple Divi Blog modules, the next step is to save each one to the Divi Library. Click on the “down” icon that says “Save Module To Library.”

Give the module a name that matches the name of the category selected in that module, which will make it easy to reference later.

Now open the second Blog module and select the checkbox for your second blog category. Repeat this step for as many categories as you intend to show in tabs.

4. Add A Tabs Module

Now you can actually remove all the Divi Blog modules from the page, and replace them with a single Divi Tabs module. In the next step, we will add the Blog modules into each tab. But for this step, focus on the tabs. Take some time and get them set up and styled however you want.

NOTE: Most likely you will find the default Divi Tabs module very limited, so if you want to add hundreds of new functionality and design settings, check out our Divi Tabs Maker module.

5. Add The Divi blog Modules To The Tabs

The last step is about adding the Divi Blog modules that you saved to the Divi Library in step #3 into each of the tab content areas of the tabs module. But here’s the catch – you cannot do this by default in Divi without a plugin. Thankfully there are some great options, including free options!

Free (But More Advanced) Method

The free option that I recommend is a plugin in the WordPress plugin repository called Simple Divi Shortcodes.

1. Install the plugin
2. Go to Divi>Divi Library
3. Click on one of the Blog modules saved there
4. Copy the post ID from the address bar at the top of the page.
5. Go to the tabs module and open an individual tab that corresponds to that blog module category
6. Be sure to click the “Text” tab in the Body text area
7. Write the shortcode [showmodule id=”xxxx”]
8. Paste the ID copied from step 4

Paid (But Super Simple) Method

If you own one of our plugins, either the Divi Tabs Maker mentioned above, or our Divi Dynamic Helper, you can make things so much easier and just use dynamic content! This feature is available in both plugins and will work very similary!

First, go to the content area of the tab and click the dynamic content icon in the top right corner. 

This opens up a window with all the dynamic content options, but most importantly is a new custom section of options which is added by our plugins. Here is a heading called Divi Library and any of the items that are added to it.  Simply select the blog module, and it will now display it inside this tab!