1. Home
  2. Design
  3. Customization
  4. Adding Multiple Upload Fields

Adding Multiple Upload Fields

Update 10/2018: CSS and HTML are now available on the Advanced and Power plans. If you are on the Basic or Standard plans, you will need to upgrade to use custom CSS or HTML.

Note: When two photos are uploaded, they display as two separate thumbnails in the gallery with duplicate captions.

If you still prefer to have multiple upload field buttons, you can add them using HTML.

Tip: Add all the form fields you need first. Once you go into custom mode to add the additional fields, you’ll save it while in custom mode and reverting back to default will cause changes to be lost.

Go to the Customize section of your offer. Click on the Form element itself to open the menu on the left side of your dashboard. Add all the form fields you need in general.

Click to select form

When you’re satisfied with your form and are ready to add your additional upload field, you’ll click Code in the left sidebar menu. Next, select Edit HTML. You’ll see the HTML code appear to your right. Find the div class code for “fileupload”. Copy (ctrl+c) from the beginning div class to the last closing /div before the next div class starts. Look at the example below for reference.

Copy form HTML

The next step is to paste (ctrl+v) the code where you want it in the form. If you want it below the first upload button, then just add it after the last /div closing, like the screenshot below.

Important: You must change the “Name” and “ID” of the second file upload. You can just change the custom_# to any number that is not already being used, or add a letter to differentiate the fields for your export. Do not use spaces.

Alter field ID

You can also change the “label” of your additional fields by changing the black text that says “Upload a Photo”. You can change it to “Upload a second photo” or anything specific you’d like, though it is not necessary. After you’ve set it up, just click “Close Editor” and then “Save Changes” both populate on the top right corner.

Close editor buttonClose editor/Save changes

You’re done! You can repeat this process for each additional upload field you want to add.

Updated on October 26, 2018

Was this article helpful?

Related Articles