Elegant Themes Blog

Stay up to date with our most recent news and updates

Importing & Exporting Saved Layouts In Divi Is A Powerful New Tool For Developers

Posted on December 15 by in Resources | 44 comments

Importing & Exporting Saved Layouts In Divi Is A Powerful New Tool For Developers

Hopefully you have had a chance to download our latest theme, Divi. As mentioned in the Theme Launch Post, we will be writing a Divi-related post on our blog every day for the next 12 Days of Divi. Be sure to tune in each day for the next twelve days to get your hands on tons of Divi-related tips and resources! If you haven’t checked out Divi yet, then click the link below to view the release post with all the juicy details, and for your chance to win a free Lifetime Membership!

Divi-Banner

On The Fifth Day Of Divi, We Show Developers A Powerful New Workflow Tool

One of Divi’s greatest features is its ability to Save and Load custom layouts. In this post, I will be going over how Developers can use this feature to kickstart their design process when creating new websites. Whenever you build a new page using the Divi Builder, you can save that layout for future use. The next time you need to create a similar page, you can load your premade template to kickstart your page instead of building all of the modules from scratch.

importing-1

One thing you might not have known, however, is that your saved layouts can exported from one WordPress installation and imported to a different one in just a few seconds. This provides developers with the unique opportunity to create a complete set of custom designs that match their design workflow. Each time you start a new project, you can import your pack of saved layouts and begin building your client’s website faster than ever before!

importing-2

Divi saves new layouts as a hidden Custom Post Type. The beauty of this is that native WordPress importing/exporting features can be used to transfer your saved layouts. To export your saved layouts, click the Appearances > Export Page Builder Layouts button in your WordPress dashboard. This will allow you to download an XML output of all of your saved layouts which can be imported to any WordPress install.

importing-2

To import a custom layout pack, click the Tools > Import link in your WordPress dashboard, and then chose the “WordPress” import option. This will prompt you to download and install the WordPress importer plugin.

importing-2

Once installed and activated, you can choose to upload the XML file that you exported earlier. Each time you create a new website, upload your custom layouts to help make building new pages quick and easy!

importing-2

I hope this shows you just how useful saved layouts can be. I have added an entry about Importing & Exporting Saved Layouts to the Divi documentation, along with a full video screencast that outlined the process. Don’t forget to check out the Divi Documentation for a full list of tutorials.

44 Comments

  1. I’m your fan, thanks for your post

    • Hi, I was using the theme and found one problem I created a page template but It’s not getting saved. Any reasons ?

  2. Brilliant! I’ve already built one site with Divi and look forward to the next. This is really well thought out. I’ve always felt I got value, but now I’m a customer for life!

  3. Hi, This is a great thing. I’m testing right now and it’s very nice.

  4. Great! How about a marketplace where partner developers could sell pre-made layouts? I’d be happy to browse and buy some myself.

  5. You guys are really setting yourselves apart from the other theme developers and giving more options to your customers..

  6. Perfect for me that what i was seeking for ! Thanks a lot.

  7. This is a great start to a new way of setting up themes. I think the one suggestion I would like to make is the ability to easily add a custom meta box (for saving custom fields) to a specific layout…and being able to somehow show those fields in a template (using a shortcode possibly).

  8. The modules are not yet saving correctly on my page, and it has been difficult to get help with this issue. Every time I open a module it has reverted back to a new module, and instead of being able to edit it, I have to start over. I look forward to using these once the glitches have been worked out.

    Otherwise, the features are awesome. If you look at my page you will see the other obvious glitch.

    • Sorry about that. If you open a ticket in our support forums then our team will be able to better assist you.

  9. I have used this feature already. I have developed a complete website on a test wordpress installation and when the layout was complete I just exported and imported the layouts and changed the live website with only a few minutes of down time.

    Perfect!!!

    • This is just wow! I was wondering if you can actually import the saved template to another WP theme that was not built with divi and you’ve just cleared the cobwebs in my eyes. Thanks.

  10. Good stuff! Keep up the great work!

  11. Themes, and Plugins like these, ET makes my job so easy :)

    Thank You ET.

  12. This is fantastic! Thanks!

  13. Great function. When editing modules, often the wysiwyg editor is under some of the settings which are often set and forget and you have to keep scrolling through them.

    Would make easier if the editor was at top and settings below.

  14. I didn’t know how much I wanted this until I read this post. Fantastic guys. This theme has been worth the extra wait.

  15. Like it more and more the divi theme…

    Very handy and usefull feature…

  16. This is great news. Make everything much easier and faster.

  17. This is one of the best ideas, because that was a problem with the first release of Elegant Builder, and with Divi is even better because of the export option

  18. Was your goal total WP domination? Cause that’s where Divi is headed.

  19. Excellent – you have just halved my dev time in half from site to site and given me my life back! Thanks a million.

  20. What can I say? This theme is an absolutely amazing piece of work. I’ve tried theme builders before but this is the most workable and visualy attractive one sofar.

    Keep it up!

  21. Hi, great work.
    in the next future could be possible to backup also the epanel setting?!

  22. compared to the new builder e-panel looks quite old-fashioned…. time for a makeover ;-)

  23. Thanks and right on point. Divi is the best theme to develop a smarter mobile adaptable and fast loading cum beautiful website with nifty modules. Thanks to two intuitive designers/developers for creating this adaptable breed. I properly finished a test site (on my local server) using the “block home-slider layout” and about to screenshot to my Facebook for my fans to see my new beautiful site. I remain loyal to ET!

  24. Thanks for your solid guidance and powerful theme release of the time. Can we have a pinterest-style portfolio module?

  25. Yes, Divi theme has powerful option that goes with perfect blend for new WordPress 3.8 version.

  26. amazing work…hope to see more nice article from you…Thankss..!!!

  27. wow..this is much better..thanks..

  28. import does not work or do i need to activate something? help..

    • If you need help with anything, please open a ticket in our support forums so that our team can assist you.

  29. nice themes..great job…!!

  30. Worked perfectly for me but I have a question:

    Is it possible to export / import a single page?

    I’m developing on a local site and I’d like to export just the contact page.

Leave a Reply

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

Current day month ye@r *

For the all-inclusive price of $69, you are only paying $.79 per theme!

Join our 233,869 happy customers and get complete access to our 87 themes

100% Satisfaction Guaranteed Or Your Money Back!

Sign Up Today

Signup For Access To Free WordPress Tips & Resources

Signup for our newsletter and get access to free downloads, as well as daily WordPress tips, tricks and resources.