Avada Form Local Options

19/10/2020

For each individual form you create in the Avada Form Builder, there is the Form Options panel, to customize its appearance, specify what happens when your form is submitted, customize confirmation messages, and to set privacy options.

In Avada Builder (the back-end editor) the Form Options are found at the bottom of the page, where the Page options usually reside. In Avada Live, as you can see in the image below, they’re in the Sidebar, again, where the Page Options usually reside. Let’s look at each of the Form Option sections in turn.

Loaded Prebuilt Form

Appearance

With these options you can control the overall appearance of your Form, including colors, margins and borders.

  • Label Position – Make a selection for form input fields labels position. Choose from Above, or Below.

  • Tooltip Text Color – Controls the text color of the field tooltip.

  • Tooltip Background Color – Controls the background color of the field tooltip.
  • Field Margin – Controls the vertical height between form fields. In pixels (px), ex: 10px.

  • Field Height – Controls the height of the form fields. Use any valid CSS value. Leave empty for default value.
  • Field Font Size – Controls the font size of the form fields text. Use any valid CSS value. Leave empty for default value.
  • Field Background Color – Controls the background color of the form input field. Leave empty for default value.
  • Field Text Color – Controls the text color of the form input field. Leave empty for default value.
  • Field Label Color – Controls the label color of the form input field. Leave empty for default value.

  • Field Border Size – Controls the border size of the form fields. Leave empty for default value.
  • Field Border Color – Controls the border color of the form input field. Leave empty for default value.
  • Form Border Color On Focus – Controls the border color of the form input field on focus. Leave empty for default value.
  • Field Border Radius – Controls the border radius of input field. In pixels. Leave empty for default value.

Form Options > Appearance

Submission

The Submission options control what happens when someone submits the form. Depending on the Submission Type selected – Save To Database, Send To URL, Send To Email, Save To Database and Send To Email, or Default POST HTML Form (non-AJAX) various options will be available.

Depending on your form you might choose any of these Submission Types, but the most common would be Save To Database, and Send To Email. Before we look at the options for the various Submission Types, here’s a quick rundown on the various types.

  • Save To Database – In general, storing form data in a database table is a convenient way to manipulate the received data and to create stats, do analysis etc. Also, through this option you can store the data directly on site. The database table can easily be exported or even connected to an automated script, which can do all sorts of data manipulation for you.

  • Send To URL – Depending on the script running on that URL, submission data could be caught and processed, either by a custom script, or through a dedicated URL provided by a newsletter service supplier. Also, it allows you to show a custom created success page, with Call To Actions etc.
  • Send To Email – Here, the form data is simply sent to an email of your choice. This will be a common choice for many forms and users. When using Send To Email, or Save To Database and Send To Email, you can also use placeholders in your email submission fields to dynamically pull data from the form submission. See the Avada Forms Email Submission Placeholders doc for more information.
  • Save To Database and Send To Email – This is a combination of submission types 1 and 3. It saves the entry to a database, and also forwards it to an email address, as specified in the submission type options.
  • Default POST HTML Form (non-AJAX) – This is basically the same as Send to URL, with the exception that the data is sent simply to the same URL where the form is displayed. Unless you need this, Send to Email is a better choice.

Save To Database

  • Submission Type – Save To Database

  • Enable Member Only Form – Select if you want to display this form to only logged in users with specific user roles. Choose from Yes or No.

  • Select User Role(s) – (displays if the option above is set to Yes.) Select user role(s) you want to display this form to. Leaving blank will display form to any logged in user. Choose from Administrator, Editor, Author, Contributor, or Subscriber.

  • Custom Headers – If you are using this form to integrate with a third-party API, you can use custom headers to implement authentication or pass-on any extra headers the API requires. Button: Add Headers.
  • Custom Header Key – Enter the key for the request’s custom header. Example: Content-Type
  • Custom Header Value – Enter the value for your custom-header.
Form Options > Submission Type > Save To Database

Send To URL

  • Submission Type – Send To URL.

  • Submission Method – Make a selection for form submission method. Choose from Post, or Get.

    – GET: Appends form-data into the URL in name / value pairs. It has a limit of a few thousand characters because of this and is not the right option if you send sensitive data. It is convenient though for creating bookmarks and also to extract the data (which is something the site owner has to do).

    – POST: Appends form-data inside the body of the HTTP request. There are no size limitations and the data is not part of the URL, thus it is more secure.

  • Form Submission URL – Enter the URL where form data should be sent to.

  • Enable Member Only Form – Select if you want to display this form to only logged in users with specific user roles. Choose from Yes or No.

  • Select User Role(s) – (displays if the option above is set to Yes.) Select user role(s) you want to display this form to. Leaving blank will display form to any logged in user. Choose from Administrator, Editor, Author, Contributor, or Subscriber.

  • Custom Headers – If you are using this form to integrate with a third-party API, you can use custom headers to implement authentication or pass-on any extra headers the API requires. Button: Add Headers.
  • Custom Header Key – (displays when Add Header is clicked) Enter the key for the request’s custom header. Example: Content-Type
  • Custom Header Value – (displays when Add Header is clicked) Enter the value for your custom-header.
