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

50 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 ?

      • This is why I did:
        in et-pagebuilder/et-pagebuilder.php comment out…
        // set page template to default or save_post action will not run
        // if ( ‘page’ === $post->post_type )
        // update_post_meta( $post->ID, ‘_wp_page_template’, ‘default’ );

        That fixes the problem – not sure yet what it breaks.

        • Actually, better yet, I changed the if-statement to this:
          if ( ‘page’ === $post->post_type && (empty(get_post_meta($post->ID, ‘protect’, true))))

          Then in WordPress, for any page which requires a template, I just create a metadata object named ‘protect’ and give it a value (‘true’, for example). To create metadata, scroll down to Custom Fields.

          Again, not sure the damage this does, but it seems to work well for me. Note, my page is static.. no blog posts or comment sections.

  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.

  31. Hi,

    how can we use custom layout for category template.

    Thanks in advance.
    Johny

    • Johny asks a great question.
      How may we use a custom layout for a category template?
      Many thanks.

  32. Hi there
    and thanks for this use full article
    I need you’re help
    please help
    I install my theme and this homepage is really beautiful but I decided to add one slider the made it in layerslider 5.2 into my theme homepage but as layerslider can’t support short code I need to create a layout with page builder mixmax
    but when I create one layout some of my block in header can’t be added in there place
    please help me how can I reproduct my homepage and add my slider into this layout header ?
    please help
    Great thanks
    Great Regards : +1
    Raha

  33. I am trying to use the layouts that you can download, but the files that I see are all .psd files. Am i missing something? I feel like there is a lot of discussion about how much extra stuff there is, but i’m having a hard time finding it…migrating over from studio press

Leave a Reply

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

Current ye@r *

Join 261,586 Happy Customers And Get Access To Our Entire Collection Of 87 Beautiful Themes For The Price Of One

We offer a 30 Day Money Back Guarantee, so joining is risk-free!

Sign Up Today

Pin It on Pinterest

Share This