File Upload (Pro feature)

Using the File Upload element allows you to upload files in different sizes, quantities and formats.

Element Tab

The File Upload element has the following attributes in the Element Tab:

• Element Name - Title of the element

• Description - brief description of the field that will be displayed with the element name.

• Element width - set the width of the field relative to the width of the calculator in 100% scale. You will see the changes in real time.

• Upload from URL - enables uploading files via a direct URL link to users.

• Maximum attached files - the maximum number of files that can be attached.

• Max file size - indicate the maximum file size that needs to be uploaded in MB.

The field above derives its value from the host server's configurations. Learn more about increasing the maximum file size here.

• Set Price for File Uploads - enables specifying the numeric value for the field so you can use it in Formula fields to calculate the price.

  • Sum Prices for Each File - the value of the field will be increased per uploaded file. For example, you set the cost as 3 and uploaded 5 files. Instead of just 3, the calculator gives 15 (3x5=15) to the Formula field as the cost.

• Allowed formats - here specify the file formats that can be uploaded.

By default, WordPress allows only common file formats to be uploaded. However, all file types can be set as allowed by taking certain steps. To learn more about it, navigate to this section.

Measurement Unit

This section of the Element tab helps to adjust the measurement unit applied to the field and the symbol displayed with the field value:

• Use Currency Sign - mainly used to accept fractional inputs and applies the currency settings defined in the Calculator Settings. The setting will be disabled automatically if Set Measurement Unit is enabled.

• Unit Symbol - enter the unit symbol

• Position - select the position where the symbol should be displayed relative to the number

• Thousands separator - select the symbol to separate thousands

• Number of decimals - indicate the number of decimals in the fractional part

• Decimal separator - select the symbol to separate the fractional part

Settings Tab

The File Upload element has the following attributes in the Settings Tab:

• Required - Defines whether the element will be required to fill or not.

• Show in Grand Total - Disable if you want to hide the element in Grand Total.

• Hidden by Default - The element will be hidden until a corresponding condition is met. If the element is hidden, its default value will be counted as '0' in the formula

• Calculate hidden by default - If any case hides the element: via the Hidden by Default setting or hidden by some condition, the element's default value (if it is set) will be counted in the formula

• Additional Classes - Add extra classes to the HTML elements to further style changes.

Example of Using File Upload

To add the File Upload element to your calculator, simply drag and drop the element to your preferred place in the calculator. Fill in the fields based on your preference and save the changes.

Below you can see the result of the created sample calculator with the File Upload element. By the Choose file button, you can upload files directly from your computer or upload files via URL.

Show in Grand Total enabled

The result of the File Upload element will be displayed in the total summary.

Show in Grand Total disabled

The result of the File Upload element will not be displayed in the total summary.

Received orders can be located in Dashboard > Cost Calculator > Orders. Orders with attached files are displayed with a Paper Clip icon beside them.

Uploaded files are available in the open form on the popup window which appears after clicking the order.

When Woo Checkout is enabled in calculator settings the details of the order will be displayed in the WooCommerce orders section and attached files can be found from the order details.