Avada Form Element

28/10/2020

The Avada Form Element is a simple helper Element, designed so you can add an Avada Form anywhere into your content. Read more about this handy Element below, and watch the video for a visual overview.

Read More about the Avada Form Builder!

How To Use The Avada Form Element

The Avada Form Element allows you to place an Avada form anywhere on your site.

Step 1 – Create a new page or edit an existing one.

Step 2 – Add a container then select your desired column layout.

Step 3 – Click the ‘+ Element’ button to bring up the Elements window. Locate the ‘Avada Form’ Element and click it to bring up its options window.

Step 4 – Using the Avada Form Element couldn’t be easier. Once you have selected which column you’d like to place the slider into, you simply select your form from the drop down list in the Element options panel. The only other options are Margins, Element Visibility, and the CSS Class and CSS ID options.

Step 5 – Once you have added your form, Save your page.

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.

  • Form – Select the form you want to insert from the dropdown list. To create forms, go to Avada > Forms.
  • Margin – Enter values including any valid CSS unit, ex: 4%.
  • Element Visibility – Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time. Each of the 3 sizes has a custom width setting on the Avada Builder Elements tab in the Global Options.

  • CSS Class – Allows you to add a class to the wrapping HTML.

  • CSS ID – Allows you to add an ID to the wrapping HTML.

View The Options Screen

Global Options

There are no Global Options for the Avada Form Element. Global Options for Forms as a whole are found at Avada > Options > Forms.