The Avada Form Builder

13/01/2021

Introduced in Avada 7.1, and reducing the need for extra plugins, we have developed Avada Forms, a powerful and fully integrated form solution into the Avada Website Builder.

Using the full power of the Avada Form Builder, you can create your own forms using any of our 19 new Form Elements, as well as any other Design Elements you might like. And if you don’t want to build your forms from scratch, you can start with any one of our 11 unique Prebuilt Forms, and then customize them to suit your needs.

With features like integration with HubSpot, custom confirmation messages, and four different submission types, including the ability to save entries to a database, Avada Forms will become an indispensable tool for you when building your sites. Read on for more details, and watch the video for a visual overview.

Overview

Getting Started

You can find Avada Forms on the Avada Dashboard. From the Forms menu, you can access both the Form Builder, and the Form Entries page. You can also find a link on the WordPress Dashboard sidebar, at Avada > Forms, which takes you to the Form Builder page, where you can add forms, and manage your existing forms.

Avada Form Builder > Links
Avada Website Builder

655,177 Businesses Trust Avada

Get Avada
Avada Website Builder

655,177 Businesses Trust Avada

Get Avada
Avada Website Builder

655,177 Businesses Trust Avada

Get Avada

Creating A Form

When you first create a form, you are redirected to the WordPress editor (unless you have Avada Builder Auto Activation turned on in the Avada Builder Options), from where you can choose which builder interface, with which to build your form. As always, you can work with either Avada Builder, the back-end builder, or Avada Live.

The first consideration is whether you want to build a custom form from scratch, or start with one of the prebuilt forms. On the starter page you will see an ‘Add Container’ button, and a ‘Prebuilt Form’ button. For more information on the full range of Prebuilt Forms, please see the Prebuilt Avada Forms documentation. But for the purposes of this tutorial, let’s assume you are starting with a blank form.

Avada Form Builder > Starter Page

Form Design & Builder Elements

One of the huge advantages in using Avada Forms is that by using Avada Builder, it’s now very easy to design your Form layout using any manner of column sizes and combinations, and any combination of Avada Form and Design Elements. With this method, form design is both powerful and easy.

After adding a starting Container/Column combination from the Add Container button, you are now faced with a + button, to add your Elements. There are 19 new Form Builder Elements, specifically created for the Avada Form Builder, and of course, you can use any of the other Avada Design Elements in your form design as well.

Avada Form Builder > Form Elements

Local Form Options

Once you have designed and created your Form, you can use the Local Form Options to customize its appearance, specify what happens when your form is submitted, customize confirmation messages, and set privacy options. The Form Options are found in the same place as where the Avada Page Options are usually located. The image below for example, is from the back-end Avada Builder. Check out the Avada Form Local Options doc, for a full rundown.

There are also Global Options for the default styling of your forms, Google reCAPTCHA, and HubSpot, found at Options > Forms. See the Avada Forms Global Options doc for more details on this.

Form Options > Appearance

Adding Your Form To A Page With the Avada Form Element

Once you have completed your Form, it’s time to add it to a page. This is easily done with the Avada Form Element. With this simple helper Element, you can add any existing form anywhere you like into your page content. See the Avada Form Element doc for full details.

Avada Form Element
Avada Website Builder

655,177 Businesses Trust Avada

Get Avada
Avada Website Builder

655,177 Businesses Trust Avada

Get Avada
Avada Website Builder

655,177 Businesses Trust Avada

Get Avada