Important Note: Widgets and Widget Areas are now considered Legacy methods. Please see our Legacy Feautures document for an overview of legacy methods, and their up to date counterparts.
The Widget Element 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. Read below for more information on this Element, and watch the video below for a visual overview.
For privacy reasons YouTube needs your permission to be loaded.
To start, just add the element into your desired column.
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.
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. 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.
Read below for a description of all element 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.
Choose widget type.
Enter values including any valid CSS unit, ex: 4%.
Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time.