How To Load Items From The Library
Once you have saved your 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 Prebuilt Avada Website Pages
With Avada 5.0 and up, you can now 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 image placeholders with size specifications. Global options, Sliders, Custom Post Types and any licensed images and video 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 dropdown list.
Step 5 – Select the page you want to import.
Step 6 – Choose Load (Avada Builder) or the Plus icon (Avada Live) and click OK in the dialog to confirm.
IMPORTANT NOTE: In Avada 5.8.1 and up, there is also an alternative way to load demo pages. On the right hand side at the top, you can simply paste a URL of any live demo page, and the page will instantly show below with a load button to import it.
Loading Page Templates
Previously saved full-page templates can also be loaded 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 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.
Step 1. To load a saved Container from the Avada Builder Library, it depends on which interface of the Builder you are using. In Avada Builder, you access the Saved Containers by clicking on the + Container Icon. If you are starting a new page, the + Container Icon is a blue button that is part of the Starting Page. And if you already have content on the page, the + Container Icon can be located at the bottom right of every container. See images below.
If you are in Avada Live, you mouse over the Add Container Icon on the Element Controls of the Container immediately preceding where you want the new container to go. On a new page, you would just click on the Add Container link on the Starter Page.
Step 2. On the Insert Containers dialogue that pops up, select the Library Containers Tab.
Step 3. Click on the desired saved Container. It will be inserted directly into your page.
If you wish, you can then, of course, reorder the containers on your page by moving them around.
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 + Columns Icon at the bottom right of the Container (see image below). In Avada Live, click on the Add Column Icon from the Element Controls of the preceding Column, or the empty Column added when you add a Container.
Step 3 – On the Insert Columns dialogue that pops up, select the Library Columns Tab.
Step 4 – Click on the desired saved Column. It will be inserted directly into your Container.
Adjust as needed.
To load a saved Element, you need a pre-existing Container and Column. Unlike Columns, saved Elements do not have a preset size. So, you can insert the same saved Element into any sized Column (if it is appropriate for the content).
Step 1 – Create or select a Container with a Column. Inside the Column, you will see the + Element Icon (see image below).
Step 2 – To access the Library, click on the + Element Icon and on the Select Element dialogue that pops up, select the Library Elements Tab.
Step 3 – Click on the desired saved Element. It will be inserted directly into your selected Column.