How To Place Any Divi Module In The Sidebar Widgets Area

by | Sep 19, 2018 | Divi tutorials | 6 comments

How To Place Any Divi Module In The Sidebar Widgets Area

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:

Replace the number with your number

Join today

Free Membership

Sign up for a Free membership and get access to this and all other free Divi layout packs, cheat sheets, exclusive discounts and much more.

6 Comments

  1. Mark Medlicott

    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. Steven Steven

    Great idea and easy way to get rid of boring sidebars.
    Thanks!

    Reply
  3. Karen

    Not working any more. any ideas?

    Reply
  4. Darren

    That did the trick! Thanks!

    Reply
  5. Mario

    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
    • Mario Boss

      How to fix above ?

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

21 Shares
Share21
Tweet
+1
Pin
Buffer