Upload Field Element

Last Update: November 19, 2025

The Avada Upload Field Element allows users to attach and submit files directly through a web form, supporting various file types as defined, including documents, images, and more. It includes options to set file type restrictions, size limits, and multiple uploads to ensure submissions are secure and appropriate.

Watch the video below for a visual overview and read on to see the complete list of options.

For privacy reasons YouTube needs your permission to be loaded.

How To Use The Avada Upload Field Element

The Avada Upload Field Element allows you to place a field into a form where users can upload files before submission. To start, add the element to your desired Column in an Avada Form Layout.

There is a large range of options with this element, such as the Maximum File Upload Size, whether to allow Multiple Uploads, Min and Max Number of Files, Allowed File Extensions, and the Uploads Preview option. Otherwise, configure as any other form Element. Read below for a description of all Element options.

Element Options

Location: The edit screen within each Element. You access the Form Builder Elements when adding an Element while editing a Form in the Avada Form Builder (Forms > Form Builder, from the Avada Dashboard).

You can deploy as many individual Elements in your forms 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 instance of the Element independently, greatly enhancing your flexibility and creative options.

General

HeadingDescription
Field LabelEnter the label for the input field. This is how users will identify individual fields.
Field NameEnter the field name. Please use only lowercase alphanumeric characters, dashes, and underscores.
Required FieldMake a selection to ensure that this field is completed before allowing the user to submit the form.
Empty Input NoticeEnter text validation notice that should display if data input is empty.
Placeholder TextThe placeholder text to display as hint for the input type.
Tooltip TextThe text to display as tooltip hint for the input.
Max File Upload SizeMaximum size limit for file upload. The default is 2 MB. Maximum upload size on your site is currently set to 50 MB.
Allow Multiple UploadsDecide if multiple files can be uploaded.
Allow Single File Addition / RemovalDecide if single files can be added and removed. Note: This option only works with forms that are AJAX-submitted.
Min Number Of FilesSet the minimum number of files a user can upload. Set to 0, if you don't want a limit.
Max Number Of FilesSet the maximum number of files a user can upload. Set to 0, if you don't want a limit.
Allowed Filetypes / ExtensionsPlease enter the comma separated filetypes or extensions that you want to allow. Leave empty to allow all. Example input: .jpg, .png, image/*. Note, WordPress file type permissions still apply.
Capture CameraRecommends to (mobile) browsers to prompt users to capture new media directly instead of selecting an existing file. Some directly open the camera app. Corresponding file types must have been set above. "User" indicates that the user-facing camera should be used, while "environment" specifies that the outward-facing camera should be used. If not set, the browser will decide automatically, and likely load the standard file dialog.
Uploads PreviewChoose which preview you want to provide
Preview Thumbnail WidthSet the width of each thumbnail in the preview. In pixel.
Preview Thumbnail Hover ScaleSet to "yes" if preview thumbnails should scale on hover to reveal more of the filename.
Input Field IconSelect an icon for the input field, click again to deselect.
CSS ClassAdd a class for the form field.
CSS IDAdd an ID for the form field.

Conditionals

HeadingDescription
Conditional LogicAdd conditional logic for the input field.

In this article