1. Home
  2. Design
  3. Advanced 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 Design or Customize section of your campaign. Click on the Form element itself to open the menu on the left side of your dashboard. Add all the form fields you need and complete any styling customization.

Design - form element

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.

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 Edit HTML again and then Save Changes on the top right corner.

Close editor/Save changes

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

Updated on August 10, 2020

Was this article helpful?

Related Articles