Avada Builder Element Generator

Last Update: March 5, 2024

The Avada Builder Element Generator allows you to add Avada Builder Elements directly from the WordPress editor. You can use this tool in a variety of ways. It lets you insert Inline Elements into your text content, and you can even insert Elements inside other Elements!

You can access the Avada Builder Element Generator in the WordPress Editor toolbar, which means you can access the Element Generator in any Element that has a WordPress Content Editor, such as the Text Box, Title, or Checklists Elements to name a few.

IMPORTANT NOTE: The Avada Builder plugin must be installed and active in order to access the Element Generator.

How To Use The Element Generator

Step 1 – Activate Avada Builder, or Avada Live.

Step 2 – Insert a Container on the page, then select your desired column layout.

Step 3 – Insert any element that has a WordPress Content Editor by clicking the ‘+ Element’ button on any column. For example, the Text Block element.

Step 4 – Click the ‘Edit Settings’ icon on your chosen Element to bring up its options window.

Step 5 – On the WordPress Content Editor toolbar, find the Element Generator which is represented by an Avada Logo icon.

Step 6 – Clicking the Element Generator icon will bring up the Elements window. Here, you’ll find the Inline Elements. You can also insert standard Elements inside other Elements, but please keep in mind that some may not be compatible with each other. For example, you might insert the Tab Element, and then add 3 tabs. Then inside each Tab Content area, you might click on the Avada Builder Element Generator to add a Woo Featured Product Slider Element. See the Featured Products at the top of the home page on the Classic Shop Demo for an example of exactly this usage.

Step 7 – Select your desired element to bring up the options window. Configure the element and then click ‘Insert’ to insert it into the WordPress Content Editor.

Step 8 – Click ‘Save’ on the main element to save all your changes.

How To Use The Element Generator In Avada Live

Using the Avada Builder Element Generator in Avada Live is essentially the same process. When you add any Element that has a text based component, and therefore has the WordPress Editor in its options, you will see the Element Generator Icon in the Editor toolbar. The only difference is that the editor will be in the Sidebar, unless you have changed your preferences to edit Elements in a freestanding dialog.