Form Options > Submission Type > Send To URL

Send To Email

  • Submission Type – Send To Email

  • Form Submission Email – Enter email ID where form data should be sent to. If left empty, email will be sent to the WordPress admin.

  • Email Subject – Enter email subject. If left empty, the form title will be used.

  • Email From Name – Enter email from name. If left empty, WordPress will be used.

  • Sender Email – Enter sender email address. If left empty, wordpress@sitename.com will be used.

  • Reply To EmailEnter the ‘reply to’ email address.

  • Enable Member Only Form – Select if you want to display this form to only logged in users with specific user roles. Choose from Yes or No.

  • Select User Role(s) – (displays if the option above is set to Yes.) Select user role(s) you want to display this form to. Leaving blank will display form to any logged in user. Choose from Administrator, Editor, Author, Contributor, or Subscriber.

  • Custom Headers – If you are using this form to integrate with a third-party API, you can use custom headers to implement authentication or pass-on any extra headers the API requires. Button: Add Headers.
  • Custom Header Key – (displays when Add Header is clicked) Enter the key for the request’s custom header. Example: Content-Type
  • Custom Header Value – (displays when Add Header is clicked) Enter the value for your custom-header.
Form Options > Submission Type > Send To Email

Save To Database and Send To Email

  • Submission Type – Save To Database and Send To Email

  • Form Submission Email – Enter email ID where form data should be sent to. If left empty, email will be sent to the WordPress admin.

  • Email Subject – Enter email subject. If left empty, the form title will be used.

  • Email From Name – Enter email from name. If left empty, WordPress will be used.

  • Sender Email – Enter sender email address. If left empty, wordpress@sitename.com will be used.

  • Reply To EmailEnter the ‘reply to’ email address.

  • Enable Member Only Form – Select if you want to display this form to only logged in users with specific user roles. Choose from Yes or No.

  • Select User Role(s) – (displays if the option above is set to Yes.) Select user role(s) you want to display this form to. Leaving blank will display form to any logged in user. Choose from Administrator, Editor, Author, Contributor, or Subscriber.

  • Custom Headers – If you are using this form to integrate with a third-party API, you can use custom headers to implement authentication or pass-on any extra headers the API requires. Button: Add Headers.
  • Custom Header Key – (displays when Add Header is clicked) Enter the key for the request’s custom header. Example: Content-Type
  • Custom Header Value – (displays when Add Header is clicked) Enter the value for your custom-header.
Submission Type > Database and Email

Default POST HTML Form (non-AJAX)

  • Submission Type – Default POST HTML Form (non-AJAX)

  • Submission Method – Make a selection for form submission method. Choose from Post, or Get.

    – GET: Appends form-data into the URL in name / value pairs. It has a limit of a few thousand characters because of this and is not the right option if you send sensitive data. It is convenient though for creating bookmarks and also to extract the data (which is something the site owner has to do).

    – POST: Appends form-data inside the body of the HTTP request. There are no size limitations and the data is not part of the URL, thus it is more secure.

  • Enable Member Only Form – Select if you want to display this form to only logged in users with specific user roles. Choose from Yes or No.

  • Select User Role(s) – (displays if the option above is set to Yes.) Select user role(s) you want to display this form to. Leaving blank will display form to any logged in user. Choose from Administrator, Editor, Author, Contributor, or Subscriber.

  • Custom Headers – If you are using this form to integrate with a third-party API, you can use custom headers to implement authentication or pass-on any extra headers the API requires. Button: Add Headers.
  • Custom Header Key – (displays when Add Header is clicked) Enter the key for the request’s custom header. Example: Content-Type
  • Custom Header Value – (displays when Add Header is clicked) Enter the value for your custom-header.
Form Options > Submission Type > Default Post HTML

Confirmation

With these options you can control the overall appearance of your Form, including colors, margins and borders.

  • Form Confirmation Type – Select what should happen after the form is submitted successfully. Choose from Display Message, or Redirect To URL. When using Display message, you use the Notice Element in your Form to display your Success and Failure Messages. These can be placed anywhere in the form, for example at the bottom, or the top. If they are at the top, when the user submits the form, the page will scroll to the top of the form and display the message.

  • Redirect URL– Only displays if above option is set to Redirect To URL. Enter the URL which the user should be redirected to after a successful submission.

Form Options > Confirmation > Display Message
Form Options > Confirmation > Redirect to URL

Privacy

With these options you can control the privacy options for the Form.

  • Store IP and User-Agent – Select if you want to store the IP and User-Agent on submissions. Depending on the legislation that applies to your site, you may need to disable this option. Choose from Yes, or No.

  • Duration of Submissions Log (Months) – Select the duration for which form submissions will be kept in months. You can choose what happens on expiration below.

  • Submission Expiration Action – Choose what will happen when the time defined above comes to pass. If you have selected to log the user’s IP & UA above, selecting “Anonymize IP and User-Agent” will delete these from the log. If you want old entries to be deleted automatically after a certain time, then select “Delete Submission”.

Form Options > Privacy