[Limited Time Offer] Get 40% off MEMBERSHIP PLUS before it's gone! 👉Get This Deal
Mark Hendriksen Logo

How To Place Any Divi Module In The Sidebar Widgets Area

Mark Hendriksen | September 19, 2018 | 9 Comments
Disclosure Note: Sometimes, I include links in my articles that can earn me money. It won't cost you anything, but it helps me pay for coffee ☕ so I can make more helpful content.

In this short tutorial I’ll show you how you can place any Divi module in the sidebar widgets area. I used the same technique on the sidebar on this website. I’ts really easy and you can create nice looking sidebars.

Step 1

Go to Divi > Divi library

Click on “add new”

Under Layout name: fill in any name you want
Under layout type: Set this to Layout

Settings

Step 2

You can now create the content for your widget area. This is how mine looks from the demo. This will not work in the visual builder.

Settings

Step 3

Now we need to assign this layout to the sidebar widgets area.

In the URL you can see an ID number for this layout. Copy or write this number down. This will be a different number for you.

ID number

Step 4

Go to Appearance > Widgets

Place a text widget in your sidebar and place this code in it:

[et_pb_section global_module="1223"][/et_pb_section]

Replace the number with your number

now you can create unique Divi sidebars. If you want to know how to remove the Divi sidebar from your site or from certain pages then follow my tutorial how to remove the Divi sidebar.

Article by

Mark Hendriksen

I am the founder here at MarkHendriksen.com a blog website for Web design, WordPress, and Divi. Learn more about Mark

9 thoughts on “How To Place Any Divi Module In The Sidebar Widgets Area”

  1. Very handy little tutorial. Well explained and easy to follow instructions too Mark and has created a new way for me to think about options rather than crawling through all the Divi tutorials. Thanks and keep these coming 🙂

    Reply
  2. It is not working when Wordpress is not in the root domain folder.. there is Fatal error: Uncaught Error: Call to undefined function mysql_connect() because paths are not relative to the WordPress installation folder, for example:

    Fatal error: Uncaught Error: Call to undefined function mysql_connect() in /var/www/vhosts/domain.com/httpdocs/includes/database.php:76 Stack trace: #0 /var/www/vhosts/domain.com/httpdocs/config.php(4): include() #1 /var/www/vhosts/domain.com/httpdocs/index.php(2): include(‘/var/www/vhosts…’) #2 {main} thrown in /var/www/vhosts/domain/httpdocs/includes/database.php on line 76

    the paths should be: /var/www/vhosts/domain.com/httpdocs/wordpress_folder/

    Reply
  3. It is a great solution if you are not using Divi Builder in the page you want to show the sidebar.
    From Elegant Themes they tell me is not possible: “if you just enable Divi Builder on a page – it will automatically remove the Sidebar. If you wish to show the sidebar then you can use Divi Sidebar module. It’s not possible to show the default sidebar in that case.”

    Any ideas on how to work this around?

    Reply

Leave a Comment

24 Shares
Share22
Pin2
Tweet