Can I Upload Divi Template Zip to Divi Library

Welcome to Day 92 of our Divi 100 Marathon. Keep tuning in for 100 days in a row of awesome Divi resources as we count down to the amazing release of Divi 3.0 on the terminal solar day of the serial!

---

One of the wonderful things about Divi is that the more than you utilize and the more you build up Divi layout collections in your Divi library, the more useful the theme becomes. Not simply can you save your own layouts for future use, you tin can download wonderful free layouts from the Elegant Themes blog and countless other sources. When you take full advantage of the Divi Library, you volition find yourself shaving off hours and hours of development time from each new client project.

During the Divi 100 marathon, we accept been publishing multiple free Divi layout packs each week to aid promote the concept, and nosotros have been pleasantly surprised to see members from the Divi community following our lead and releasing beautiful free (and paid) layout packs of their own. In this commodity, I would similar to take a moment to dig deeper into the Divi Library and maybe even outline some means to employ the library you may not have considered.

The Divi Portability System

Before we become started, information technology's important to learn the Divi Library basics. This video is from our Divi Documentation and in it Nick walks you through the entire portability system–which covers a lot of the nuts that we aren't going to cover in this commodity. So be sure to requite information technology a watch to get the full lay of the land when information technology comes to all things portability within Divi.

Subscribe To Our YouTube Channel

Saving & Exporting Your Divi Layouts

In Divi 2.6 nosotros introduced the Divi Portability system, our ain comprehensive import & export tool for saving Theme Options, Theme Customize Settings, Divi Layouts and Divi Library items from one website and uploading them to some other. What's bully about the portability system in Divi is that it works everywhere and it transfers everything, including images. This is item useful for Divi layouts and Divi Library items because information technology means each layout is an independently-functioning design that can be used on any Divi website.

Whenever you are edifice a new page using the Divi Builder, you tin access the layout portability system by clicking the portability icon in the top right of the architect interface. Once clicked you will see two tabs; one for exporting layouts and 1 for importing previously-exported layouts. Layouts exported using this method can be imported by clicking the same icon when building a new postal service or page.

One important thing to recollect about the portability system is that things exported in one context cannot be imported in a unlike context. This is to prevent the uploading of things that don't belong. And then if you accept exported a Theme Options file, information technology cannot exist imported into the Theme Customizer. If you have exporting items from your Divi Library, they cannot be imported direct on the folio as Divi Layout.

So, if yous take a page layout that you would like others to be able to import into their Divi Library–as almost all of our costless downloads throughout the serial take been–then you will want to exercise the following.

Step 1: Save the Layout via the post/page architect.

Step 2: Navigate to Divi > Divi Library. Locate the file you've just saved there and select its check box.

Step 3: Click the Import/Consign button at the top of the page. Name your download, choose to merely export selected items, and click Export

The resulting file volition exist a zipped binder containing your selected detail(s). It will be importable but into the Divi Library–not individual posts or pages. This same saving and exporting procedure can be used with individual components with merely a few minor differences we'll get into beneath.

Breaking Downwardly Your Layouts Into Private Components

While entire Divi layouts are great, sometimes private elements can be a bit more useful when edifice a variety of websites. By splitting up your layout into individual components in the form of sections, rows and modules, you can begin creating "layouts kits." These components can then be mixed and matched to create a multitude of designs.

---

Pro Tip: Oft times when building a new client website, it is useful to conceptualize the website's blueprint in the course of a layout kit first. That fashion, equally you start to build out their site, each component (forth with their custom fonts and colors) can be re-used on whatever given page with just a few clicks–instead of having to re-create your website's unique style over and over again.

---

The idea of a "layout kit" is something we first introduced here on the blog dorsum on 24-hour interval 2 of the Divi 100 marathon, so if you are looking for a good instance to assist you meliorate understand what I am talking near, I encourage you to download the pack and accept a wait.

Saving Individual Divi Rows & Sections To The Library

To build your offset layout kit, you can begin past saving individual Divi sections and rows to your library. One time y'all have created a number of sections and rows and saved them to your library, they can be categorized and exported together to be used on unlike website and projects.

Saving a row or department to your library is easy. Just correct click on any detail in the Divi Builder and click the "Save to Library" link. This will launch a popup with diverse options for saving your new library item.

• Categorizing Layouts: Much like posts, Divi Layouts can be saved to specific categories. These categories can then exist use to filter items when adding them to your folio. I would recommend categorizing everything you save to you library lest your collection get out of control!
• Selective Sync: Select Sync allows yous to save merely specific module options as function of your library item. You lot can cull to relieve any or all of the three major settings tags: Full general Settings, Advanced Design Settings and Custom CSS. It can often salvage time to only relieve the design settings and go out your content un-synced, especially if you volition be re-using the item on various pages with a variety of different content.
• Global Items: When you save a Global detail to the library, the single item can be added to multiple pages on your site and synced across all of them. If the module is updated on any of the pages, or from inside the Divi Library, all instances of the module are updated. If y'all have whatever repeating elements on your website, such as footers and call to actions, it's recommended that you lot turn these elements into global library items.

In that location are a lot of bang-up ways that rows and sections can be turned into re-usable components for your layout pack. The best way to commencement building new components is to consider what types of elements you tend to re-utilise across an entire website. Some skilful places to starting time might be:

• Hero Sections: The top section of a given page. Meant to grab the visitor's attention and pull them in.
• Feature Lists: Feature list sections designed for showcasing the various features and benefits of your product or service.
• Call To Actions: A section with the sole purpose of getting someone to take a desired action. Such equally subscribe, buy, or at least to go to a buy page.
• Testimonials: Why mode a testimonial over and over again when you lot can salve one or 2 versions to your library and simply alter out the content?
• Product Sections: Anybody is "selling" something–whether figuratively or literally–and a good product section can help.
• Galleries: As it turns out there are a lot of unlike ways you lot tin can create galleries with Divi. Saving your favorite few to the library can relieve yous tons of fourth dimension.
• Footers: Y'all tin can also opt to utilise the builder along with the bare page template for custom Divi footers.

Saving Private Divi Modules To The Library

Private modules can likewise exist saved to your library and re-used on new pages. In the aforementioned way that layouts can be broken downward into small re-usable rows and sections, private rows and sections tin be broken downwards further into re-usable modules. Again, it is wise to create components from modules that volition be useful in different situations. Hither are a few nice places to starting time:

• Custom Buttons: Buttons are extremely important and every bit such are used frequently. Which ways if you're not re-using the designs you've already created then y'all're likely spending a lot of unnecessary fourth dimension on them.
• Custom Text Module: It may be useful to create a text module or modules with all of your custom text stylings applied.
• Page Section Headings: In many cases the size and other blueprint settings for headings in your customizer are different than those you want to employ in your headings on say, your dwelling page, nearly page, etc. Creating special text modules with these heading text styles pre-saved makes it easier for you to have a consistent design beyond your whole website.
• Headers & Post Titles: Creating re-usable post titles or page headers is extremely useful since they're used on either every new page or weblog mail service.
• Blog Mail Footer Ads: Frequently times, as is the case with this very web log post, you volition want to put a special advertizement nether each blog post. The Divi Library and Global Modules make this particularly piece of cake.
• Sidebar Elements: Depending on how y'all take your pages fix, creating sidebar elements to use within your specialty layouts tin can be a big time saver.

Saving & Exporting Your Divi Customizer Settings

Divi layouts aren't the simply thing that tin be imported and exported. Theme Customizer settings also come with the portability system, which ways you transfer theme customizations from one website to another with just a few clicks.

All you demand to do is simply configure your customizer settings under Appearance > Customize. When you take things the style you like them, click the portability icon in the height left-hand corner. The at present familiar portability modal will pop up and you tin export your settings in a single click. It's important to annotation nevertheless, that you can simply import this file in the customizer context–non the Dive Library or anywhere else.

Nosotros created ane such free download and tutorial for the Divi 100 serial which you can reference here.

Importing & Exporting Divi Library Packs

One time you lot have created a drove of Divi layouts, sections, rows, and modules, too every bit given them descriptive names and categorized them into meaningful groups, it's time to consign them into a re-usable library pack.

To do that, we recommend going to the Divi Library and following these steps:

• Select and export each layout individually.
• Select and export each section or single component individually.
• Select and export everything at once.
• Locate all of these files in your downloads folder. Brand sure your individual sections file, multiple layout files, and "All" file are labeled accordingly. Put them in one folder, zip/shrink it, and and so share or sell as you come across fit.

At present, when someone else downloads this pack they volition take the power to simply navigate to their Divi Library and import the individual files (or the All.json file) in exactly the same mode equally our Divi 100 packs.

Those steps are as follows:

• Locate the zipped Divi Layout Pack in your downloads binder and unzip it.
• Navigate to Divi > Divi Library and click the "Import & Export" button.
• When the portability modal pops upwardly, go to the import tab and click the "Choose File" button.
• Select the "All.json" file or whichever individual file you are interested in.
• Click the bluish "Import Divi Builder Layouts" button

Sharing (Or Selling) Your Divi Exports

I of the best means to partake in and contribute to the Divi community is to give away or sell your ain layout packs. There are a lot of bully places to discover complimentary layouts from a number of different designers, but I think the customs is just getting started.

Here are a few tips for making sure your layout packs are helpful to the customs:

• Solve design issues. Find out what aspects of web blueprint others in the community are struggling to attain and (if you are able) create a download that does it for them.
• Include custom code. Past taking total advantage of the custom CSS tabs and panels that can be found in sections, rows, modules, and even the page settings you volition be able to provide unique value. Non to mention creative uses of the code module for JavaScript!
• Follow current blueprint trends. Utilise spider web pattern and evolution showcase sites like Awwwards, codepen, dribbble, and behance to gather inspiration and set high pattern standards for yourself.
• Create original designs. Inspiration sources and other people's layout kits/packs are great starting points, but as more than and more than people begin creating Divi Layout Packs and Kits those who volition stand out volition be those who contribute something unique.
• Make your packs intuitive to use. This means keeping things neatly organized and labelled.

Tomorrow: Divi Wireframe Layout Kit Vol. 03

Speaking of Divi Layout packs, we have some other one coming your manner tomorrow. Mario will be releasing volume three of his Divi Wireframe Layout Kit, and information technology volition be a great resources for those looking for new ways to use and combine Divi modules. It's a neat style to get new ideas and kick off your next projection. You definitely don't want to miss information technology!

Exist certain to subscribe to our email newsletter and YouTube aqueduct so that you lot never miss a large annunciation, useful tip, or Divi freebie!

cohenmatur2001.blogspot.com

Source: https://www.elegantthemes.com/blog/divi-resources/tips-for-creating-exporting-and-sharing-your-own-divi-library-elements-customizer-settings

Share this post