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.,OverviewSettings
Appearance
Submission
Confirmation
Privacy
Custom CSS
Import/Export,SettingsThis page simply controls the Page Title and Slug for the Form.
View the Options Screen,AppearanceWith these options you can control the overall appearance of your Form, including colors, margins and borders.
Preview Width – Select the width to preview the form at in the live editor. Note: this is only used for previewing purposes.
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 Placeholder Color – Controls the label placeholder of the form input field. Leave empty to use a faded version of the form text color.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.
View the Options Screen,SubmissionThe 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.
View the Options Screen767,669 Businesses Trust Avada
Get Avada767,669 Businesses Trust Avada
Get Avada767,669 Businesses Trust Avada
Get Avada,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-TypeCustom Header Value – (displays when Add Header is clicked) Enter the value for your custom-header.View the Options Screen,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, [email protected] will be used.
Reply To Email – Enter the 『reply to』 email address.
Attach Uploaded Files – Add uploaded files as email attachments.
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 Header.Custom Header Key – (displays when Add Header is clicked) Enter the key for the request』s custom header. Example: Content-TypeCustom Header Value – (displays when Add Header is clicked) Enter the value for your custom-header.View the Options Screen,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, [email protected] will be used.
Reply To Email – Enter the 『reply to』 email address.
Attach Uploaded Files – Add uploaded files as email attachments.
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-TypeCustom Header Value – (displays when Add Header is clicked) Enter the value for your custom-header.View the Options Screen,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 Header.Custom Header Key – (displays when Add Header is clicked) Enter the key for the request』s custom header. Example: Content-TypeCustom Header Value – (displays when Add Header is clicked) Enter the value for your custom-header.View the Options Screen,ConfirmationWith 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.
View the Display Message Options ScreenView the Redirect URL Options Screen,PrivacyWith 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」.
View the Options Screen,Custom CSSOn this tab, you can add Custom CSS to the Form.
CSS Code – Enter your CSS code in the field below. Do not include any tags or HTML in the field. Custom CSS entered here will override the theme CSS. In some cases, the !important tag may be needed. Don』t URL encode image or svg paths. Contents of this field will be auto encoded.
View the Options Screen,Import / ExportOn this tab you can export and import form options.
Import Page Options – Import Page Options. You can import via file or copy and paste from JSON data.
Export Page Options – Export your Page Options. You can either export as a file or copy the data.
View the Options Screen,Useful Links & Resources
The Avada Form Builder
Prebuilt Avada FormsAvada Form Global OptionsHow To Integrate HubSpot With Avada FormsAvada Form Element