NewThe Supreme Bundle: every Divi Supreme plugin, 31% less than buying separately.See what’s inside →

How to Add Divi Library Layouts to Your Widget Areas

Have you ever wanted to place Divi Library Layouts within widget areas? We are going to show you how you can do that by using Divi Supreme without custom coding. Of course, there's some tutorials out there teaches you how to add Divi Library Layouts to your Widget Areas. By doing that, you will spend […]

K

Divi Supreme, Divi Supreme team

Mar 11, 2019

On this page

Everything on this blog ships in Divi Supreme Pro.

70+ modules and 16 extensions. Unlimited sites.

Have you ever wanted to place Divi Library Layouts within widget areas? We are going to show you how you can do that by using Divi Supreme without custom coding. Of course, there's some tutorials out there teaches you how to add Divi Library Layouts to your Widget Areas. By doing that, you will spend more time coding, finding the ID of the layout and etc.

How it Works?

After installing Divi Supreme Pro (Available on version 1.3.1), a new widget is added to your widgets called "Divi Library Widget". To see it, go to Appearance, Widgets in the dashboard. Drop this widget in any widget area (including sidebars, footers, or any that you’ve created). It provides a dropdown list where you can choose your own Divi Library Layout to display within the widget.


There's three options in the Widget:

  • Title: Define a title for your Divi Library Widget or leave it blank if you don't wish to show a title.
  • Use Title as Divi Library Name: Check this if you wish to use the title as the Divi Library Layout Name. (This will also overwrite any title defined above).
  • Select Divi Library: A dropdown list loaded directly from your Divi Library, where you can choose the layout to display within the widget.

The benefits of using Divi Library Widget:

  • Does not require you to do any Custom Coding.
  • Save Time by not finding any ID of the layout or shortcode.
  • Load your beautiful layout to the Widget Areas.

 Tips: You should be creating layouts specifically for the sidebar or footer in single column.

Lastly, remember to Click 'Save' and that's it! Now, you can finally add your creative layouts to any Widget Areas to your Divi site quickly and without coding, using the Divi Library Widget.

We want to hear from you. Let us know what you think about it in the comments.

 

Found this useful? Share it with a Divi friend.

Get everything from this blog with Divi Supreme Pro.

Every module and extension from this blog, in one plugin, native to Divi 5.

70+ modules and 16 extensions

Unlimited sites on every plan

14-day money-back guarantee

$79

per year, or $269 lifetime

Divi Supreme Pro

Keep reading

Divi 5 multi-select with Bulk Edit applied across several Divi Supreme modules

Bulk Edit for Divi 5: Edit Many Divi Supreme Modules at Once

4min read
Temporary Support Access panel in Divi Supreme Pro showing a private support link, access window options and system status

Temporary Support Access for Divi: Let Support In Without Sharing Your Password

7min read
Supreme Post Reading Time module for Divi 5 showing a post byline with a 7 minute reading time and its content settings

Post Reading Time for Divi: Show an Accurate Read Time on Every Post, No Code

6min read

Get every Divi tip in your inbox.

New tutorials, module releases and Divi 5 updates, in one email a month. Unsubscribe any time.

Join Divi designers and agencies who build with Divi Supreme.

Divi Supreme