Widget Element
The Widget Element was released with Avada 6.2, and offers you the ability to add a single widget directly into your page content, and edit it live on the page. Whereas the Widget Area Element adds a pre-populated Widget Area into your content, this Element allows you to add a single widget directly into your content and populate and configure it through the Element.
This shows the Category Widget, displayed as a dropdown.
Overview
How To Use The Widget Element
Step 1. Edit an existing page. Ensure that Avada Builder is activated, by clicking the ‘Use Avada Builder’ button on top of the page editor.
Step 2. Choose the Container and Column you wish to add the Widget Element into. Click on Add new Element.
Step 3. Choose Widget from the Elements List.
Step 4. The General Tab is the place to choose the type of widget you want to add. Select you widget from the drop down box. The widgets you see here will depend on what plugins you have installed and active. When you choose an element, any customizable fields for that widget will appear.
Step 5. Customize the widget as desired. You can also set Element Visibility in this tab, or add a CSS Class or CSS ID to the instance of the element for further customization with Custom CSS.
Step 6. The next step is to customize the design of the Widget. On the Design Tab, you will find a variety of styling options, from background color, radius, border and alignment options.
Step 7. Click Save when you are finished customizing your Widget. It will appear in the row of the Container you added it to. Preview the page to view, and you can always come back and edit the Widget to fine tune the look and function.
Read below for a detailed description of all element options.
Element Options
Location: The edit screen within each Element.
You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.
Note: The displayed option screens below show ALL the available options for the element. If you have Avada’s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.
Global Options
There are no Global Options for the Widget Element.