How To Load Items From The Library
Once you have saved any Templates, Containers, Columns and Elements to the Avada Builder Library, you can then easily load them anywhere, on any page, as many times as you’d like. Loading Containers, Columns and Elements not only loads the content itself, but also all its settings and options. This ensures that you load the exact same template you saved.
Let’s look at how you load the different types of Library content that is available.
Loading Custom Page Templates
Previously saved full-page templates can be loaded into any page from the Avada Builder Library. You have three options of how to load this type of content, including Replace all page content, Insert above current content or Insert Below current content. This makes it easy to add type of content to both new pages and pre-existing pages.
To load a Page Template:
Step 1. Create a new page or edit an existing one.
Step 2. Click on the Library tab in the Avada Builder toolbar.
Step 3. Select the Templates tab.
Step 4. Choose your saved Page Template from the Library Content area.
Step 5. Mouse over Load (or the plus symbol in Avada live) and select the loading method you prefer.
The template content will now load into the page.
NB. This is the Avada Builder (back-end) interface here, but it’s almost identical in Avada Live.
How to load a saved Container from the Avada Builder Library depends on which interface of the Builder you are using, and whether it is an empty page, or already has content.
If it’s an empty page, there will be a + Container (Avada Builder), or Add Container link (Avada Live) on the starter page, and to access the saved Library containers, you simply click on this, switch to the Library tab and click on the saved container you wish to load.
If there is already content on the page, you just need to click on the Add Container icon, found in in Avada Live on the Element Controls of the Container immediately preceding where you want the new container to go, or in Avada Builder with the + Container Icon can be located at the bottom right of every container. See images below.
To load a saved column, you must first have a container to load it into.
Step 1 – Create or select a Container to load the Column into. You can add a blank Container or a pre-populated one, but the saved Column will load with the size it was saved with (1/1, 1/2, 1/3 etc.), so depending on any pre-existing Container content, the column might need to be resized or moved.
Step 2 – To access the Library, click on the Add Column Icon from the Element Controls of the preceding Column, or the empty Column added when you add a Container. In the back-end builder, click on the + Columns Icon at the bottom right of the Container (see images below).
Step 3 – On the Insert Columns dialogue that pops up, select the Library Columns Tab.
Step 4 – Click on the desired saved Column, and it will be inserted directly into your Container. Adjust as required.
To load a saved Element from the Library, in Avada Live, just click the + icon on the Element you wish to insert the saved Element after, and head to the Library Elements Tab. In Avada Builder, there is a + Element button at the bottom of every Column.
Loading Prebuilt Avada Website Pages
With Avada, you can also import individual pages from any of the Avada prebuilt websites and customize them as you like.
IMPORTANT NOTE: Please note that importing a prebuilt website page will replace any content that is currently on the page.
When you import a single website page, you are not only importing the page layout and content, but also the page template that was used, any Avada Page options enabled, and any images on the page. Global options, Sliders, and Custom Post Types are not imported.
To import a Prebuilt Website Page:
Step 1 – Create a new page or edit an existing one.
Step 2 – Click on the Library tab in the top bar of the Avada Builder.
Step 3 – Select the Websites tab.
Step 4 – Choose your preferred prebuilt website from the list.
Step 5 – Select the page you want to import.
Step 6 – Choose Import to import the page content.