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
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.
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.
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.
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 🙂
Great idea and easy way to get rid of boring sidebars.
Thanks!
Not working any more. any ideas?
That did the trick! Thanks!
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/
How to fix above ?
Thanks very much!
still works and is a very good solution!
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?
Hi Doris,
But if you use the sidebar module then you can show the default sidebar.